Optimieren von Bildern für das WordPress Elementor Plugin

Das Konzept der modularen Blöcke, aus denen WordPress-Posts und -Seiten bestehen, ist neben Gutenberg angekommen, aber WordPress selbst ist modular aufgebaut. Nehmen Sie zum Beispiel Ihre WordPress-Medienbibliothek. Sie können Bilder hochladen und in Posts oder Seiten verwenden, unabhängig vom verwendeten Editor. In diesem Artikel konzentrieren wir uns speziell auf Elementor und darauf, wie Sie Bilder mit ImageRecycle optimieren können.

 Startseite

Ähnlich wie Gutenberg ist Elementor ein Wordpress-Editor, mit dem Sie Beiträge oder Seiten erstellen und gleichzeitig sehen können, wie sie für Ihre Leser aussehen werden. Die Struktur von Elementor ähnelt auch der von Gutenberg, da sie das heute bekannte Konzept von Blöcken verwendet. Dies macht die Verwendung der WordPress-Medienbibliothek noch einfacher, auch beim Hinzufügen optimierter Bilder. Das Wichtigste zuerst: Wie optimiert man Bilder in WordPress?

 

Optimieren von Bildern mit ImageRecycle

Wenn Sie ImageRecycle noch nie verwendet ImageRecycle , ist die Optimierung von WordPress-Bildern ein schneller und einfacher Vorgang. Sie müssen zuerst das ImageRecycle Plugin herunterladen und auf Ihrer WordPress-Website installieren . Sobald Sie das Plugin installiert haben, gehen Sie zu seiner Konfiguration im Einstellungsmenü und geben Sie Ihren API-Schlüssel und Ihr Geheimnis ein. Speichern Sie die Änderungen. Wenn der Schlüssel und das Geheimnis übereinstimmen, können Sie sofort mit der Optimierung der Bilder beginnen.

1. Setup

 

Sie können die Haupt zugreifen ImageRecycle Schnittstelle aus dem Medien Menü. Diese Seite ist einfach und recht unkompliziert zu bedienen. Es listet alle Bilder in Ihrer Medienbibliothek sowie deren Größe und Komprimierungsraten auf. Sie können auf die Schaltfläche " Optimieren" neben einzelnen Bildern klicken , um sie zu komprimieren, oder auf die Schaltfläche "Alle optimieren" , um alle Bilder gleichzeitig zu optimieren.

Vieles, was während der Komprimierung passiert, hängt von ImageRecycle ab. Sie können beispielsweise wählen, ob Sie die beste Speicherung oder die Komprimierung in Originalqualität verwenden möchten, wodurch Bilder um bis zu 80 % bzw. 20 % komprimiert werden können. hier mehr über den Unterschied zwischen diesen beiden Modi lesen .

2. Optimieren

 

Unabhängig davon, welchen Optimierungsmodus Sie wählen, werden diese Bilder in Ihrer WordPress-Medienbibliothek gespeichert. Dies bedeutet, dass Sie sie in Ihren Posts und Seiten verwenden können - unabhängig davon, welchen Editor Sie verwenden. Im Rest dieses Artikels konzentrieren wir uns auf einen bestimmten Editor: Elementor.

 

Verwenden optimierter Bilder in Elementor

Elementor ist ein leistungsstarker Editor für WordPress-Beiträge und -Seiten. Wie Gutenberg organisiert es Inhalte in Blöcken, die jeweils ein anderes Element darstellen. Wie Sie wissen, ist keine Website ohne Bilder wirklich vollständig, und Elementor fehlt nicht im Bereich der Bildblöcke. Hier kommt die Medienbibliothek ins Spiel.

3. Bildblöcke

 

Wir haben den Artikel mit der Erklärung begonnen, dass WordPress selbst ziemlich modular ist, und hier hängt alles zusammen. Woher würde Elementor seine Bilder beziehen, wenn nicht aus der Medienbibliothek? Das heißt, dieselbe WordPress-Medienbibliothek, die Sie gerade mit ImageRecycle optimiert ImageRecycle .

Die Verwendung der komprimierten Bilder von ImageRecycle in Elementor ist so einfach wie das Ziehen und Ablegen eines Bildblocks - ob ein Basisbild, ein Karussell, eine Galerie oder etwas anderes - und das Laden der Bilder. Sie wählen Bilder direkt aus der WordPress-Medienbibliothek aus, die die komprimierten Bilder automatisch lädt.

4. Wählen Sie Bild

 

WordPress ist im Wesentlichen modular aufgebaut und es wäre eine Verschwendung, es nicht auszunutzen. ImageRecycle knüpft an jeden Editor an, den Sie verwenden, ohne Ihren Workflow zu ImageRecycle . Alles, was Sie tun müssen, ist, Bilder zu optimieren und sie später in Ihr Blog einzufügen, damit Sie die Erfahrung Ihrer WordPress-Leser unabhängig vom verwendeten Editor optimieren können.

    Kommentare | Fügen Sie Ihre hinzu
      • Keine Kommentare gefunden

      Linguise Übersetzung mobil