Hoi,
Je kunt dit op zeer veel verschillende manieren aanpakken. Ik geef je vrij eenvoudige methode via een aangepast template voor home, die je via Pagina’s vult. Ik ga er vanuit dat je wel een header en een footer wilt. (zo niet, haal dan de code ‘get_header();’ en <?php get_footer(); ?>` eruit.
Deze code is gekopieerd van theme Twenty twelve, de sidebar is eruit gelaten. Deze methode vereist minimale kennis van php, wel een beetje html en css kennis.
<?php
/**
* Template Name: Home Template
*/
get_header(); ?>
<div id="primary" class="site-content">
<div id="content" role="main">
<?php while ( have_posts() ) : the_post(); ?>
<?php if ( has_post_thumbnail() ) : ?>
<div class="entry-page-image">
<?php the_post_thumbnail(); ?>
</div><!-- .entry-page-image -->
<?php endif; ?>
<?php get_template_part( 'content', 'page' ); ?>
<?php endwhile; // end of the loop. ?>
</div><!-- #content -->
</div><!-- #primary -->
<?php get_footer(); ?>
Maak vervolgens in Pagina’s een pagina Home aan, met nog even wat verzonnen tekst. Geef deze in Pagina-attributen het sjabloon Home. Wijs in Instellingen > Lezen deze pagina als statische pagina toe. Check of de home-pagina de verzonnen tekst weergeeft.
So far so good. Nu komt het op je kennis van html en css aan. Ga terug naar Pagina’s > Home. Ter vervanging van de verzonnen tekst, Maak in de editor stand drie div’s aan en vul die met de plaatjes, de tekst en een gelinkte tekst ‘Lees meer’. Die ‘lees meer’ zou ik in een div zetten met een aparte class.
<div id="links-blok">plaatje, tekst en Lees meer link naar correcte pagina </div>
<div id="midden-blok">plaatje, tekst en Lees meer link naar correcte pagina </div>
<div id="rechts-blok">plaatje, tekst en Lees meer link naar correcte pagina </div>
Om het op te maken, (minimaal) in je css opnemen (percentages voorbeeld)
#links-blok, #midden-blok, #rechts-blok{
width: 30%;
margin-right: 2%;
float:left;
}
Je zult het nog wat meer willen opmaken, maar op deze wijze staat er in principe wat je wilt.
Succes!
Lianne
