Vous vous demandez comment séparer les images du texte dans WordPress ? Cet extrait extrait toutes vos images de votre article et les place dans une div séparée.
Instructions :
Tout ce que vous avez à faire est d'ajouter ce code au fichier single.php de votre thème :
<div class="content-text">
<h2><?php the_title(); ?></h2>
<?php
ob_start();
the_content('Read the full post',true);
$postOutput = preg_replace('/<img[^>]+./','', ob_get_contents());
ob_end_clean();
echo $postOutput;
?>
</div>
<div class="content-img">
<?php
preg_match_all("/(<img [^>]*>)/",get_the_content(),$matches,PREG_PATTERN_ORDER);
for( $i=0; isset($matches[1]) && $i < count($matches[1]); $i++ ) {
echo $beforeEachImage . $matches[1][$i] . $afterEachImage;}?>
</div>
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur comment copier / coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.
Si vous avez aimé cet extrait de code, veuillez envisager de consulter nos autres articles sur le site tels que : Meilleurs constructeurs de pages WordPress (comparés) et comment mettre à jour correctement WordPress.
Bonjour merci. Le problème est que les images ne sont plus cliquables. Avez-vous une solution pour qu'elles le soient ? merci.
Malheureusement, cet extrait ne prend peut-être pas en charge les liens d'image.