Wat ik wel gedaan heb is de in het uitlezen van de content de images en de rest scheiden. Dat kan dmv 2 functies in functions.php.
function get_the_images($id, $num = 0, $link = 0) {
$content = get_the_content($id);
// check op images en plaats ze in $matches
preg_match_all('/<img[^>]+./', $content, $matches);
$matches = $matches[0]; // iets minder diepe array mag wel
$counter = 0;
foreach ($matches as $match) {
if ($counter == $num) {
break;
}
//hoogte en breedte weghalen, ze staan in css
$match = preg_replace('/width=".+?"/', "", $match, 1);
$match = preg_replace('/height=".+?"/', "", $match, 1);
$match = preg_replace("/width='.+?'/", "", $match, 1);
$match = preg_replace("/height='.+?'/", "", $match, 1);
if ($link) { // we maken een link van de src image
preg_match_all('/src=".+?"/', $match, $link);
$link = preg_replace('/^src/', "href", $link[0][0], 1);
$images[] = '<a ' . $link . ' rel="lightbox">' . $match . '</a>';
} else {
$images[] = $match;
}
$counter++;
}
return $images;
}
function content($id) {
$content = get_the_content($id);
$content = preg_replace('/<img[^>]+./','', $content); // afbeeldingen eruit halen
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
return $content;
}
Hoe je dat daarna aanroept in de template is bijv zoals dit:
` <div id=”images”>
<?php
$images = get_the_images($post->ID, 15, ‘link’);
foreach ($images as $image) {
echo $image;
}
?>
</div>
<div class=”clear”></div>
<?php
echo content();`
Niet erg slim op deze manier. Je bent nieuw met WordPress.
Opmaak en inhoud zijn gescheiden in WP.
Je kunt in de opmaak precies aangeven hoe je plaatjes geplaatst worden. (style.css)
In elke css staat de opmaak van de plaatjes, die kun je naar hartelust wijzigen.
Ok Robelia. Wat mijn doel is om de tekst in een div geplaatst te krijgen en de afbeelding die bij het artikel hoort in een aparte div op een vaste positie geplaatst hebben. Waarschijnlijk komt dan de afbeelding in een floating div aan de rechter zijde van de pagina.
Als je tekst in een div wilt plaatsen kun je beter een eigen template page maken.
Het kenmerk van WP is dat je in de page de opmaak ala Word maakt en de afbeeldingen rechts of links uitlijnt.
Ik begrijp niet zo goed dat dat in een apparte div zou moeten.
Als je alle foto ’s rechts wilt hebben kun je toch gewoon in de css: allign-right opmaken zoals je dat wilt.
Een onzichtbare tabel kan ook.
In jou functie moet de hele content herschikt worden, waarom zo moeilijk..
