Wie man Featured Images in WordPress einrichtet und optimiert

Inhaltsverwaltungssystem ( CMS ) verfügt über eine Vielzahl von Funktionen für die Einbindung von Bildern in eine Website, darunter auch die WordPress Featured Images. Sie können auch den Wert von Inhalten erheblich steigern, wenn sie in Verbindung mit gut geschriebenem Text verwendet werden.

Was sind WordPress Featured Images?

Ein WordPress-Featured Image ist das Hauptbild, das in Ihrem Beitrag oder auf Ihrer Seite angezeigt wird. Dieses Bild wird in der Regel am Anfang von Beiträgen und in Beiträgen in sozialen Medien angezeigt, wenn Sie sie in sozialen Medien teilen.

Wie man Featured Images in WordPress einrichtet und optimiert

Das Hinzufügen von WordPress-Bildern ist ein einfacher Prozess. Laden Sie einfach ein Bild für jeden Beitrag oder jede Seite hoch oder wählen Sie es aus.

Hinzufügen von Featured Images zu einer WordPress-Seite oder einem Beitrag

Featured Images sind in den meisten WordPress-Themes standardmäßig aktiviert. Sie können sie auch manuell über den Gutenberg-Blockeditor zu jedem Beitrag oder jeder Seite hinzufügen.

Folgen Sie den nachstehenden Schritten:

1. durch Navigieren zuPanel-Posten → Neu hinzufügen Beiträge um den Block-Editor zu öffnen. Alternativ können Sie auch einen bestehenden Beitrag oder eine Seite auswählen, um den Editor zu öffnen.

Wie man Featured Images in WordPress einrichtet und optimiert

2. die rechte Seitenleiste sollte im Block-Editor erscheinen.

3. nach unten blättern zuGekennzeichnetes Bildund klicken Sie dann aufEinrichten von hervorgehobenen Bildern.

Wie man Featured Images in WordPress einrichtet und optimiert

4. laden Sie das vorgestellte Bild in WordPress hoch oder wählen Sie es aus den Bildern in der Mediathek aus. Nach der Auswahl des hervorgehobenen Bildes, wird dasAbschnitt "AnhangAlternativen Text hinzufügen.

Wie man Featured Images in WordPress einrichtet und optimiert

5. klicken Sie auf die untere rechte Ecke des FenstersEinrichten von hervorgehobenen Bildern.

Das Featured Image ist jetzt eingestellt. Es erscheint nicht im Editor-Panel und befindet sich im BereichAusgewählte BilderAbschnitt oder in der Beitragsvorschau sehen. Es gibt jetzt die Möglichkeit, auf das Symbol"Ersetzen Sie das Bild"Ersetzen Sie es durch ein anderes Bild oder verwenden Sie dieFeatured Image löschenEntfernen Sie hervorgehobene Bilder aus Beiträgen oder Seiten.

Wie man Featured Images in WordPress einrichtet und optimiert

Es ist wichtig, die richtige Größe für das angezeigte Bild zu wählen. Sie lässt Ihre Seite insgesamt gut aussehen und sorgt dafür, dass die Miniaturansichten der Beiträge auf anderen Plattformen gut aussehen.

Während Sie Ihre bevorzugte Größe für das WordPress-Featured Image wählen können, ist die1200 x 628 Pixelvielleicht16:8.4Das Seitenverhältnis ist ein guter Ansatzpunkt. Sie können kleinere Bilder verwenden, um die Ladezeiten zu verkürzen, insbesondere auf mobilen Geräten.

Die Standardeinstellungen für die Größe der angezeigten Bilder in WordPress-Themes entsprechen möglicherweise nicht Ihren Wünschen. Sie können die Bildgröße mit einer der folgenden Methoden ändern.

1. klassische Themen

Wenn Sie ein Bild in WordPress hochladen, finden Sie in Ihren WordPress-Einstellungen vier Standard-Bildgrößen:

  • Vorschaubild (150 Pixel im Quadrat)
  • Mittel (maximal 300 Pixel in Breite und Höhe)
  • Groß (maximale Breite und Höhe 1024 Pixel)
  • Volle Größe (Originalbild)

Einige WordPress-Themes verwenden eine dieser Standard-Bildgrößen als Featured Image. Sie können die Größe ändern, indem Sie die folgenden Schritte ausführen:

1. überprüfen Sie die Größe, indem Sie den Blogbeitrag mit dem vorgestellten Bild öffnen. Klicken Sie mit der rechten Maustaste auf das hervorgehobene Bild im Blog und wählen Sie in Ihrem Browser die OptionÜberprüfen Sie die Werkzeuge.

2,lesen (Anweisungen)<img>Die Bildklasse im Markup. Die Größe des angezeigten Bildes ist zum Beispiel width="480" height="300"

Wie man Featured Images in WordPress einrichtet und optimiert

3. öffnen Sie das WordPress-Dashboard und navigieren Sie zum BereichEinstellungen → Medien. Ändern Sie die Größe auf Ihre bevorzugte Bildgröße und klicken Sie auf "Änderungen speichern".

Wie man Featured Images in WordPress einrichtet und optimiert

Wenn Sie die Bildminiaturen neu generieren, können Sie dies durch die Installation und Aktivierung desreGenerate Thumbnails Erweitert WordPress-Plugin, um dies zu tun.

  • Erstens, im Panel "Plug-in (Softwarekomponente)""Neues Plugin hinzufügen", geben Sie reGenerate Thumbnails Advanced in das Suchfeld ein und bestätigen Sie mit der "Enter"-Taste.
  • Dann klicken Sie aufJetzt installierenaußerdemaktivieren..
Wie man Featured Images in WordPress einrichtet und optimiert

Nach dem Aktualisieren der Seite von"Werkzeuge" → "Miniaturansichten neu generieren"und klicken Sie dann auf das Plugin-Panel"Neue Generation" . Es wird automatisch die Größe der WordPress-Thumbnails für alle vorhandenen Bilder ändern.

Wie man Featured Images in WordPress einrichtet und optimiert

2. das Thema Block

Durch Ändern des Site-Editorsin der Vorlage, um die Größe von WordPress-Bildern zu ändern. Folgen Sie den nachstehenden Schritten, um die Vorlage zu öffnen:

1, vom WordPress-Dashboard zumErscheinungsbild → Editor für Themendateien.

2,Wählen Sie die zu ändernde Datei aus::

  • Wählen Sie das Thema, das Sie ändern möchten, im Editor aus.
  • Normalerweise befindet sich der Code für das vorgestellte Bild in der single.php vielleicht Seite.php Datei, oder manchmal auch in der funktionen.php oder Vorlagenabschnittsdateien wie inhalt.php Mitte.

3,Ändern Sie den Code für das angezeigte Bild::

  • Suchen Sie den Code, der das vorgestellte Bild in der entsprechenden PHP-Datei aufruft, normalerweise die the_post_thumbnail() oder eine ähnliche Funktion.
  • Sie können eine Bildgröße angeben, die bereits existiert (z. B. Vorschaubildundmittelundgroß vielleicht vollständig), oder verwenden Sie die add_image_size() existieren funktionen.php Datei, um eine neue Bildgröße zu erstellen. Beispiel:
add_image_size('custom-size', 800, 600, true); 

Dann, nach dem Aufruf der the_post_thumbnail() Funktion, wenn Sie diese neue Größe angeben:

the_post_thumbnail('custom-size').

4,Aktualisiert und getestet::

5,Einstellungsart (optional)::

  • Wenn Sie das Styling eines Bildes weiter anpassen müssen (z. B. Ränder, Rahmen usw.), können Sie dies mit CSS tun. Diese Stile befinden sich in der Regel in der Theme-Datei style.css Datei eingestellt ist.

ausnutzenQuick Featured ImagesDas Plugin macht es einfach, Standardbilder zu erstellen.

Erstens, im Panel "Plug-in (Softwarekomponente)""Neues Plugin hinzufügen", geben Sie Quick Featured Images in das Suchfeld ein und bestätigen Sie mit der Eingabetaste.Installation und Aktivierung.

Nachdem Sie die Seite aktualisiert haben, navigieren Sie vom WordPress-Dashboard zur SeiteFeatured Image → Standardbild.

Wie man Featured Images in WordPress einrichtet und optimiert

Aktivieren Sie die zweite Regel, die das erste Foto in einem Beitrag oder auf einer Seite als Hauptbild festlegt.

Wie man Featured Images in WordPress einrichtet und optimiert

Alternativ können Sie auch benutzerdefinierte Regeln erstellen, die Standardbilder zuweisen.

Klicken Sie auf den dritten Schritt der"Bild auswählen"und wählen Sie dann das Standardbild aus. Wenn Sie fertig sind, klicken Sie auf"Änderungen speichern".

Hinzufügen von Vorschaubildern zu Beiträgen und Seitenauflistungen

Im WordPress-Verwaltungsbereich werden Informationen zu Beiträgen und Seiten angezeigt, wie Autor, Veröffentlichungsdatum, Kategorie und Anzahl der Kommentare. Wenn Sie das Plugin "Quick Featured Image" installiert haben, können Sie in dieser Liste auch Vorschaubilder anzeigen lassen, so dass Sie auf einen Blick sehen können, für welchen Inhalt ein Vorschaubild eingestellt ist.

Gehen Sie vom Dashboard aus zuFeatured Image → Einstellungen. UnterFeatured Image-Spalte in der BeitragslistePrüfen Sie in dem AbschnittKarteim Gesang antwortenWeb-Seite. Klicken Sie dann auf das Ende der SeiteÄnderungen speichern.

Wie man Featured Images in WordPress einrichtet und optimiert

Navigieren Sie zu Beiträge → Alle BeiträgeIn der Liste der Beiträge finden Sie eine neue Spalte für die Vorschau der vorgestellten Bilder, in der Sie alte vorgestellte Bilder ändern, bearbeiten und löschen können.

Wie man Featured Images in WordPress einrichtet und optimiert

Die meisten WordPress-Themes unterstützen Featured Images und ermöglichen es Ihnen, Bilder in jeden Beitrag oder auf jede Seite hochzuladen. Einige wenige unterstützen jedoch keine Featured Images, dieSie muss manuell aktiviert werden.

Klassische Themen

Durch Hinzufügen des folgenden Codeschnipsels zum Themefunktionen.phpDatei, um jedem WordPress-Theme manuell Unterstützung für Featured Images hinzuzufügen:

add_theme_support( 'post-thumbnails' ).

Themes sollten nun Featured Images unterstützen und die Einstellungen sollten im Editor verfügbar sein. Allerdings.Theme-Unterstützung hinzufügenDas Flag aktiviert nur die Unterstützung und zeigt kein Bild auf dem Frontend an.

Damit das Thema auf allen Beiträgen und Seiten Bilder anzeigt, fügen Sie den folgenden Codeschnipsel in die Vorlage des Themas ein:

<?php the_post_thumbnail(); ?>

Um Bilder in Beiträgen und Seiten anzuzeigen, fügen Sie den Code zu den entsprechenden Vorlagen hinzu - normalerweisesingle.phpim Gesang antwortenSeite.phpSie können auch PHP-Code auf eine beliebige benutzerdefinierte Vorlagendatei anwenden. Sie können auch PHP-Code auf eine beliebige benutzerdefinierte Vorlagendatei anwenden.

Durch Navigieren zu"Erscheinungsbild" → "Editor für Themendateien", um den Editor für Themendateien zu verwenden.Suchen Sie die Vorlagendatei in der rechten Spalte.

Wie man Featured Images in WordPress einrichtet und optimiert

Das richtige Bild verwenden

WordPress Featured Images sollten den Inhalt richtig darstellen. Eine der besten Methoden ist es, einzigartig gestaltete Featured Images zu erstellen, die den gleichen Stil wie Ihr Blog haben.

Wenn Sie gerade anfangen, einen Blog zu erstellen, indem Sie durchCC0 Lizenzierte BildseitenKreativ Gemeinsam Geeignete Bilder können gefunden werden. Es kann auch auf derPexelsim Gesang antwortenUnsplashSuchen Sie nach CC0-Bildern auf Materialplattformen wie WordpressFoto-KatalogSie enthält Tausende von CC0-Bildern, die von Mitwirkenden hochgeladen wurden.

Wie man Featured Images in WordPress einrichtet und optimiert

Verwenden Sie verschiedene Bildkomprimierungsverfahren wie verlustbehaftete und verlustfreie Komprimierung, um Bilddateien in verschiedenen Formaten wie PNG, JPG und GIF zu optimieren.

Hier sind einige empfohlene Plugins zur Bildoptimierung:

Wie man Featured Images in WordPress einrichtet und optimiert

zu einem Urteil gelangen

WordPress verfügt über eine integrierte Unterstützung für Featured Images und Sie können Featured Images auch automatisch einstellen. Die Optimierung von Bildern und das Hinzufügen von alternativem Text durch das Einrichten dieser Bilder wird Ihre SEO verbessern.


Kontakt
Sie können den Artikel nicht lesen? Kontaktieren Sie uns für eine kostenlose Antwort! Kostenlose Hilfe für persönliche Websites und Websites kleiner Unternehmen!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-Mail: info@361sale.com
Arbeitszeiten: Montag bis Freitag, 9:30-18:30 Uhr, Feiertage frei
Gepostet von photon fluctuations, retweeted mit Quellenangabe:https://www.361sale.com/de/7560/

Wie (3)
Vorherige Mittwoch, 13. April 2024, 14:12 Uhr.
Weiter Geburtsdatum und -ort: 14. April 2024, 14:49 Uhr.

Empfohlen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Kontakt

020-2206-9892

QQ咨询:1025174874

E-Mail: info@361sale.com

Arbeitszeiten: Montag bis Freitag, 9:30-18:30 Uhr, Feiertage frei

Kundendienst WeChat
Um die globale Benutzerregistrierung und -anmeldung zu erleichtern, haben wir die Funktion der telefonischen Anmeldung abgeschafft. Sollten Sie Probleme bei der Anmeldung haben, wenden Sie sich bitte an unseren Kundendienst, der Ihnen bei der Bindung Ihrer E-Mail-Adresse hilft.