Die Bilderausgabe in Posts und Pages ändern

    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:

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

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

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Ohne Gewähr: Such mal im ersten Schritt nach HTML5-Support (findest du ganz schnell unter Suchstichworten „wp codex html5 support“). Das wird in der functions.php eingetragen, wofür du den HTML5-Support haben willst.

    Zumindest bezüglich Galerie weiß ich, dass die Galeriebilder dann in einem <figure>-Tag ausgegeben werden.

    Aber den Rest weiß ich jetzt nicht auswendig und müsste probieren. Da du schon nach Verweis auf den Codex fragst, gehe ich davon aus, dass du auch selber testen kannst – und dass du mit diesem Einstieg dann vielleicht auch weiterkommst und die passenden Diskussionen und Anleitungen findest, das zu machen, was du suchst und dir vorstellst.

    Gruß
    helix

    einfach mal versuchen

    bearbeite oder eröffne einen Testbeitrag

    füge dort ein Bild ein und gib dem Bild vorher eine "Bildunterschrift" => und dann schau dir den Quelltext an, nach der Veröffentlichung oder einfach speichern und den Quelltext der Voransicht ansehen...

    wäre dies ein Weg für dich?

    wenn ja, hast eine Lösung, wenn nein, schauen wir dann weiter :-)


    und kontrolliere, ob in der functions.php des Themes das da drin steht:

    auch wenn du ein Child Theme nutzt, schau zuerst in der functions.php des Parents nach und nur, wenns dort nicht drin steht,gehört dies in die functions.php des Child Themes
    und wenns nicht im Parent Theme drin steht (==> zieh den Theme Autor bei den Ohren lang ... !)


    PHP
    // Add theme support for Semantic Markup
    $markup = array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption', );
    add_theme_support( 'html5', $markup );

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden