Festlegen eines Ausweichbildschirms basierend auf der Beitragskategorie in WordPress

Kürzlich hat uns einer unserer Benutzer gefragt, wie er das Standard-Miniaturbild für den Fallback für bestimmte Kategorien in WordPress festlegen kann. In unserem vorherigen Tutorial haben wir gezeigt, wie Sie ein Standard-Fallback-Bild für das WordPress-Post-Thumbnails-Tutorial festlegen. In diesem Artikel zeigen wir Ihnen, wie Sie das standardmäßige Fallback-Feature für bestimmte Kategorien in WordPress festlegen.

Hinweis: Dies ist ein Lernprogramm für Fortgeschrittene, für das Sie HTML, CSS und die Grundlagen der WordPress-Theme-Struktur kennen müssen.

Szenario:

Nehmen wir an, Sie haben ein Blog, in dem Sie jedem Beitrag eine einzelne Kategorie zuweisen (lesen Sie dazu unseren Leitfaden zu Kategorien und Tags). Sie können ein Fallback-Bild anzeigen, basierend auf der Kategorie, der ein Beitrag zugewiesen ist.

Dies ist besonders nützlich, wenn Sie häufig in Situationen geraten, in denen kein gekennzeichnetes Bild für einen Beitrag verfügbar ist. Ihr Markenbild stimmt möglicherweise nicht mit dem Thema des Beitrags überein. Wenn Sie jedoch ein kategoriespezifisches Bild verwenden, wirkt es dennoch relevant.

Festlegen von Kategoriebildern in WordPress ohne Plugin

Auf WPBeginner haben wir Ihnen gezeigt, wie Sie in WordPress Kategoriebilder einstellen können. Für dieses Lernprogramm müssen Sie jedoch Kategoriebilder ohne Plugin manuell einrichten. Schauen Sie sich unser Tutorial-Tutorial an und erfahren Sie mehr über das Einfügen von Ausschnitten in WordPress.

Als erstes müssen Sie Bilder für Ihre Kategorien erstellen. Verwenden Sie Category Slug als Bilddateiname und speichern Sie sie in demselben Format, z. jpg oder png.

Das Problem ist nun, dass Ihr WordPress-Theme möglicherweise unterschiedliche Bildgrößen in verschiedenen Vorlagen verwendet. Wie zum Beispiel haben Sie möglicherweise kleinere Postminiaturen auf den Archivseiten und größere hervorgehobene Bilder in den einzelnen Posts. WordPress übernimmt die Größenänderung von Bildern. Dazu müssen Sie Ihre Kategoriebilder von Ihrer WordPress-Site aus hochladen Medien »Neu hinzufügen. Während des Hochladens speichert WordPress Ihre Kategoriebilder und erstellt Größen, die von Ihrem Thema und den darunter definierten festgelegt werden Einstellungen »Medien Bildschirm.

Nach dem Hochladen von Kategoriebildern müssen Sie sie in ein anderes Verzeichnis verschieben. Stellen Sie über einen FTP-Client wie Filezilla eine Verbindung zu Ihrer Website her und gehen Sie zu / wp-content / uploads / Mappe. Die von Ihnen hochgeladenen Kategoriebilder werden im Monatsordner gespeichert. Beispiel: / Uploads / 2013/12 /

Erstellen Sie einen Ordner auf dem Desktop Ihres Computers und nennen Sie ihn Kategorie-Bilder. Laden Sie jetzt alle Ihre Kategoriebilder und alle für sie erstellten Größen in diesen neuen Ordner auf Ihrem Desktop herunter. Sobald der Download abgeschlossen ist, müssen Sie den Ordner category-images in Ihr Verzeichnis / wp-content / uploads hochladen. Auf diese Weise können Sie alle Bildgrößen für Ihre Kategorie in einem separaten Ordner anzeigen, der sich leicht in Ihrem Thema aufrufen lässt.

Anzeigen von Catagory-Bildern in WordPress-Vorlagen

Bevor wir diese Bilder als Standard-Fallback-Bilder festlegen, wollen wir uns ansehen, wie Sie sie in Ihren Motiven anzeigen würden. Sie können diese Bilder beispielsweise oben auf Ihren Kategorieseiten anzeigen.

So ist es auf der Kategorieseite unserer Demo-Site erschienen.

Anzeigen des Kategoriebildes als Standard-Fallback-Bild

Jetzt zeigen wir Ihnen, wie Sie ein Kategoriebild als standardmäßiges Fallback-Bild oder Post-Thumbnail anzeigen, wenn ein Beitrag kein eigenes Bild hat.

Hinweis: Bitte sichern Sie Ihre Designdateien, bevor Sie Änderungen vornehmen.

Ersetzen Sie es in Ihrer Schleife, in der Ihr Design das vorgestellte Bild oder das Miniaturbild des Beitrags anzeigt, durch folgenden Code:

Dieser Code sucht nach einem Postminiaturbild. Wenn es eine findet, zeigt es die Miniaturansicht des Postens an. Andernfalls wird nach der Kategorie gesucht, zu der ein Beitrag gehört, und das Kategoriebild wird angezeigt. Wir haben -150 × 150 im Dateinamen der Bilddatei hinzugefügt, da dies die Größe der Miniaturansicht in unserem Demo-Thema ist. Möglicherweise verwendet Ihr Thema eine andere Größe für Post-Miniaturansichten. Daher müssen Sie stattdessen diese Größe verwenden.

Bitte beachten Sie, dass Ihr Thema möglicherweise bereits vorhanden ist Zeile und die nächsten Zeilen, die das Miniaturbild des Beitrags anzeigen. Sie können diese Zeilen überspringen, wenn Ihr Thema sie bereits hat.

Wir hoffen, dass Ihnen dieser Artikel dabei geholfen hat, ein auf der Post-Kategorie basierendes Fallback-Bild hinzuzufügen. Bitte hinterlassen Sie einen Kommentar und Fragen.