So verwenden Sie Unsplash-Bilder in WordPress mit einem Klick
Veröffentlicht: 2018-09-30Unsplash ist einer der besten Online-Orte, um kostenlose Bilder für Ihre Projekte zu erhalten. Sie erfordern keine Namensnennung, sie sind von hoher Qualität, jeden Tag kommen neue Bilder hinzu, die Suche ist einfach und Sie können Fotos zu praktisch jedem erdenklichen Thema finden.
Die meisten Artikel, die ich geschrieben habe und die Beispielposts verwenden, enthalten Bilder aus Unsplash. Sie haben eine erstaunliche Qualität, aber sie sind auch sehr große Dateien. Sie erforderten normalerweise mehrere Schritte, um sie für meine Website vorzubereiten.
Der Vorgang war normalerweise so: Gehe in meinem Browser auf Unsplash, suche oder scrolle, lade jedes einzelne Bild auf meinen Laptop herunter, ändere die Größe jedes Bildes mit meiner Bildbearbeitungssoftware und lade 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 Unsplash in WordPress, suchen 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 platziert, wo ich sie in meinen Projekten verwenden kann, oder sie werden automatisch in meinen Inhalten platziert. Das bedeutet, dass ich jetzt Unsplash-Bilder in WordPress mit einem Klick verwenden kann. Kein Herunterladen. Keine Größenänderung.
Abonnieren Sie unseren Youtube-Kanal
Sofortbilder – Unsplash-Uploads mit einem Klick

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

Sobald es aktiviert ist, wird dem Medienmenü ein neues Menüelement 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, sodass neue Bilder angezeigt werden, solange Sie scrollen (was süchtig machen kann, aber das ist ein anderes Problem). Ein Menü am unteren Bildschirmrand bietet Links zum Herstellen einer Verbindung, zum Hinterlassen einer Bewertung oder zum Anzeigen der FAQs.
Das Plugin bietet zwei Möglichkeiten, Unsplash-Bilder zu WordPress hinzuzufügen:
- Innerhalb der Registerkarte Medien – dies funktioniert 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.
Einstellungen für Sofortbilder

Wenn Sie in der oberen rechten Ecke auf Einstellungen klicken, wird ein Bildschirm mit mehreren Einstellungen und Inhaltsbereichen angezeigt. Unsplash-Einstellungen umfassen die Bildgrößeneinstellungen für die maximale Breite und Höhe sowie ein Kontrollkästchen zum Ausblenden der Schaltfläche Sofortbilder, die sich neben der Schaltfläche Medien hinzufügen auf dem Nachbearbeitungsbildschirm befindet. Ich belasse sie bei ihren Standardeinstellungen, aber dies ist eine hervorragende Funktion, um die Größe der Bilder zu steuern.
What's New bietet Informationen zu den letzten beiden Updates. Unsere Plugins listet andere Plugins des Herausgebers auf und bietet Schaltflächen, damit Sie sie aus dem WordPress-Depot 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 wollte. Das Problem waren die Berechtigungseinstellungen für meinen Server. Die Berechtigungen wurden auf 341 gesetzt. Sie müssen mindestens auf 755 gesetzt werden. Wenn Sie cPanel verwenden, navigieren Sie zum Ordner instant-images im Ordner wp-content/uploads auf Ihrem Server und klicken Sie auf Berechtigungen . Ihre könnte anders aussehen.
Wenn beim Importieren eines Images Probleme auftreten, überprüfen Sie unbedingt Ihre Serverberechtigungen. Wenn dies nicht das Problem ist, lesen Sie die FAQs für weitere Informationen zur Fehlerbehebung. Es gibt nicht viele Probleme, aber ich musste die Berechtigungen festlegen.
Hinzufügen von Bildern zu Ihrer Medienbibliothek

Um Bilder direkt zu Ihrer Medienbibliothek hinzuzufügen, klicken Sie im Menü des Medien-Dashboards auf Sofortbilder . Sie können Bilder durch Auswahl von Neu, Beliebt, Älteste oder durch Suchen finden. Durch Scrollen werden mehr Bilder angezeigt.

Wenn Sie ein Bild gefunden haben, das Sie zu Ihrer Bibliothek hinzufügen möchten, klicken Sie auf das Bild. Bewegen Sie den Mauszeiger über das Bild, um die Schaltfläche zum Bearbeiten der Details für dieses Bild, die Miniaturansicht des Fotografen mit einem Link zu seinen Bildern auf Unsplash, eine Schaltfläche zum Liken des Bildes oder die Schaltfläche zum Anzeigen des Bildes auf Unsplash.com anzuzeigen.


Wenn Sie auf das Zahnrad klicken, wird das Bilddetails bearbeiten für dieses Bild geöffnet. Hier können Sie es umbenennen, Ihren eigenen Alternativtext hinzufügen und Ihre eigene Beschriftung hinzufügen.

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

Nachdem das Bild importiert wurde, erhalten Sie eine Meldung, dass die Größe des Bilds geändert wird.

Sie können mehrere Bilder gleichzeitig importieren.

Sobald die Größe geändert und zu Ihrer Medienbibliothek hinzugefügt wurde, sehen Sie ein grünes Häkchen-Symbol.

Die Bilder sind jetzt in der Mediathek, wo ich sie überall verwenden kann.

Die Suche liefert eine Zählung der Anzahl der Bilder, die dieses Schlüsselwort verwenden. Wenn Sie auf das x auf der Zahl klicken, werden die Suchergebnisse gelöscht. Sie können nach Stichworten oder nach Lichtbildausweis suchen. Die Foto-ID ist hilfreich, wenn Sie das Bild auf Unsplash.com gefunden haben und es mit Instant Images importieren 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 der Medienbibliothek hinzufügen. Dem WordPress-Editor wird eine neue Schaltfläche namens Instant Images hinzugefügt. Es befindet sich neben der Schaltfläche Medien hinzufügen.

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

Klicken Sie auf das gewünschte Bild und es wird eine Größenänderung heruntergeladen. Sobald der Vorgang abgeschlossen ist und Ihnen das grüne Häkchen gegeben wurde, wird ein neuer Bildschirm im Modal geöffnet, in dem Sie das Bild bearbeiten können. Hier sehen Sie Titel, Alternativtext, Bildunterschrift, Beschreibung, Link-URL, Ausrichtung und Größe. Nachdem Sie Ihre Auswahl getroffen haben, klicken Sie auf die Schaltfläche, um das Bild in Ihren Inhalt einzufügen.

Das Bild wird dem Beitrag so hinzugefügt, als ob Sie es aus Ihrer Medienbibliothek ausgewählt hätten.

In diesem Beispiel habe ich dem Inhalt ein Bild mit der Größe „Mittel“ hinzugefügt und ihm das Attribut „Links ausrichten“ zugewiesen.

Dies ist kein Divi-Plugin, aber die Schaltfläche Instant Images ist auch für jedes Divi-Modul verfügbar, das den WordPress-Editor verwendet.

Die Registerkarte Instant Images wird jedoch nicht zum Frontend-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 Sofortbildern hinzugefügt haben.
Unsplash Images-Lizenz
Fotos von Unsplash sind aufgrund ihrer Lizenz ideal für Ihre Projekte. Alle Fotos auf Unsplash können sowohl für kommerzielle als auch für nicht-kommerzielle Zwecke kostenlos verwendet werden. Sie benötigen keine Erlaubnis und Sie müssen Unsplash oder dem Fotografen keinen Kredit geben.
Sie können die Fotos nach Belieben herunterladen, verteilen, kopieren und ändern. Sie können sie nicht verkaufen oder einen konkurrierenden Dienst für Unsplash erstellen.
Gedanken beenden
Das ist unser Blick auf die Verwendung von Unsplash-Bildern in WordPress mit einem Klick. Instant Images ist bei weitem die einfachste Möglichkeit, Unsplash-Bilder in WordPress zu importieren. Ich mag die Möglichkeit, die maximale Bildgröße festzulegen und die Größe beim Importieren des Bildes 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, das Sie benötigen, um den Prozess der Verwendung zu optimieren.
Wir wollen von dir hören. Haben Sie Instant Images – Unsplash-Uploads mit einem Klick ausprobiert? Lassen Sie uns in den Kommentaren unten wissen, was Sie davon halten.
Ausgewähltes Bild über GoodStudio / shutterstock.com
