Die Bilderausgabe in Posts und Pages ändern

[dn3d_fanboy]

Guten Abend zusammen,

Gibt es eine Möglichkeit, bzw. hierzu ein empfehlenswertes Tutorial, wie ich die Ausgabe von Bilder in einem Post/auf einer Page ändern kann?

Standardmäßig wird ein Bild bei mir so ausgegeben:

<p>
<a href="#" rel="attachment wp-att-1203" data-rel="lightbox-0" title="">
<img class="aligncenter wp-image-1203 size-medium" src="http://www.kindergarten-halft.de/…/Spielzeugbasar-209x300.p…" alt="Spielzeugbasar" width="209" height="300" srcset="http://www.kindergarten-halft.de/…/Spielzeugbasar-209x300.p… 209w, http://www.kindergarten-halft.de/…/Spielzeugbasar-768x1102.… 768w, http://www.kindergarten-halft.de/…/Spielzeugbasar-714x1024.… 714w, http://www.kindergarten-halft.de/…/20…/02/Spielzeugbasar.png 1004w" sizes="(max-width: 209px) 100vw, 209px" /></a></p>

Ich würde da allerdings mit so etwas arbeiten wollen:

<figure class="post-thumb">
<a href="#">
<img src="images/news-placeholder.jpg" alt="" class="" width="320" height="170" />
<figcaption class="post-thumb-caption">
<p>Bild-Caption</p>
</figcaption>
</a>
</figure>

Leider war meine Googlesuche erfolglos, vielleicht suche ich aber auch nicht nach den richtigen Begriffen.

Wenn ihr also ein gutes Tutorial oder einen Verweis zum Codex habt, wäre das echt super.

Besten Dank schonmal im Voraus.

 

[Sargas]

Hilft dir das hier weiter?



Du müsstest dann deine functions.php ergänzen, als Teil einer bestehenden oder eigenen Funktion:

function mein_add_theme_support() {
  add_theme_support( 'html5', array(
  'comment-list',
  'comment-form',
  'search-form',
  'gallery',
  'caption',
  ) );
  }
  add_action( 'after_setup_theme', 'mein_add_theme_support' );

Für Bilder sollte gallery und caption reichen.

 

[noltehans]

Nicht getestet.
https://css-tricks.com/snippets/wordpress/insert-images-with-figurefigcaption/
oder