¿Te preguntas cómo separar imágenes del texto en WordPress? Este fragmento extrae todas tus imágenes de tu publicación y las coloca en un div separado.
Instrucciones:
Todo lo que tiene que hacer es agregar este código al archivo single.php de su tema:
<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>
Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar y pegar fragmentos de código correctamente en WordPress, para no dañar accidentalmente tu sitio.
Si te gustó este fragmento de código, considera revisar nuestros otros artículos en el sitio como: Los mejores constructores de páginas de WordPress (comparados) y cómo actualizar WordPress correctamente.
Hola, gracias. El problema es que las imágenes ya no son clicables. ¿Tienes una solución para que lo sean? Gracias.
Lamentablemente, este fragmento puede no admitir enlaces de imágenes.