Bilder von Text in WordPress trennen

Sie fragen sich, wie Sie Bilder von Text in WordPress trennen können? Dieser Code-Schnipsel extrahiert alle Ihre Bilder in Ihrem Beitrag und platziert sie in einem separaten Div.

Anweisungen:

Sie müssen diesen Code nur zur single.php-Datei Ihres Themes hinzufügen:

<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>

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieser Code-Schnipsel gefallen hat, ziehen Sie bitte in Betracht, unsere anderen Artikel auf der Website zu lesen, wie z. B.: Die besten WordPress-Seitenersteller (im Vergleich) und wie man WordPress richtig aktualisiert.