Möchten Sie einen Click-to-Load-GIF-Player auf Ihrer WordPress-Website hinzufügen? Animierte GIF-Bilder laden länger, was sich auf die Seitengeschwindigkeit und das Benutzererlebnis auswirkt. Deshalb laden viele beliebte Blogging-Plattformen GIFs in ihren Apps nicht automatisch. In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Click-to-Load für GIFs in WordPress hinzufügen können.
Warum Click-to-Load für GIFs in WordPress hinzufügen?
Wenn Sie oft animierte GIF-Bilder in WordPress hinzufügen, wissen Sie bereits, dass diese deutlich größer sind als normale Bilder. Das bedeutet, dass sie länger zum Laden brauchen, was sich auf die Geschwindigkeit und Leistung Ihrer Website auswirkt.
Einige Websites lösen dieses Problem, indem sie Bilder in WordPress per Lazy Loading laden. Dies beeinträchtigt jedoch weiterhin das Benutzererlebnis, da GIFs länger zum Laden brauchen, wenn der Benutzer nach unten scrollt.
Beliebte Plattformen wie Tumblr und andere verwenden einen Click-to-Load-GIF-Player, um dieses Problem zu beheben. Anstatt alle Frames einer GIF-Animation zu laden, laden sie nur den ersten Frame der Animation. Eine Play-Schaltfläche oder eine GIF-Beschriftung auf dem Bild zeigt an, dass Benutzer zum Anzeigen des animierten GIFs klicken können.
Nichtsdestotrotz wollen wir uns nun ansehen, wie Sie Schaltflächen zum Klicken für GIFs auf Ihrer WordPress-Website hinzufügen können.
Click-to-Load für GIFs in WordPress hinzufügen
Als Erstes müssen Sie das Plugin WP GIF Player installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Dieses Plugin funktioniert sofort, und es gibt keine Einstellungen dafür.
Sie können zum Bearbeitungsbildschirm des Beitrags gehen, um es in Aktion zu sehen.
Auf dem Beitragsbearbeitungsbildschirm sehen Sie die Schaltfläche "GIF hinzufügen" oberhalb des Beitragseditors. Wenn Sie darauf klicken, öffnet sich das Popup für den Medien-Uploader, in dem Sie Ihre GIF-Bilder wie jedes andere Bild hochladen können.
Nach dem Hochladen müssen Sie auf die Schaltfläche "Bild einfügen" klicken, um fortzufahren.
Das WP GIF Player Plugin fügt nun den erforderlichen Shortcode in Ihren WordPress-Beitragseditor ein.
Sie können Ihren Beitrag/Ihre Seite jetzt speichern und auf die Vorschau-Schaltfläche klicken, um Ihre Click-to-Load-GIFs in Aktion zu sehen.
Alle GIFs, die in Ihren Beitrag eingebettet sind, haben nun eine Schaltfläche darüber mit der Beschriftung GIF. Wenn Sie auf die Schaltfläche klicken, wird das animierte GIF im Hintergrund geladen und angezeigt.
Ein Nachteil dieses Plugins ist, dass es nur für die neu hochgeladenen GIFs funktioniert. Es fügt keinen Click-to-Load-Button für GIFs hinzu, die über den normalen WordPress-Medien-Uploader hochgeladen wurden. Das bedeutet, dass alle Ihre zuvor hochgeladenen GIFs keine Click-to-Load-Schaltfläche haben werden.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie den Click-to-Load-GIF-Player in WordPress hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden lesen, wie Sie häufige Bildprobleme in WordPress beheben.
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.
Umair
Dieses Plugin ist nicht mehr verfügbar. Haben Sie andere Vorschläge?
WPBeginner Support
Im Moment nicht, wir werden Alternativen im Auge behalten.
Admin
Cori Ramos
Vielen Dank, dass Sie uns über dieses Plugin informiert und uns gezeigt haben, wie man es benutzt. Ich werde mir dieses hier merken!
Cori
Shafi Khan
Das ist ein cooles Plugin. Ich frage mich, ob wir den Button anpassen und seine Position ändern können. Es wäre so cool, einen Button mit einem Markenlogo in der Mitte und einem GIF-Text in der oberen rechten Ecke zu haben.
Danke fürs Teilen.
Vladimir DJurovic
Das ist ziemlich interessant. Ich verwende zwar noch keine animierten GIFs in meinen Beiträgen, aber es ist gut zu wissen.
Wissen Sie, ob dieser Ansatz auch mit CDN-gehosteten Inhalten funktioniert?