Como separar imagens do texto no WordPress

Quer saber como separar as imagens do texto no WordPress? Esse snippet extrai todas as imagens do seu post e as coloca em uma div separada.

Instruções:

Tudo o que você precisa fazer é adicionar esse código ao arquivo single.php do seu 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>

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar/colar corretamente trechos de código no WordPress para não danificar acidentalmente seu site.

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: Melhores construtores de páginas do WordPress (comparados) e como atualizar corretamente o WordPress.