Vor kurzem habe ich die WordPress Featured Images (oder Post Thumbnails, wie manche Leute sie nennen) für den Bild-Slider, der in meinen kostenlosen Themes verwendet wird, voll ausgenutzt. Einige Leute haben mich jedoch gefragt, ob es möglich wäre, ein separates Bild für den Schieberegler zu haben, als ihr Post-Thumbnail, weil der Bild-Schieberegler in der Regel so viel größer ist, also dachte ich mir, ich würde ein kurzes Tutorial schreiben, das Ihnen zeigt, wie man es hinzufügt ein benutzerdefiniertes Feld für Ihr Thema, sodass Sie ein separates Bild für den Schieberegler definieren können, wobei das „empfohlene Bild“ als Backup festgelegt ist.
Schritt 1: Erstellen Sie das benutzerdefinierte Feld
Der erste Schritt ist das Erstellen des neuen benutzerdefinierten Felds (siehe Codex, wenn Sie damit nicht vertraut sind). Benutzerdefinierte Felder). Fügen Sie am Anfang der Schleife Folgendes ein, das direkt NACH der Anweisung „while (have_posts)“ oder „foreach($myposts as $post“ stehen würde. Ändern Sie dort, wo „Alternatives Bild“ steht, was auch immer sinnvoll ist – z. B. Slider-Bild , Autorenbild … etc.
//get custom field titled "Post Image" $alternative_post_image = get_post_meta($post->ID, 'Alternative Image', $single = true);
Schritt 2: Neues benutzerdefiniertes Feld anstelle des Beitragsbilds anzeigen
Jetzt können Sie einen Schnelltest bestehen, um zu sehen, ob das benutzerdefinierte Feld vorhanden ist, und wenn ja, die im benutzerdefinierten Feld definierte URL anzeigen, andernfalls das Miniaturbild des Beitrags anzeigen. Fügen Sie den folgenden Code dort ein, wo Sie Ihr Bild anzeigen möchten.
<?php //if custom field isn't blank if ($alternative_post_image !== '' ) { ?> <img src="https://www.wpexplorer.com/custom-field-image-wordpress/<?php echo $alternative_post_image; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /> <?php } else { ?> <?php //show featured image the_post_thumbnail(); ?> <?php } ?>
Schritt 3: Verwenden Sie das benutzerdefinierte Feld in Ihren Posts
Jetzt können Sie Ihr benutzerdefiniertes Feldformular im Post-Editor verwenden, um den Link zu Ihrem alternativen Bild zu definieren. Geben Sie den Namen Ihres benutzerdefinierten Felds (in diesem Beispiel „Alternatives Bild“) in das Feld „Name“ und dann die URL zu Ihrem Bild in das Feld „Wert“ ein. Klicken Sie dann auf „Benutzerdefiniertes Feld hinzufügen“.