Cómo separar las imágenes del texto en WordPress

¿Te preguntas cómo separar las imágenes del texto en WordPress? Este fragmento extrae todas las imágenes de la entrada y las coloca en un div independiente.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo single.php de tu 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 añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si le gustó este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: Best WordPress Page Builders (Compared) y cómo actualizar WordPress correctamente.