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 la manière de 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, n'hésitez pas à 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.