Wie man GIFs von Giphy in WordPress einfügt (2 einfache Methoden)

Auch wenn sie nicht von allen genutzt werden, fügen viele Blogger gerne GIFs in ihre Beiträge ein, um einen Bezug zu ihnen herzustellen, sie humorvoll und visuell ansprechend zu gestalten. Wir haben Fragen von Benutzern erhalten, die wissen wollten, wie man GIFs von Giphy in WordPress einfügt, vor allem wegen der großen Datenbank mit animierten Bildern, aus der man wählen kann.

Wir haben festgestellt, dass das Verfahren ganz einfach ist: Sie müssen nur ein GIF auswählen, das zu Ihrem Inhalt passt, und dann ein paar einfache Schritte befolgen, um es in Ihren WordPress-Beitrag oder Ihre Seite einzubetten.

Egal, ob Sie einen Hauch von Humor hinzufügen oder einen Punkt illustrieren möchten, die umfangreiche Sammlung von Giphy bietet etwas für jede Situation. Dieser Artikel zeigt Ihnen zwei einfache Methoden, um GIFs von Giphy zu Ihrer WordPress Website hinzuzufügen.

Vor- und Nachteile der Verwendung animierter GIF-Bilder in WordPress

Die Verwendung von animierten GIFs (Graphics Interchange Format) kann eine unterhaltsame und ansprechende Möglichkeit sein, Ihre Inhalte aufzuwerten.

Sie sind perfekt geeignet, um animierte Reaktionen, Memes und popkulturelle Referenzen zu Ihrer WordPress-Website hinzuzufügen. Dies kann dazu beitragen, die Seitenaufrufe zu erhöhen und die Absprungrate in Ihrem Blog zu verringern.

Allerdings gibt es auch einige Nachteile. GIF-Dateien sind groß. Sie können viel Platz in der WordPress-Mediathek einnehmen, Ihre Website verlangsamen und Ihre Bandbreite beanspruchen. Das ist schlecht für die Benutzerfreundlichkeit und kann sich auch auf die Platzierung in Suchmaschinen und den Traffic auswirken.

Hier kommt Giphy ins Spiel. Wenn Sie Ihre animierten GIF-Bilder über Giphy bereitstellen, sparen Sie die Bandbreite Ihres Webhosting-Tarifs und haben auch weniger Auswirkungen auf die Ladezeit und Leistung Ihres WordPress.

Darüber hinaus verfügt Giphy über eine große Sammlung lustiger und sympathischer Gifs, die sich hervorragend eignen, um Ihren Inhalten einen Hauch von Humor und Persönlichkeit zu verleihen.

Schauen wir uns nun 2 anfängerfreundliche Methoden an, um GIFs von Giphy in WordPress zu verwenden. Klicken Sie einfach auf die Links unten, um zu der von Ihnen bevorzugten Methode zu springen:

• Methode 1. GIFs von Giphy mit einem Einbettungscode hinzufügen
• Methode 2. Hinzufügen von GIFs aus Giphy mit EmbedPress

Methode 1: Hinzufügen von GIFs von Giphy mit einem Einbettungscode (ohne Plugin)

Eine Möglichkeit besteht darin, das GIF mithilfe des Giphy-Einbettungscodes zu einer Seite oder einem Beitrag hinzuzufügen.

Da Sie einen Einbettungscode verwenden, benötigen Sie keine speziellen WordPress-Plugins. Um den Einbettungscode zu erhalten, sind jedoch ein paar zusätzliche Schritte erforderlich.

Wenn Sie nur eine kleine Anzahl von GIFs zu Ihrer Website hinzufügen möchten, sind diese zusätzlichen Schritte möglicherweise kein Problem. Wenn Sie jedoch planen, viele GIFs zu verwenden, kann es sich lohnen, ein Plugin zu installieren, das diesen Prozess vereinfacht.

Um ein GIF mithilfe des Einbettungscodes hinzuzufügen, gehen Sie auf die Website Giphy.com. Suchen Sie dann das GIF, das Sie verwenden möchten.

Sie können nun auf die Schaltfläche „Einbetten“ klicken.

Giphy zeigt jetzt den Einbettungscode für dieses GIF an.

An dieser Stelle können Sie zwischen „Responsive Off“ und „Responsive On“ wählen.

Responsive Inhalte passen sich besser an das Gerät des Besuchers an. Dies ist wichtig, um sicherzustellen, dass Ihre Website auf Smartphones und Tablets genauso gut aussieht wie auf Desktop-Computern.

So passen sich beispielsweise responsive WordPress-Themes automatisch an die Bildschirmgröße des Nutzers an.

In diesem Sinne ist es eine gute Idee, „Responsive On“ zu wählen.

Nachdem Sie Ihre Entscheidung getroffen haben, kopieren Sie den Einbettungscode, indem Sie auf die Schaltfläche „Code kopieren“ klicken.

Jetzt ist es an der Zeit, in den WordPress-Verwaltungsbereich zu wechseln. Hier öffnen Sie einfach den Gutenberg-Editor für die Seite oder den Beitrag, in den Sie Ihr GIF einbetten möchten.

Als nächstes müssen Sie einen neuen benutzerdefinierten HTML-Block erstellen. Klicken Sie auf das „+“-Symbol, um zu beginnen.

Geben Sie dann in dem erscheinenden Popup „Custom HTML“ ein, um den richtigen Block zu finden. Sobald Sie auf den Custom HTML-Block klicken, fügt WordPress diesen Block zu Ihrer Seite hinzu.

Jetzt können Sie einfach den Einbettungscode Ihres GIFs in den benutzerdefinierten HTML-Block einfügen.

Sie sollte folgendermaßen aussehen.

Bevor Sie dieses GIF veröffentlichen, möchten Sie vielleicht prüfen, wie es für Ihre Besucher aussieht. Klicken Sie dazu einfach auf die Schaltfläche „Vorschau“ am oberen Rand des Bildschirms. WordPress zeigt Ihre Seite nun in einer neuen Registerkarte an.

Wenn Sie mit Ihrem GIF zufrieden sind, können Sie diesen WordPress-Beitrag oder diese Seite veröffentlichen. Klicken Sie einfach auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ im Block-Editor.

Das GIF wird nun in Ihrem WordPress-Blog angezeigt.

Methode 2: GIFs von Giphy mit EmbedPress hinzufügen

Wenn Sie vorhaben, Ihrer Website viele GIFs hinzuzufügen, kann das Einbetten von Codes zu zeitaufwändig werden.

Eine andere Möglichkeit ist die Verwendung des EmbedPress-Plugins. Mit diesem Freemium-Plugin können Sie GIFs einbetten, indem Sie einfach die Giphy-URLs verwenden.

Mit EmbedPress können Sie auch Inhalte von über 100 anderen Websites einbetten. Dazu gehören die Einbettung von YouTube Videos, PDFs, Audio-Dateien und mehr.

Zunächst müssen Sie das EmbedPress-Plugin installieren und aktivieren. Wir werden die kostenlose Version verwenden, da sie alles enthält, was wir für dieses Tutorial benötigen.

Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Rufen Sie nach der Aktivierung die Seite oder den Beitrag auf, zu dem Sie Ihr GIF hinzufügen möchten. Sie können dann auf das „+“-Symbol klicken.

Geben Sie in dem daraufhin angezeigten Popup ‚EmbedPress‘ ein, um den richtigen Block zu finden.

Klicken Sie einfach auf diesen Block, und WordPress fügt einen EmbedPress-Block zu Ihrer Seite hinzu.

Rufen Sie in einer neuen Registerkarte die Giphy-Website auf. Sie können dann das GIF finden, das Sie verwenden möchten.

Kopieren Sie dann einfach die URL dieses GIFs.

Nun ist es an der Zeit, wieder zu Ihrem WordPress-Dashboard zu wechseln.

Fügen Sie hier einfach die URL des GIFs in das EmbedPress-Feld ein. Klicken Sie abschließend auf „Einbetten“.

Wenn Sie nun einen Blick auf Ihre Website werfen, werden Sie Ihr neues GIF sehen.

Wenn Sie mit Ihrem GIF nicht zufrieden sind, bietet EmbedPress einige Einstellungen, die Sie ausprobieren sollten. Dazu gehören die Änderung der Höhe und Breite aller GIFs, die Sie über EmbedPress hinzufügen.

Um diese Einstellungen zu sehen, klicken Sie in der WordPress-Seitenleiste auf „EmbedPress“.

Falls nicht bereits ausgewählt, klicken Sie auf die Registerkarte „Allgemein“. Sie können nun diese Einstellungen verwenden, um Ihre EmbedPress-Einbettungen anzupassen.

Denken Sie daran, dass alle Änderungen, die Sie in diesem Menü vornehmen, sich auf alle Ihre EmbedPress-Inhalte auswirken.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie GIFs von Giphy in WordPress hinzufügen können. Vielleicht möchten Sie auch unsere Expertenauswahl der besten Plugins für den Upload von Dateien in WordPress und unsere Anleitung zum Hinzufügen interaktiver 360-Grad-Bilder in WordPress lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.