Quellenangabe für Titelbild
Plug-in Featured Image Caption

… Denn Fotografie braucht Ambition! – und Kraft. MichaelGaida
Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
“Classic und TinyMCE – ist so klasse!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Anklickt Classic-Editor mit TinyMCE Advanced
“Classic und TinyMCE – ist das ausgezeichnete!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …
“Classic und TinyMCE – ist so sehr gut !”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.
“Classic und TinyMCE – und tut sehr gut!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

TinyMCE aktive Installationen: 2+ Millionen
“Classic und TinyMCE – ist so fabelhaft!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Ansprechend! – so gehts hier zur Lancierung
“Classic und TinyMCE – ist de luxe!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6

… und NEU! – Classic Widgets
“Classic Widgets – sind so grandiose!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum und Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
“Classic und TinyMCE – ist so fein!”
Anklickt Classic! – TinyMCE; und NEU! – Classic Widgets

WordPress Core hat für das Titelbild die Beschriftung nicht vorgesehen. Indes ist für das Titelbild die Bildbeschriftung mit dem Plug-in Featured Image Caption in die Reihe zu bekommen. Hierzu ist der Hinweis zur Website Theme Coder eine Empfehlung unter Freunden.

Bleibt alleinig eine Anmerkung:

Die Beschriftung der Titelbilder am Anfang des Beitrags sind auch der Internetdienste Suchergebnisse im Text mit einbezogen. Folglich dessen erfordert eine Änderung. Hierzu bietet sich das Plug-in ‘Featured Image Caption’ an.

Erst mal scheint das Plug-in bspw für das Theme ‘Twenty Fourteen’ ungeeignet, da der Ausschnitt des Titelbildes dies bedingt (für Mobil-Ansicht ist der Bild-Ausschnitt nicht sichtbar).
Caption-Automatically
Weiter kann aber die Bildbeschriftung auch über Shortcode erfolgen. Sei wie es hier von wegen Designs oder neben der Beschriftung auch erweiterter Beschreibungen sein soll.

Der Shortcode

Wie im Hinweis von Thomas stellt das Plug-in den Shortcode [ccfic] zum Einfügen im Editor bereit. Die Bildunterschrift ist somit nicht direkt am Bild, also im Content des Beitrags. Bspw. durch Shortcode:

[ccfic caption-text source-link]

  • Der Auszeichnung wie dieses Beitrags unter dem Titelbild, ist allein der Shortcode  [ccfic] okay.
  • Zudem ist in Einstellung des Plug-ins die Deaktivierung der Bildunterschrift beim Bild. Also das erste Häkchen bei ‘Automatically add the caption to the featured image’ ist zu entfernen. Denn wie schon obig gezeigt, sonst ist derlei visuell:
    Caption-Automatically
    Der obigen Entfernung von Häkchen ist es verbindlich, den Shortcode per Hand einzufügen. Weiter siehe nächst Überschrift, da funktioniert dann ähnlich wie da mit Häkchen automatisch. Also aut. der Shortcode über die functions.php
  • Das dritte Häkchen für ‘Add a container <div> to the caption HTML’ ist zu belassen.

Statt dem Häkchen bei Automatically add the caption to the featured image

Da mit Code in der functions.php ist dann auch die Bildbeschriftung visuell, wo welche definiert ist. Also ohne Eingabe des Shortcodes. Im Folgenden der Code für die functions.php so der Beiträge.

/* Titelbild Beschriftung aut. im Content */
$reihenfolge = 1;

add_filter('the_content', 'ccfic_before_content', $reihenfolge, 1);
function ccfic_before_content($content)
{
if (is_singular('post')) {
$content = do_shortcode('[ccfic]') . $content;
}

    return $content;
}

Kevin

Bspw CSS

Das wie hier oben zu sehen ist das CSS:

/* Design Quellenangabe für Titelbild */
.ccfic {
margin-bottom: 23px; 
padding-bottom: 13px;
font-size: 14px; color: #777;
border-bottom: 1px solid #e6e6e6;
}

.ccfic:empty {
display: none;
}

Das mit .ccfic:empty ist für das Shortcode … automatisch im Content, wenn dann kein Eintrag bei ‘Featured Image Caption’.


Aktualisiert im Jahr 2021-August

… Und wie ist dein Erfolg des Beitrags?

Wegerl's fix zum Feedback-Plug-in