So Fügen Sie eine Featured-Image-Caption in WordPress

Ich hoffe jemand ist in der Lage, mir zu helfen mit einem problem. Ich bin Aufbau einer Nachrichten-Website für einen Freund von mir. Die Website wird beginnen, zusammen zu kommen, aber ich kann nicht herausfinden, wie das hinzufügen von Bildunterschriften zu vorgestellten Bilder. Ich habe auf der Suche alle über das Internet heute, gibt es viele Möglichkeiten, es zu tun, durch hinzufügen von code, um php-Blätter, aber ich bin mir nicht sicher, was ich Tue.

Habe ich Hinzugefügt, sodass code, um die functions.php code, aber das geht alles-pair-Mädchen geformt.

Ich bin halten meine Finger gekreuzt, jemand wird mir helfen können durch Eingabe von mir durch, was zu tun ist.

Vielen Dank im Voraus für Eure Hilfe.

Freundlichen GRÜßEN

John

  • Was meinst du mit "featured images"? Meinst du, dass Sie möchten, dass bestimmte Bilder haben Bildunterschriften und andere nicht? Erklären, in welchem Kontext Sie wollen, um die Bilder anzuzeigen, Beschriftungen, etc.
  • Ein featured image hat seinen eigenen upload-Punkt für jeden Beitrag und Seite, und seine als "Featured Image". Also ich würde davon ausgehen, dass ist, was er spricht. Eine kurze Google-Suche lieferte eine einfache Lösung, ich poste es unten.
InformationsquelleAutor TLCJohn | 2012-12-12
  1. 9

    Zuerst einmal müssen Sie legen Sie die folgenden code in Ihre functions.php Datei:

    function the_post_thumbnail_caption() {
  global $post;

  $thumbnail_id    = get_post_thumbnail_id($post->ID);
  $thumbnail_image = get_posts(array('p' => $thumbnail_id, 'post_type' => 'attachment'));

  if ($thumbnail_image && isset($thumbnail_image[0])) {
    echo '<span>'.$thumbnail_image[0]->post_excerpt.'</span>';
  }
}

    Fügen Sie ihn direkt vor das schließende PHP-tag in die Datei, wenn es nicht ein schließendes PHP-tag dann stellen Sie sicher, es gibt keine leeren Zeilen unterhalb der code, den Sie einfügen als, die Probleme verursachen können.

    Dann, wo Sie möchten, dass die Beschriftung angezeigt werden soll, müssen Sie rufen Sie es mit diesem:

    <?php the_post_thumbnail_caption(); ?>

    Wenn Sie unsicher sind, wo, um den Anruf in Ihrem template-Dateien, die Sie benötigen, um herauszufinden, wo <?php the_post_thumbnail(); ?> aufgerufen wird. Suchen Sie einfach die Zeile in die Vorlage-Datei, und platzieren Sie den Funktionsaufruf in der Nähe, wo immer Sie möchten, dass die Beschriftung angezeigt werden. Die Funktion wickelt Sie die Beschriftung in einem span-tag automatisch, also du kannst es mit CSS, aber Sie können auch wickeln Sie den Funktionsaufruf in jedem tag, die Sie möchten.

    So zum Beispiel, wenn Sie Ihre Vorlage-Datei ruft das featured image mit diesem oder etwas sehr ähnliches:

    <?php 
    if ( has_post_thumbnail() ) {
        the_post_thumbnail();
} ?>

    Würden Sie wollen, fügen Sie die Beschriftung, rufen Sie es wie diese:

    <?php 
    if ( has_post_thumbnail() ) {
        the_post_thumbnail();
} ?>
<?php the_post_thumbnail_caption(); ?>

    Lassen Sie mich wissen, wenn Sie benötigen eine andere Klärung.

    • Hallo Andy,vielen Dank für die Zeit nehmen, mir zu helfen. Ich bin mit einem sehr guten theme builder genannt Ultimatum, Lesen Sie bitte den folgenden link. ultimatumtheme.com, ich schaute in alle Ordner, die an diesem morgen aber nicht finden kann, die php-Dateien, die Sie erwähnen. Also ich habe kopiert Ihre post-und entlastet Sie und gepostet hat, der das Ultimatum forum, hoffentlich wird jemand mir sagen, welche Datei muss ich öffnen in notepad++ und hinzufügen.
    • Kein problem, hoffentlich hilft es. Sobald du es herausgefunden, akzeptieren Sie bitte meine Antwort hier, wenn es das war, was Sie gesucht haben. Ich ging auf den link, den Sie zur Verfügung gestellt, und im Begriff war, eine Kopie herunterzuladen, so dass ich finden konnte, die richtigen Dateien für Sie, aber es ist ein eher teures tool. Es scheint, dass Ihr eine Art von front-end-drag-and-drop-generator? So kann es haben viel code und Dateien, die ein typisches WordPress-theme.
    InformationsquelleAutor AndyWarren
  2. 0

    Ich weiß, das ist eine alte Frage, aber ich wollte eine andere Lösung, die andere vielleicht lieber, wenn Sie lieber den Umgang mit Daten, die bereits vorhanden ist (weniger Datenbank-Aufrufe), während die Verwendung von Feldern, die bereits in WordPress.

    Da die Ausgabe von get_the_post_thumbnail() wird das gesamte img-tag als string mit dem alt-tag pre-besiedelten aus dem caption-Feld, können Sie einfach entpacken Sie das alt-tag des Bildes-tag durch die Verwendung von xml-parser oder regex.

    Habe ich dieses:

        <?php 
    if ( $featured = get_the_post_thumbnail( get_the_ID() ) ):

        echo $featured; 
        preg_match('/alt="(.*)"/i', $featured, $caption);

        if ($caption) {
            echo wpautop(array_pop($caption));
        }
    endif;
    ?>

    Wenn Sie es wollen, in einer Funktion wie die, die ursprünglich angenommen Antwort, übergeben Sie das img-tag direkt an Ihre Funktion:

        function get_the_post_thumbnail_caption($img_tag) {
        preg_match('/alt="(.*)"/i', $img_tag, $caption);
        return array_pop($caption);
    }

    Und in der Vorlage:

        $img = get_the_post_thumbnail( get_the_ID() ); //or any id
    echo wpautop( get_the_post_thumbnail_caption( $img ) );

    Beachten Sie, dass wenn Sie füllen Sie das 'alt-text' - Feld, wird es überschreiben Sie die caption-Feld die Daten, wenn die Ausgabe des img-tag. Sie können dieses Verhalten überschreiben, mit Filter, wenn nötig.

    • Eine weitere Sache: Sie können erweitern die regex auch andere tags mit dem preg_match_all - Funktion und ein Muster wie '/(alt|title|src)="(.*)"/ich'
    InformationsquelleAutor Scorpius
  3. -2
    the_post_thumbnail();                  //without parameter -> Thumbnail

the_post_thumbnail('thumbnail');       //Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium');          //Medium resolution (default 300px x 300px max)
the_post_thumbnail('large');           //Large resolution (default 640px x 640px max)
the_post_thumbnail('full');            //Original image resolution (unmodified)

the_post_thumbnail( array(100,100) );  //Other resolutions
    • Sie sollten diese entfernen zu beantworten. Es ist völlig falsch, und Sie werden wahrscheinlich downvoted.
    InformationsquelleAutor Omprakash Patel
Schreibe einen Kommentar