Cum să separați imaginile de text în WordPress

Vă întrebați cum să separați imaginile de text în WordPress? Acest fragment extrage toate imaginile din postarea dvs. și le plasează într-un div separat.

Instrucțiuni:

Tot ce trebuie să faceți este să adăugați acest cod în fișierul single.php al temei dvs.:

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

Notă: Dacă este prima dată când adăugați secvențe de cod în WordPress, consultați ghidul nostru despre cum să copiați / lipiți corect secvențe de cod în WordPress, pentru a nu vă defecta accidental site-ul.

Dacă v-a plăcut acest fragment de cod, vă rugăm să luați în considerare vizitarea altor articole de pe site, cum ar fi: Cele mai bune constructori de pagini WordPress (Comparație) și cum să faceți upgrade la WordPress în mod corespunzător.