ELEMENTOR VS DIVI

ELEMENTOR VS DIVI

Ein Vergleich um herauszufinden

welcher der beste Seitenersteller für WordPress ist

Seitenersteller oder besser Page Builder verdienen nur Verachtung für den einen und sind ein Retter für die Anderen. Unabhängig von Ihrer Sichtweise bleiben die Seitenersteller aktuell. Sie lesen dies jedoch, weil Sie sich wahrscheinlich bereits entschieden haben, selbst in die Seitenerstellung einzusteigen.

Es ist also keine Frage, ob ein Seitenersteller für Sie richtig ist oder nicht, sondern welchen Sie wählen.

Luxblogger : Die Entscheidung zwischen Elementor und Divi wird zwei Dinge treffen. Preis und Benutzerfreundlichkeit . Divi ist billiger, hat aber eine steilere Lernkurve und ist schwerer zu meistern. Elementor ist dagegen viel einfacher zu erlernen, zu verwenden und zu beherrschen, kostet aber mehr. Die Nutzung von Divi auf unbegrenzten Websites kostet 89 US-Dollar pro Jahr (249 US-Dollar für den lebenslangen Zugriff). Die Verwendung von Elementor auf unbegrenzten Websites kostet 199 US-Dollar pro Jahr (oder 49 US-Dollar pro Jahr für nur eine Website).

Vielleicht sind Sie ein absoluter Anfänger, Neuling oder WordPress-Hobbyist, der Ihre Website auf die nächste Stufe des Stylings bringen will. Vielleicht sind Sie ein WordPress-Entwickler, der seine Zeit effizienter nutzen möchte, indem Sie sich stundenlange Gestaltungsänderungen mit Kodieren in Ihrem Editor sparen.

Auf der einen Seite sind Pagebuilder ein Glücksfall für diejenigen, die nicht wissen, wie man Code schreibt, aber schöne Websites erstellen möchte. 

Auf der anderen Seite beklagen sich Entwickler, dass Seitenbauer unnötig mehr Gewicht und Aufblähung hinzufügen, die Geschwindigkeit einer Website verlangsamen, SEO ruinieren und ein Durcheinander von Shortcodes hinterlassen, die Sie bereinigen sollten, falls Sie Ihren Seitenersteller oder das Design selbst ändern möchten.

Welcher Entwickler würde darüber nachdenken, einen Seitenersteller zu verwenden? Die Verwendung von Page Builders ähnelt dem Fahren von Mopeds. Beide können Spaß machen, bis Ihre Freunde Sie sehen.

Spass beiseite, in diesem Blogbeitrag werde ich nicht auf das Argument eingehen, ob Seitenersteller gut oder schlecht sind.

Aber nur um zwei der beliebtesten WordPress-Seitenersteller von heute zu vergleichen , Elementor und Divi .

Elementor vs divi

Im Gegensatz zu anderen Bewertungen wird kein Gewinner bekannt gegeben. Am Ende dieses Vergleichs sollten Sie wissen, welcher WordPress-Seitenersteller für Sie am besten geeignet ist.

FRONTEND-SCHNITTSTELLE

Beginnen wir mit den Frontend-Schnittstellen. Beide Seitenersteller werden per Drag & Drop erstellt . Das bedeutet, Sie klicken einfach auf das gewünschte Element und ziehen es dann an die gewünschte Position auf Ihrer Webseite, um es dort abzulegen. So einfach ist das.

Die Elemente von Divi werden direkt im Seitenlayout angezeigt.

 Grundsätzlich wählen Sie einfach das gewünschte Element aus und ordnen es in der gewünschten Reihenfolge auf der Seite an.

 Sie können sogar zusätzliche Elemente aus den zusätzlichen Modulen hinzufügen, die im Paket enthalten sind.

Bei Elementor sind Ihre Elemente jedoch größtenteils in der linken Spalte vorhanden, so dass Sie eine leere Leinwand erhalten, die wie ein Layout aussieht. Sie wählen dann das gewünschte Element aus und ordnen es so an, wie es auf Ihrer Seite erscheinen soll.

 

Wie bei Divi können Sie auch zusätzliche Elemente zum Hinzufügen aus den zusätzlichen in Ihrem Paket enthaltenen Modulen Basic oder Pro auswählen (die Pro-Version bietet Ihnen viele weitere Elemente zur Auswahl).

INHALTSMODULE

Beide Seitenersteller bieten Ihnen zusätzliche Module, mit denen Sie das Erscheinungsbild Ihrer Webseiten verbessern und Ihrer Website weitere Funktionen hinzufügen können.

Alle Divi- Module sind im Lieferumfang enthalten.

Im Gegensatz zu Divi , Elementor enthält einige ihrer Module mit ihren kostenlosen Basis – Paket und dann erhalten Sie viele weitere Module , wenn Sie Elementor Pro kaufen.

WELCHER WORDPRESS PAGE BUILDER EIGNET SICH AM BESTEN FÜR SIE?

Es gibt viele Rezensionen, die verschiedene Seitenersteller auf dem heutigen Markt vergleichen. Ursprünglich wollte ich einen Wettkampf zwischen Divi und Elementor durchführen und den ultimativen Gewinner auswählen.

Aber dies ist bei weitem nicht so einfach. Es scheint, wenn einer mit einem Update und verbesserten Funktionen herauskommt, dann folgt der andere bald und umgekehrt.

DIVI-Vorlagen

Divi trumpft hier mit 114 Website Vorlagen aus fast allen Bereichen auf. Nicht weniger als 852 Einzelseiten von der Startseite über Beitragsseiten und Portfolioseiten bis zur üblichen Über-uns-Seite findet man hier.

Elementor Vorlagen

Im Gegensatz zu DIVI bietet Elementor nur Einzelseiten an, die aber ebenso Kreativität und Professionalismus ausstrahlen.

Viele dieser Verbesserungen und neuen Funktionen sind ähnlich, wenn nicht gleich, was es schwierig macht, einen echten Gewinner zu bestimmen. Beide sind jedoch in ihren Stärken und Schwächen einzigartig genug, um selbst entscheiden zu können, welches das Beste für Sie ist.

Es gibt Entwickler in der Entwicklergemeinde, die sich entschieden gegen die Verwendung von Page Builders einsetzen, da die Hauptnachteile durcheinandergebrachte unübersichtliche Kurzcodes, langsameres Laden von Seiten sowie unnötiges Gewicht und Aufblähen sonst sauber codierter Themen sind. Unabhängig davon, ob es uns gefällt oder nicht, Seitenbauer vorerst, bleiben hier.

Welcher Seiten-Builder für Sie am besten geeignet ist, hängt nicht nur von Ihren Bedürfnissen, sondern auch von Ihrer Erfahrung und Ihrem Kenntnisstand ab. Am Ende glaube ich, dass die folgenden zwei die wichtigsten entscheidenden Faktoren zwischen ihnen sind, und sie sind unterschiedlich.

Die zwei Faktoren sind: Benutzerfreundlichkeit und Preis.

BENUTZERFREUNDLICHKEIT

Divi ist eines dieser Themen / Seitenersteller, die die Benutzer entweder lieben oder hassen. Einer der Hauptvorteile von Divis Seitenersteller besteht darin, dass er zwar ein agnostischer Seitenersteller ist und mit fast allen WordPress-Designs verwendet werden kann, er jedoch ursprünglich für das Divi- Theme selbst erstellt wurde. Updates des Themes und des Seitenerstellers stimmen also perfekt überein.

 Ein weiterer Vorteil von Divi ist, dass sie das Plug-In mit ihrem Thema bündeln und nicht separat. Dies scheint den Preis im Vergleich zu Elementor nicht zu erhöhen, und ich glaube, es ist der Weg von Divi, die Benutzer in ihre Welt zu ziehen.

Nun, ich weiß, dass Sie vielleicht denken, ich brauche das Thema nicht, da ich mit verschiedenen Themen usw. arbeite. Die Vorteile der Arbeit mit einem Thema, einem speziell für dieses Thema erstellten Seitenersteller und dem Expertenwissen, sind jedoch ebenfalls von Vorteil zahlreich hier aufzulisten.

Elementors Aufstieg im WordPress-Seitenersteller, das Plug-In-Universum war nichts weniger als ein Meteorologe. Es wird jetzt auf über 1 Million Websites verwendet und zählt. Dies ist in knapp 2 Jahren und das aus gutem Grund.

Elementor hat nicht nur ein einfaches Design, sondern ist auch sehr intuitiv und einfach zu bedienen. Dies macht es ideal für WordPress-Anwender zum ersten Mal. 

Für erfahrene Web-Entwickler, die Seitenbauer auf den neuesten Stand bringen wollen, scheint Elementor im Gegensatz zu zahlreichen Berichten von Divi- Benutzern keine Verwirrung an Shortcodes zu hinterlassen .

Kosten und Nutzungsrechte

Mit Divi können Sie nicht nur das Plug-In für die Seitenerstellung verwenden, sondern auch das Design auf unbegrenzten Websites. Egal, ob Sie das jährliche Paket für 89 USD pro Jahr oder den einmaligen Preis für die Lebensdauer von 249 USD erwerben , es ist ein unglaublicher Deal.

Der Divi-Preis ist nicht nur für den Page Builder selbst, sondern auch für die Designs und Updates. Obwohl Divi keine kostenlose Version hat, gibt es eine 30-tägige Geld-zurück-Garantie.

Wenn Sie mit Shortcodes vertraut sind oder ein Experte für einen Theme- und Matching-Page-Builder werden möchten, ist Divi genau das Richtige für Sie. Mit dieser leistungsstarken Kombination können Sie mehrere Websites für sich selbst oder für Kunden duplizieren.

Obwohl die kostenpflichtigen Versionen von Elementor Pro teurer als Divi sind, können sie neue und erstmalige Benutzer des Page Builder mit ihrer kostenlosen Basisversion verbinden. Wie auch bei Divi ist dies der Weg von Elementor , Benutzer in ihre Welt zu ziehen.

Einer der größten Nachteile bei der Verwendung von Elementor Pro ist jedoch die Preisgestaltung. Bei 49 US-Dollar pro Jahr sind Sie auf eine Website beschränkt. Mit 99 US-Dollar pro Jahr erhalten Sie nur zwei zusätzliche Websites.

 Ihre 199 US-Dollar für unbegrenzte Websites gelten ebenfalls nur für ein Jahr, im Gegensatz zu den einmaligen 249 US-Dollar für die unbegrenzte Anzahl von Websites, die Divi anbietet. Divi bündelt sogar ihre Themen in das Paket. 

Unterm Strich ist Elementor gut für unerfahrene Webdesigner mit wenig bis gar keiner Codierkenntnis, die ihre Webentwicklungsfähigkeiten auf die nächste Stufe bringen möchten.

Für erfahrene Webentwickler kann das Hinzufügen von Elementor unzählige Stunden der Codierung von Handkodierern einsparen, ohne dass Sie zu viele chaotische Shortcodes hinter sich lassen müssen, um sich später damit befassen zu können, falls Sie sich entscheiden, Themen, Seitenbauer oder Seitenbauer zu ändern zusammen.

Unterschiede und Ähnlichkeiten

Plugin oder Theme?

Benutzerfreundliche Frontend-BearbeitungsoberflächeDivi ist sowohl als WordPress-Plugin als auch als WordPress-Theme erhältlich. Wenn Sie eines kaufen, erhalten Sie beides, da das Plugin nicht separat erhältlich ist.

Elementor ist nur als WordPress-Plugin verfügbar und funktioniert mit den meisten Themen, die die Codierungsstandards von WordPress berücksichtigen.

l

Benutzerfreundliche Frontend-Bearbeitungsoberfläche

Divis Seitenersteller hat für jeden etwas zu bieten. Wenn Sie ein Anfänger sind, werden Sie die grundlegenden Elemente dieses Seitenerstellers schnell und sehr intuitiv finden.

Wenn Sie ein erfahrener Entwickler sind, werden Sie bald alle erweiterten Funktionen kennenlernen, mit deren Hilfe Sie dynamische Webseiten für Ihre Kunden erstellen können, ohne die unzähligen Stunden, in denen Sie den Code selbst schreiben müssen.

Die Schönheit des Elementor- Seitenerstellers liegt in seiner Einfachheit. Sobald Sie das Plugin aktivieren, werden Sie feststellen, dass die Benutzeroberfläche sehr einfach und selbsterklärend ist.

Ziehen Sie die Elemente einfach auf die leere Leinwand und legen Sie sie dort ab. Füllen Sie dann den Inhalt aus. Sie können auch mit den Design- und Animationsmodulen herumspielen, bis Sie den gewünschten Look erhalten.

Inhaltserhalt nach Deaktivierung

Shortcode-FunktionalitätJa, nachdem Sie das Plugin deaktiviert haben, bleibt der von Ihnen erstellte Inhalt erhalten.

Styling und Formatierung sind jedoch nicht möglich, sondern nur Shortcodes. Und diese Kurzcodes können unordentlich sein und mit viel Aufwand entfernt werden..

Ja, die mit Elementor erstellten Seiten und Inhalte sollten auch nach dem Deaktivieren des Plugins gleich bleiben. Einige Stile und Formatierungen hängen jedoch stark von Elementor ab und funktionieren möglicherweise nicht so gut. Das Deaktivieren der Option kann sich auf eine Reihe der verwendeten Stile und Formate auswirken. Die Seite sieht jedoch immer noch gut lesbar aus, auch wenn einige der Kurzcodes zurückbleiben.

Geschwindigkeit und Leistung?

In Berichten von Benutzern und im Vergleich zu anderen Seitenerstellern schien Divi im Vergleich etwas langsam zu sein. Dies liegt vor allem an den Dateigrößen aller Module und den Funktionsmöglichkeiten dieses Plugins. In vielerlei Hinsicht opfern Sie Geschwindigkeit für die Wahlmöglichkeit.

In Anbetracht der Optionen, die Benutzer beim Erstellen von Webseiten haben, und der Einfachheit, die dieses Plug-In bietet, sind Geschwindigkeit und Leistung die Besten. Sie erreichen dies, indem sie die Dateigrößen, die ein Benutzer herunterladen muss, tatsächlich verkleinern, wodurch Geschwindigkeit und Leistung erhöht werden.

Shortcode-Funktionalität

Wenn Sie Shortcoding verwenden, ist dieses Plugin genau das Richtige für Sie. Divi scheint für alles einen kurzen Code zu haben. Sie haben sogar eine Bibliothek für sie. Was auch immer die Hauptfunktionen dieses Seitenerstellers nicht enthalten oder nicht tun können, es wird definitiv einen Shortcode dafür geben. Dies kann jedoch auch zu Problemen führen. Wenn Sie sich entscheiden, den Page Builder nicht mehr zu verwenden oder zu einem anderen zu wechseln, können Sie ein raues Meer von Shortcodes hinter sich lassen, um das Problem zu lösen.

Elementor hat keine Shortcode- Bibliothek wie DIVI .

Sie verfügen jedoch über ein Widget, das für alle Shortcodes verwendet werden kann, einschließlich Shortcodes von Drittanbieter-Plugins sowie Shortcodes aus gespeicherten Vorlagen.

Gebrauchsfertige Designs und Layouts

Inhaltsmodule

Divi verfügt über 58 Layout-Packs mit über 852  Seitentemplates, und jede Woche werden zwei neue Layouts hinzugefügt, und zwar sofort. Dies ist jedoch erst der Anfang. Aus diesen 58+ und dem Zählen vorgefertigter Layouts können Sie eine Vielzahl von scheinbar endlosen anderen Layouts erstellen, die alle auf die Anforderungen Ihrer Website oder Ihres Kunden zugeschnitten sind. Alle können gespeichert werden, sodass Sie Ihre eigenen benutzerdefinierten Vorlagen verwenden können.

Elementor hat über 100 vorgefertigte und gebrauchsfertige Designs .

Darüber hinaus können Sie die ursprünglichen 100+ vorgefertigten Designs in unzähligen anderen benutzerdefinierten Layouts anpassen. Diese Designs sind auch speicherbar.

Inhaltsmodule

Divi wird mit 46 Inhaltsmodulen geliefert . Plus viele andere Add-Ons von Drittanbieter-Entwicklern.

Elementor kommt mit 29 Content – Module in der freien Version + eine zusätzlichen 30 mit der Pro – Version. Dies gilt zusätzlich zu den vielen anderen Add-Ons, die von Fremdentwicklern erstellt wurden.

Theme-Kompatibilität

Der Divi Page Builder ist mit den meisten WordPress-Themes kompatibel, die die Codierungsstandards von WordPress einhalten (wenn Sie sicher sein möchten, dass Sie sich einfach an deren Support wenden und danach fragen).

Elementor ist mit den meisten WordPress-Themes kompatibel , die die Codierungsstandards von WordPress einhalten (wenn Sie sicher sein möchten, dass Sie sich einfach an deren Support wenden und danach fragen).

Plugin-Kompatibilität

Ja. Obwohl es logisch am besten mit dem Divi WordPress-Design selbst funktioniert .

Ja. Da das Elementor- Plugin nur als Seitenersteller konzipiert wurde, kann es mit den meisten WordPress-Themes verwendet werden.

Support

Divi hilft sowohl mit Online-Chat als auch mit E-Mail Support. Wenn der Chat beschäftigt ist, erhalten Sie eine E-Mail mit Ihrer Antwort.

Nur Email Support

Gemeinschaft

Divi hat sowohl ein Community-Forum auf ihrer Website ( https://www.elegantthemes.com/forum/), wie auch eine aktive Facebook-Gruppe: https://www.facebook.com/groups/DiviThemeUsers/

Elementor hat kein Community-Forum auf seiner Website, aber hier gibt es eine aktive Facebook-Gruppe: https://www.facebook.com/groups/Elementors/

Kostenlose Testphase

Divi bietet keine kostenlose Testversion an. Sie bieten jedoch eine 30-Tage-Geld-zurück-Garantie, wenn Sie mit ihrem Produkt nicht zufrieden sind.

Elementor hat eine kostenlose Version sowie eine kostenpflichtige Pro-Version. Es gibt keine kostenlose Testversion für die Pro-Version, jedoch gibt es eine 30-Tage-Geld-zurück-Garantie.

Preis

Divi kostet $ 89 pro Jahr für unbegrenzte Websites. 249 US-Dollar ist eine einmalige Zahlung für lebenslangen Zugriff und Updates.

Elementor kostet $ 49 pro Jahr für 1 Standort. 99 US-Dollar pro Jahr für 3 Standorte. 199 US-Dollar pro Jahr für unbegrenzte Websites.

Affiliate-Offenlegung: Wenn Sie eine Dienstleistung oder ein Produkt über unsere Links kaufen, verdienen wir manchmal eine Empfehlungsgebühr.
Dies hilft uns diese Website erfolgreich weiterzuführen

Askimet

Askimet

Askimet

Akismet ist ein Plugin zum Schutz vor Kommentar- Trackback oder Pingback-Spam der Firma Automattic. Es wird bei jeder WordPress-Installation automatisch mitgeliefert. Um Akismet zu aktivieren, benötigt man einen sogenannten API Schlüssel. Diesen bekommt man auf der Akismet-Webseite. Private Blogs können Akismet kostenlos nutzen oder eine selbst bestimmte Gebühr zahlen. Der Einsatz von Akismet auf deutschen Blogs ist allerdings in die Diskussion geraten, da es bei der Verwendung des Plugins Probleme mit dem Datenschutz gibt. Ein wichtiger Artikel zu diesem Thema ist „Akismet und Datenschutz: Einwilligung per Opt-In notwendig“ auf dem WordPress-Deutschland Blog.

Kleines WordPress Wörterbuch

Kleines WordPress Wörterbuch

Wenn Sie zum ersten Mal mit WordPress arbeiten, sind viele WordPress-spezifische Begriffe noch unbekannt. Deshalb habe ich eine Liste mit Erklärungen zu den wichtigen WordPress-Terminen zusammengestellt. Dieses Glossar wird regelmäßig aktualisiert und vervollständigt. Wenn Sie zusammenarbeiten wollen, können Sie einen Begriff mit der Erklärung im Kommentarbereich posten. Bitte kopieren Sie es nicht aus vorhandenen Glossaren oder aus dem WordPress Codex.

So integrieren Sie Unsplash-Bilder in WordPress mit einem Klick

So integrieren Sie Unsplash-Bilder in WordPress mit einem Klick

So integrieren Sie Unsplash-Bilder

in WordPress mit einem Klick

 Unsplash ist einer der besten Orte im Internet, um kostenlose Bilder für Ihre Projekte zu erhalten. Sie brauchen keine Zuordnung, sie sind von hoher Qualität, es werden täglich neue Bilder hinzugefügt, die Suche ist einfach und Sie können Fotos zu praktisch jedem Thema finden, das Sie sich vorstellen können.

Die meisten Artikel und die Beispielbeiträge verwenden enthalten Bilder. Ich verwende oft Fotos. die von Unsplash aufgenommen wurden. Sie sind von erstaunlicher Qualität, aber sie sind auch sehr große Dateien. Es sind normalerweise mehrere Schritte, um sie für meine Website vorzubereiten.

Der Vorgang war normalerweise in etwa folgendermaßen: Ich gehe in meinem Browser zu Unsplash, suchen oder scrollen, lade jedes einzelne Bild auf meinen Laptop herunter, ändere die Größe jedes Bilds mit Photoshop und laden Sie sie dann in WordPress hoch, um sie in meinen Projekten zu verwenden.

Ich habe jetzt einen Weg gefunden, diesen Prozess zu verkürzen. Es sieht jetzt so aus: Wählen Sie in WordPress die Option „Unsplash“ aus, suchen Sie oder scrollen Sie und wählen Sie die gewünschten Bilder aus. Die Bilder werden automatisch in der Größe angepasst und in meinem WordPress-Medienordner abgelegt, wo sie in meinen Projekten verwendet werden können, oder sie werden automatisch in meinen Inhalt eingefügt. Das heißt, ich kann jetzt mit einem Klick „Unsplash“ -Dateien in WordPress verwenden. Kein Download, eine Größenänderung mehr.

Instant Images – Einfach Hochladen mit einem Klick

Die Lösung ist ein kostenloses Plugin im WordPress-Depot namens Instant Images . Sie können es von der Website herunterladen oder im WordPress-Plugins-Menü danach suchen.

Nach der Aktivierung wird dem Medienmenü ein neuer Menüpunkt namens Instant Images hinzugefügt . Hier können Sie die Einstellungen anpassen, neue, beliebte oder älteste Fotos anzeigen oder nach Fotos suchen. Die Bilder werden mit AJAX geladen, so dass neue Bilder angezeigt werden, solange Sie scrollen (was süchtig machen kann, aber das ist ein anderes Problem). Ein Menü am unteren Rand des Bildschirms enthält Links zum Herstellen einer Verbindung, zum Hinterlassen einer Überprüfung oder zum Anzeigen der häufig gestellten Fragen.

Das Plugin bietet zwei Möglichkeiten zum Hinzufügen von Unsplash-Bildern zu WordPress:

  • Auf der Registerkarte „Medien“ funktioniert dies sowohl mit dem aktuellen Editor als auch mit Gutenberg.
  • Innerhalb der Seite oder des Beitrags – dies funktioniert mit dem aktuellen Editor und mit Seitenerstellern, die den aktuellen WordPress-Editor verwenden.

Instant Images-Einstellungen

Durch Klicken auf Einstellungen in der oberen rechten Ecke wird ein Bildschirm mit verschiedenen Einstellungen und Inhaltsbereichen angezeigt. Unsplash-Einstellungen umfassen die Einstellungen für die Bildgröße für die maximale Breite und Höhe sowie ein Kontrollkästchen zum Ausblenden der Schaltfläche Instant Images, die sich neben der Schaltfläche Add Media im Nachbearbeitungsbildschirm befindet. Ich belasse sie bei ihren Standardeinstellungen, aber dies ist eine ausgezeichnete Funktion, um die Größe der Bilder zu steuern.

Was ist neu? Enthält Informationen zu den letzten beiden Updates. Unsere Plugins listen andere Plugins des Herausgebers auf und stellen Schaltflächen bereit, mit denen Sie sie vom WordPress-Depot aus installieren können. Klicken Sie oben rechts auf die Schaltfläche X-Einstellungen , um diesen Bildschirm zu schließen.

Festlegen von Serverberechtigungen

Höchstwahrscheinlich können Sie Bilder ohne Probleme hochladen. Ich habe zwei verschiedene Installationen ausprobiert. Der erste hatte keine Probleme, während der zweite die Bilder nicht hochladen würde. Das Problem waren die Berechtigungseinstellungen für meinen Server. 

Die Berechtigungen wurden auf 341 festgelegt. Sie müssen mindestens auf 755 gesetzt sein. Wenn Sie cPanel verwenden, navigieren Sie zum Ordner instant-images im Ordner wp-content / uploads auf Ihrem Server und klicken Sie auf Berechtigungen. Ihre sehen möglicherweise anders aus.

Wenn Sie beim Importieren eines Bildes Probleme haben, überprüfen Sie Ihre Serverberechtigungen. Wenn dies nicht das Problem ist, überprüfen Sie die FAQs, um weitere Informationen zur Fehlerbehebung zu erhalten. Es gibt nicht viele Probleme, aber ich musste die Berechtigungen festlegen.

 

Bilder zu Ihrer Medienbibliothek hinzufügen

Um Bilder direkt zu Ihrer Medienbibliothek hinzuzufügen, klicken Sie im Medien-Dashboard-Menü auf Instant Images . Sie können Bilder finden, indem Sie Neu, Beliebt, Älteste auswählen oder suchen. Durch Scrollen werden mehr Bilder sichtbar.

Wenn Sie auf das Zahnrad klicken, werden die Bilddetails bearbeiten für dieses Bild geöffnet . Hier können Sie ihn umbenennen, Ihren eigenen Text hinzufügen und Ihre eigene Beschriftung hinzufügen.
Sie können auch die Größe des Bildes ändern

Wenn Sie auf das Bild klicken, wird es automatisch in Ihre Medienbibliothek importiert.

Nach dem Importieren des Bildes erhalten Sie eine Meldung, dass das Bild seine Größe ändert.

Sie können mehrere Bilder gleichzeitig importieren.

Sobald die Größe geändert und zu Ihrer Medienbibliothek hinzugefügt wurde, wird ein grünes Häkchensymbol angezeigt.

Die Bilder befinden sich jetzt in der Medienbibliothek, wo ich sie überall verwenden kann.

Bei der Suche wird die Anzahl der Bilder angegeben, die dieses Stichwort verwenden. Durch Klicken auf das x auf der Zahl werden die Suchergebnisse gelöscht. Sie können nach Stichwort oder nach Foto-ID suchen. Die Foto-ID ist hilfreich, wenn Sie das Bild auf Unsplash.com gefunden haben und Instant Images zum Importieren verwenden möchten.

Bilder direkt zu Beiträgen und Seiten hinzufügen

Wenn Sie die Bilder bereits zu Ihrer Medienbibliothek hinzugefügt haben, können Sie sie wie gewohnt verwenden. Wenn Sie sie noch nicht hinzugefügt haben, müssen Sie sie nicht zuerst zur Medienbibliothek hinzufügen. Dem WordPress-Editor wird eine neue Schaltfläche namens Instant Images hinzugefügt . Sie befindet sich neben der Schaltfläche „ Medien hinzufügen“.

Dadurch wird ein Modal geöffnet, in dem Sie durch die neuen, beliebtesten oder ältesten Bilder blättern und nach beliebigen Bildern suchen können.

Klicken Sie auf das gewünschte Bild, um eine Größenänderung herunterzuladen. Sobald der Vorgang abgeschlossen ist und Sie das grüne Häkchen gesetzt haben, wird ein neuer Bildschirm innerhalb des Modals geöffnet, in dem Sie das Bild bearbeiten können. Hier können Sie Titel, alternativen Text, Beschriftung, Beschreibung, Link-URL, Ausrichtung und Größe anzeigen. Wenn Sie Ihre Auswahl getroffen haben, klicken Sie auf die Schaltfläche, um das Bild in Ihren Inhalt einzufügen.

Die Registerkarte „Instant Images“ wird auch in vielen Page Builder angezeigt, jedoch nicht im Front-End-Builder hinzugefügt. Natürlich können Sie weiterhin alle Bilder verwenden, die Sie der Medienbibliothek hinzugefügt haben, einschließlich der Bilder, die Sie mit Instant Images hinzugefügt haben.

Unsplash-Lizenz

Fotos von Unsplash sind aufgrund ihrer Lizenz ideal für Ihre Projekte . Alle Fotos auf Unsplash können für kommerzielle und nichtkommerzielle Zwecke kostenlos verwendet werden. Sie benötigen keine Erlaubnis und Sie müssen Unsplash oder dem Fotografen keine Gutschrift erteilen.

Sie können die Fotos auf beliebige Weise herunterladen, verteilen, kopieren und ändern. Sie können sie nicht an Unsplash verkaufen oder einen konkurrierenden Dienst erstellen.

Fazit

Das ist unser Blick auf die Verwendung von Unsplash-Bildern in WordPress mit einem Klick. Instant Images ist bei weitem die einfachste Methode, die ich beim Importieren von Unsplash-Bildern in WordPress gesehen habe. Ich mag die Möglichkeit, die maximale Größe des Bildes festzulegen und die Größe des Bilds beim Importieren zu ändern. Dies ist hervorragend geeignet, um Ihre Medienbibliothek mit hochwertigen Fotos zu füllen, die Sie in Ihren Projekten verwenden können.

Wenn Sie in Ihren Projekten qualitativ hochwertige Fotos benötigen, ist Instant Images möglicherweise das Plugin, mit dem Sie den Prozess der Verwendung optimieren können.

Wir wollen von Dir hören. Hast Du Instant Images versucht – Uploads mit einem Klick? Teile uns Deine Meinung dazu in den Kommentaren unten mit.

PNG oder JPG oder GIF: Auswahl des richtigen Bilddateityps für Ihre Site

PNG oder JPG oder GIF: Auswahl des richtigen Bilddateityps für Ihre Site

PNG oder JPG oder GIF:

Auswahl des richtigen Bilddateityps für Ihre Site

Heute sind JPG und PNG die beiden häufigsten Bildformate. Auf den ersten Blick sieht ein JPG möglicherweise genauso aus wie das als PNG-Datei gespeicherte Bild. Wenn Sie beim Speichern einer Datei entweder JPG für PNG auswählen können, scheint es, als wären die beiden austauschbar. Abgesehen von den Buchstaben, die in der Erweiterung verwendet werden.

 

Laut W3Techs werden sowohl JPG als auch PNG häufiger als andere Dateiformate verwendet, wobei PNG nur geringfügig häufiger verwendet wird.

Es gibt jedoch deutliche Unterschiede zwischen JPG- und PNG-Dateien, und Sie müssen wissen, welche Auswahl Sie treffen müssen, wenn Sie Bilder online verwenden. Der Dateityp kann Einfluss darauf nehmen, wo er sich auf Ihrer Webseite befindet, auf welche Qualität er angezeigt wird und ob die Ladezeiten verlangsamt werden. Wenn Sie Animationen in Ihre Website oder Social-Media-Feeds aufnehmen möchten, sollten Sie auch etwas über GIF-Dateien und deren Unterschiede zu JPG und PNG wissen.

Verlustfreie und verlustbehaftete Kompression

Das Komprimieren eines Bildes dient dazu, Platz zu sparen – kleinere Bilder lassen sich leichter übertragen und speichern. Große Bilder beanspruchen viel digitalen Speicherplatz und können das Laden von Webseitenverlangsamen . Im Allgemeinen werden einige Daten aus einem Bild entfernt, wenn es komprimiert wird.

Es gibt zwei Arten der Komprimierung: verlustfrei und verlustbehaftet. Um einen der Unterschiede zwischen JPG und PNG zu verstehen, benötigen Sie eine Einführung in diese beiden Komprimierungsarten.

Verlustfreie Kompression

Bilder enthalten redundante Informationen. Bei der verlustlosen Komprimierung werden diese redundanten Daten entfernt, der Computer wird jedoch auch darüber informiert, wie viele Daten redundant waren und wie das Image wiederhergestellt wird. Die Dateigröße wird reduziert, um Speicherplatz zu sparen, aber die gesamte Datei kann auch aus der komprimierten rekonstruiert werden. Ich liebe dieses Beispiel von Make Use Of. Es ist eine absichtlich vereinfachende Darstellung, wie verlustfreie Komprimierung Informationen entfernt, ohne die Struktur tatsächlich zu ändern:

Verlust der Kompression

MP3-Dateien sind großartige Beispiele für verlustbehaftete Komprimierung. Sie enthalten nicht das gesamte Audio der Originalaufnahme. Töne, die Menschen nicht hören können oder fast nicht hören, werden entfernt. Dies ist ähnlich wie die verlustbehaftete Komprimierung von Bildern. Wenn ein Bild komprimiert wird, werden Informationen für immer und nicht nur vorübergehend entfernt. Sie können die entfernten Daten nicht wiederherstellen. Jedes Mal, wenn ein Bild bearbeitet und / oder erneut gespeichert wird, verliert es etwas mehr Daten, was die Qualität verringert.

JPG

JPG (oder JPEG) steht für Joint Photographic Experts Group. Die Dateierweiterung kann entweder .jpg oder .jpeg sein. Diese Erweiterungen sind identisch und die Dateien funktionieren auf dieselbe Weise. In früheren Windows-Versionen konnten nur Dateien mit drei Buchstaben verarbeitet werden. Daher wurde JPEG auf JPG gekürzt. Wenn Sie ein Foto auf einer Website oder einer Social Media-Plattform anzeigen, sehen Sie höchstwahrscheinlich eine JPG.

Hier sind die Funktionen und Vorteile von JPGs:

  • Wird normalerweise für Fotos anstelle von Grafiken verwendet.
  • Beste Wahl für Screenshots von Spielen, Filmen und ähnlichen Inhalten.
  • Bild auf weißem oder leerem (nicht transparentem) Hintergrund gespeichert.
  • Kleinere Dateigrößen als PNGs.
  • Schnellere Seitenladezeiten und bessere Benutzererfahrung.
  • Verlust der Komprimierung, aber die Komprimierungsrate kann eingestellt werden – Sie können wählen, wie stark das Bild komprimiert wird.
  • Durch Bearbeiten und erneutes Speichern wird die Qualität beeinträchtigt. Je nach Anzahl der Speichervorgänge und wo das Bild angezeigt wird, werden Sie dies möglicherweise nicht bemerken.

Der JPG-Algorithmus findet Pixel mit derselben Farbe oder demselben Wert und blockiert sie in Kacheln. Während JPG Millionen von Farben unterstützt, hat das endgültige Bild weniger Farben als das Original (ähnlich wie diese Audiospuren). So wird das kleinere Bild erstellt, es führt jedoch auch zum Verlust von Daten, die Sie niemals wiederherstellen können. JPG berücksichtigt jedoch nicht, wie Menschen die Helligkeit betrachten, sodass die Helligkeit auch beim Ablegen von Farbinformationen erhalten bleibt, wodurch ein qualitativ hochwertiges Bild entsteht.

PNG

PNG steht für Portable Network Graphic. Die Dateierweiterung lautet .png. Wenn Sie das Logo einer Marke auf einer Website anzeigen, wird höchstwahrscheinlich eine PNG angezeigt.

Hier sind die Funktionen und Vorteile von PNGs:

  • Wird normalerweise für Illustrationen und andere Arten von Grafiken verwendet.
  • Beste Wahl für Illustrationen, detaillierte Diagramme und App-Screenshots.
  • Bild auf transparentem Hintergrund gespeichert – platzieren Sie es auf Ihrer Website, ohne etwas in der Umgebung zu stören.
  • Unterstützung für eine Reihe von Farben und Graustufen.
  • Sie können die Farben von PNG-Dateien ändern, z. B. wenn Sie Ihr Logo aktualisieren möchten.
  • Je weniger Farben verwendet werden, desto kleiner kann die Datei verkleinert werden.
  • Verlustfreie Kompression.

Foto als PNG speichern

Während Sie die meiste Zeit Fotos als JPG-Dateien speichern, gibt es Fälle, in denen Sie sie als PNG-Datei speichern möchten:

  • Sie benötigen ein möglichst hochwertiges Bild – PNG enthält mehr Details als JPG.
  • Sie werden das Foto mehrmals bearbeiten und speichern. Wenn Sie mit der Bearbeitung fertig sind, können Sie das Foto als JPG speichern, um die Größe zu begrenzen.
  • Das Foto hat auch Text – JPG verringert die Textqualität spürbar.
  • Das Foto muss einen transparenten Hintergrund haben. Beispielsweise können Sie eines Ihrer Fotos als Logo verwenden.

GIF

GIF steht für Graphics Interchange Format. Die Dateierweiterung lautet .gif. Wenn Sie ein kurzes animiertes Video mit Schleifen anzeigen, wird höchstwahrscheinlich eine GIF angezeigt.

Hier sind die Funktionen und Vorteile von GIFs:

  • Es ist der einzige Dateityp, der Animationen unterstützt.
  • Beste Wahl für einfache Grafiken.
  • Eingeschränkter Farbbereich.
  • Kleiner als JPGs aufgrund der begrenzten Farbanpassung.
  • Verlustfreie Kompression.

WordPress-Plugins für die Komprimierung

Um ein Bild für eine WordPress-Website zu komprimieren, können Sie Software, ein browserbasiertes Tool oder ein Plugin verwenden. Einige Benutzer verwenden kein Plugin, weil sie nicht die zusätzliche Belastung für ihren Server wollen oder sich um Kompatibilitätsprobleme sorgen oder den zusätzlichen Schritt zum Erstellen von Sicherungen nicht durchlaufen möchten. Wenn Sie Ihren Prozess jedoch rationalisieren möchten, können Plugins ziemlich effizient sein.

Hier sind einige Dinge, die Sie bei der Verwendung eines WordPress-Plugins für die Komprimierung beachten sollten:

  • Sie müssen das Bild nach der Größenänderung nicht hochladen – es befindet sich bereits in Ihrer WordPress-Medienbibliothek.
  • Viele Plugins verfügen über eine Einstellung, mit der Sie während des Uploads optimieren können, indem Sie einen weiteren Schritt aus dem Prozess entfernen.
  • Selbst wenn zwei Komprimierungs-Plug-Ins sagen, dass sie dasselbe tun, haben sie ihre eigenen Einstellungen, Vor- und Nachteile. Möglicherweise müssen Sie mit ein paar Spielern herumspielen, um das richtige Verhältnis von Kompressionsverhältnis und Qualität zu finden.
  • Kostenlose Versionen von Komprimierungs-Plugins klingen anfangs ansprechend, aber die Komprimierungsergebnisse sehen möglicherweise schlecht aus. Wenn Sie also Bilder von höherer Qualität wünschen, müssen Sie ein Upgrade durchführen.
  • Einige Plugins sind schwierig zu installieren und einzurichten, während andere einwandfrei funktionieren werden.
  • Zusätzliche Funktionen machen einige Plugins attraktiver als andere. Zum Beispiel verfügt ShortPixelüber eine glänzende Option, die eindeutig für professionelle Fotografen bestimmt ist. Imagify speichert das Originalbild in einem separaten Ordner, sodass Sie es jederzeit wiederherstellen können. Wir arbeiten mit Smush Pro von WPMUDEV, welche den Vorteil hat, dass sie nicht nur Bilder auf die benötigte Grösse beim Hochladen verkleinert. Die Bilder werden auch in der Cloud gespeichert und über CND geladen

Abschließende Gedanken

Zu wissen, wie Sie Ihre Bilder verwenden, ist der erste Schritt, um den zu wählenden Dateityp zu bestimmen. Letztendlich ist es das Ziel, die kleinstmögliche Datei zu verwenden und dabei so viel Qualität wie möglich für das Ziel beizubehalten. Ein auf einer Website angezeigtes Bild wird auf einer größeren Seite angezeigt als ein auf Instagram angezeigtes Bild. Sie benötigen also die Qualität höher sein, um die Unvollkommenheiten weniger wahrnehmbar zu machen. Verwenden Sie ein Backup-System zum Speichern der Originale, wenn Sie die Bilder verlieren, die Sie nicht leiden können. Wenn Sie versehentlich zu stark komprimiert werden, haben Sie eine Möglichkeit, von vorne zu beginnen.

Möchten Sie mehr Bilder für Ihre Website finden? Unsplash ist einer meiner beliebtesten Zielorte für die kostenlose Fotografie. Schauen Sie sich unseren Artikel mit Unsplash-Bildern in WordPress mit einem Klick an