Wie Sie Beitragsbilder in WordPress automatisch mit Beiträgen verknüpfen

Beitragsbilder sind oft das Erste, was die Leute in einem Blog bemerken. Sie erregen Aufmerksamkeit, ziehen Leser an und geben den Ton für Ihren Beitrag vor.

Bei einigen WordPress-Themes führt das Klicken auf das Beitragsbild die Besucher jedoch nirgendwohin. Anstatt Ihren Beitrag zu öffnen, bleibt es einfach dort.

Das klingt vielleicht nicht nach viel, aber es kann Besucher verwirren und sie weniger dazu bringen, weiterzulesen. Das ist ein kleines, aber ernstes Problem.

Glücklicherweise gibt es eine einfache Lösung. Ich zeige Ihnen, wie Sie Beitragsbilder in WordPress klickbar machen, damit Ihre Besucher das reibungslose Erlebnis erhalten, das sie erwarten.

Warum Beitragsbilder mit Beiträgen in WordPress verknüpfen?

Der Grund ist einfach. Besucher erwarten, dass Bilder wie Links funktionieren. Wenn sie ein Featured Image sehen, möchten sie es natürlich anklicken, um den vollständigen Beitrag zu öffnen.

Featured Images sind normalerweise groß, farbenfroh und nehmen mehr Platz ein, sodass Besucher sie zuerst bemerken. Sie erleichtern es auch, Ihre Beiträge auf einem Handy oder Tablet anzutippen.

Aber wenn Ihre Beitragsbilder nicht klickbar sind, kann das Besucher verwirren. 😕

Sie versuchen vielleicht, auf das Bild zu tippen und erwarten, dass es den Beitrag öffnet, nur um festzustellen, dass nichts passiert. Diese kleine Frustration kann dazu führen, dass einige Benutzer Ihre Website schneller verlassen, was Ihr Engagement beeinträchtigen könnte.

Es macht Ihre Website auch weniger zugänglich. Größere Bilder sind für jeden leichter anzuklicken oder zu tippen, insbesondere für Menschen mit motorischen Schwierigkeiten oder für diejenigen, die kleinere Bildschirme verwenden.

Während viele moderne WordPress-Themes das Vorschaubild mit dem Beitrag verknüpfen, tun dies einige immer noch nicht. Wenn Ihr Theme eines davon ist, zeige ich Ihnen genau, wie Sie es beheben können.

Im folgenden Abschnitt zeige ich Ihnen, wie Sie Beitragsbilder in WordPress automatisch mit Beiträgen verknüpfen. Und hier ist alles, was ich in dieser Anleitung behandeln werde:

• Automatisch Beitragsbilder in WordPress verlinken
• Bonustipp: Optimieren Sie Ihre Beitragsbilder für Geschwindigkeit
• FAQs: Beitragsbilder automatisch mit WordPress-Beiträgen verlinken
• Weitere Anleitungen zur Verwendung von Bildern in WordPress

Fangen wir an.

Automatisch Beitragsbilder in WordPress verlinken

Diese Methode erfordert, dass Sie Code zu Ihren WordPress-Dateien hinzufügen. Wenn Sie dies noch nie getan haben, lesen Sie unseren Leitfaden für Anfänger zum Thema Einfügen von Code-Schnipseln aus dem Web in WordPress.

Während Sie den Code zu den functions.php Ihres Themes hinzufügen können, empfehle ich stattdessen die Verwendung eines Code-Snippet-Plugins. Es ist viel sicherer, einfacher zu verwalten und Ihre Änderungen gehen nicht verloren, wenn Sie Ihr Theme aktualisieren oder wechseln.

Unsere Top-Wahl ist WPCode, das beste Code-Snippet-Plugin für WordPress. Es ermöglicht Ihnen, benutzerdefinierten Code hinzuzufügen und zu verwalten, ohne Ihre Theme-Dateien zu berühren, sodass Sie nicht riskieren, Ihre Website zu beschädigen.

Außerdem vertrauen viele unserer Partnerunternehmen auf seine Zuverlässigkeit und Benutzerfreundlichkeit. Mehr erfahren Sie in unserem vollständigen WPCode-Testbericht.

Zuerst müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, folgen Sie unserem Tutorial zur Installation eines WordPress-Plugins für Schritt-für-Schritt-Anleitungen.

Sobald das Plugin aktiviert ist, können Sie in Ihrem WordPress-Adminbereich zu Code-Snippets » Neu hinzufügen navigieren.

Als Nächstes sehen Sie die Seite „Snippet hinzufügen“.

Sie können mit der Maus über die Option „Benutzerdefinierten Code hinzufügen (Neuer Snippet)“ fahren und auf die Schaltfläche „+ Benutzerdefinierten Snippet hinzufügen“ klicken.

Auf dem nächsten Bildschirm wählen Sie den Code-Typ für Ihr Snippet aus.

Hier möchten Sie auf das Feld „PHP-Snippet“ klicken.

Dies bringt Sie zum WPCode-Editor.

Das Erste, was Sie hier tun sollten, ist, Ihrem Code-Snippet einen Namen zu geben. Dies dient nur zu Ihrer Information, daher kann es alles sein, was Ihnen hilft, schnell zu verstehen, wofür das Snippet bestimmt ist.

Fügen Sie als Nächstes einen der folgenden beiden Code-Schnipsel in das Feld 'Code-Vorschau' ein. Sie müssen nur einen verwenden.

Die erste ist eine einfache Option, die das Beitragsbild überall anklickbar macht, einschließlich auf Archiven, der Homepage und einzelnen Beitragsseiten:

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {
$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;
}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

Die zweite Methode funktioniert etwas anders. Sie stellt sicher, dass das Beitragsbild nicht klickbar ist, wenn sich ein Besucher bereits auf der spezifischen Beitragsseite befindet, was besser für das Benutzererlebnis ist.

Dies ist hilfreich, wenn Sie nur Beitragsbilder auf Nicht-Einzelansichten verlinken möchten, wie z. B. auf der Homepage, dem Blog-Index oder den Kategorieseiten Ihres WordPress-Blogs:

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {

if (! is_singular()) { 

$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;

} else { 

return $html;

}

}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

Ich empfehle den zweiten Codeausschnitt für das beste Benutzererlebnis, aber beide erledigen die Aufgabe! 👍

Nachdem Sie den Snippet hinzugefügt haben, könnte er in Ihrem WPCode-Editor so aussehen:

Als Nächstes scrollen wir die Seite nach unten zum Abschnitt „Einfügen“.

Sie können es bei der Methode „Automatisch einfügen“ belassen, sodass der Code-Snippet automatisch an der richtigen Stelle eingefügt und ausgeführt wird.

Schalten Sie zuletzt den Schalter von 'Inaktiv' auf 'Aktiv'.

Klicken Sie dann auf die Schaltfläche 'Snippet speichern'.

Das war's. Jetzt werden Ihre Beitragsbilder automatisch mit Ihren Beiträgen verknüpft.

Bonustipp: Optimieren Sie Ihre Beitragsbilder für Geschwindigkeit

Jetzt, wo Ihre Beitragsbilder klickbar sind, ist es eine gute Idee, sicherzustellen, dass sie schnell geladen werden. Große, nicht optimierte Bilder können Ihre Website verlangsamen und sowohl das Benutzererlebnis als auch Ihr SEO-Ranking beeinträchtigen.

Bevor Sie ein Beitragsbild in WordPress hochladen, empfehle ich, die Größe des Bildes zu ändern, damit es zur Inhaltsbreite Ihres Themes passt, und es zu komprimieren, um die Dateigröße zu reduzieren. Dies können Sie ganz einfach mit einem Bildbearbeitungsprogramm oder einem Plugin zur Bildkomprimierung tun.

Es gibt auch andere hilfreiche Techniken.

Sie können zum Beispiel Lazy Loading aktivieren, Next-Gen-Bildformate (wie WebP) verwenden und ein CDN für eine schnellere Auslieferung an verschiedene Standorte aktivieren.

Weitere Informationen finden Sie in unserer vollständigen Anleitung zum Thema So optimieren Sie Bilder für Web-Performance.

FAQs: Beitragsbilder automatisch mit WordPress-Beiträgen verlinken

Lassen Sie uns nun einige häufige Bedenken bezüglich der Verknüpfung von Beitragsbildern in WordPress ausräumen.

Warum sind meine Beitragsbilder standardmäßig nicht klickbar?

Ob Ihre Beitragsbilder klickbar sind, hängt ausschließlich von Ihrem WordPress-Theme ab. Einige moderne Themes beinhalten dies standardmäßig, während andere es weglassen.

Ist es sicher, diesen Code in die functions.php-Datei meines Themes einzufügen?

Ich verstehe – das Bearbeiten der Theme-Datei kann sich riskant anfühlen. Und ehrlich gesagt, ist es das auch irgendwie. Ein kleiner Tippfehler in der functions.php Datei könnte Sie von Ihrer Website aussperren oder den „White Screen of Death“ verursachen.

Deshalb empfehle ich die Verwendung eines Plugins wie WPCode. Es ist eine viel sicherere und anfängerfreundlichere Methode, Code zu Ihrer Website hinzuzufügen.

Wird das Hinzufügen dieses Code-Snippets meine Website verlangsamen?

Gute Nachrichten – nein, das wird es nicht. Der Code verwendet eine Standardfunktion von WordPress, die ihn extrem leichtgewichtig und effizient macht. Sie werden keinen Unterschied bei der Geschwindigkeit oder Leistung bemerken.

Weitere Anleitungen zur Verwendung von Bildern in WordPress

Ich hoffe, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Featured Images automatisch mit Beiträgen in WordPress verknüpfen. Wenn Sie diese Anleitung hilfreich fanden, haben wir weitere Tutorials, die Ihnen helfen können, die Verwendung von Bildern auf Ihrer WordPress-Website zu verbessern:

• Titelbild vs. Beitragsbild im WordPress Block Editor
• Wie Sie ein Standard-Beitragsbild in WordPress festlegen
• So fügen Sie Beitragsbilder oder Beitrags-Thumbnails in WordPress hinzu
• Wie man behebt, dass das Beitragsbild in WordPress nicht angezeigt wird
• So fügen Sie Bildunterschriften zu Beitragsbildern in WordPress hinzu
• WebP vs PNG vs JPEG: Das beste Bildformat für WordPress
• So wählen Sie die beste Webdesign-Software aus
• Leitfaden für Anfänger zu WordPress-Bildgrößen
• Anfängerleitfaden für Bild-SEO

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.