Jak korzystać z obrazów Unsplash w WordPress za pomocą jednego kliknięcia?

Opublikowany: 2018-09-30

Unsplash to jedno z najlepszych miejsc online, w którym można uzyskać darmowe obrazy do wykorzystania w projektach. Nie wymagają atrybucji, są wysokiej jakości, codziennie dodawane są nowe obrazy, łatwo je przeszukiwać, a zdjęcia można znaleźć praktycznie na każdy temat.

Większość pisanych przeze mnie artykułów wykorzystujących przykładowe posty zawiera obrazy zaczerpnięte z Unsplash. Są niesamowitej jakości, ale są też bardzo dużymi plikami. Zazwyczaj wymagały kilku kroków, aby przygotować je do mojej witryny.

Proces zwykle wyglądał mniej więcej tak: przejdź do Unsplash w mojej przeglądarce, wyszukaj lub przewiń, pobierz każdy pojedynczy obraz na mój laptop, zmień rozmiar każdego obrazu za pomocą mojego oprogramowania do edycji zdjęć, a następnie prześlij je do WordPressa, aby użyć go w moich projektach.

Teraz znalazłem sposób na skrócenie tego procesu. Teraz wygląda to tak: wybierz Unsplash w WordPressie, wyszukaj lub przewiń i wybierz żądane obrazy. Obrazy są automatycznie zmieniane i umieszczane w moim folderze multimediów WordPress, gdzie mogę ich używać w moich projektach, lub są automatycznie umieszczane w mojej zawartości. Oznacza to, że mogę teraz używać obrazów Unsplash w WordPress za pomocą jednego kliknięcia. Brak pobierania. Bez zmiany rozmiaru.

Subskrybuj nasz kanał YouTube

Obrazy błyskawiczne – przesyłanie Unsplash jednym kliknięciem

Rozwiązaniem jest darmowa wtyczka do depozytu WordPress o nazwie Instant Images. Możesz pobrać go z depozytu lub wyszukać w menu Wtyczki WordPress.

Po aktywacji do menu Media dodawana jest nowa pozycja menu o nazwie Obrazy błyskawiczne . Tutaj możesz dostosować ustawienia, zobaczyć nowe, popularne lub najstarsze zdjęcia lub wyszukać zdjęcia. Obrazy ładują się za pomocą AJAX, więc nowe obrazy wyświetlają się tak długo, jak przewijasz (co może być uzależniające, ale to inny problem). Menu u dołu ekranu zawiera łącza do nawiązania połączenia, pozostawienia recenzji lub przejrzenia często zadawanych pytań.

Wtyczka zapewnia dwa sposoby dodawania obrazów Unsplash do WordPress:

  • W zakładce Media – działa to zarówno z bieżącym edytorem, jak iz Gutenbergiem.
  • Na stronie lub w poście – działa to z bieżącym edytorem i programami do tworzenia stron, które wykorzystują obecny edytor WordPress.

Ustawienia obrazów błyskawicznych

Kliknięcie opcji Ustawienia w prawym górnym rogu wyświetla ekran z kilkoma ustawieniami i obszarami zawartości. Ustawienia Unsplash obejmują ustawienia rozmiaru obrazu dla maksymalnej szerokości i wysokości oraz pole wyboru, aby ukryć przycisk Obrazy błyskawiczne, który znajduje się obok przycisku Dodaj multimedia na ekranie edycji postu. Zostawiam je z ustawieniami domyślnymi, ale jest to doskonała funkcja do kontrolowania rozmiaru obrazów.

Co nowego zawiera informacje o ostatnich dwóch aktualizacjach. Nasze wtyczki zawierają listę innych wtyczek wydawcy i udostępniają przyciski, dzięki którym można je zainstalować z depozytu WordPress. Kliknij przycisk Ustawienia X w prawym górnym rogu, aby zamknąć ten ekran.

Ustawianie uprawnień serwera

Najprawdopodobniej będziesz mógł przesyłać obrazy bez problemów. Wypróbowałem dwie różne instalacje. Pierwszy nie miał problemów, a drugi nie przesyłał obrazów. Problemem były ustawienia uprawnień dla mojego serwera. Uprawnienia zostały ustawione na 341. Musi być ustawiony co najmniej na 755. Jeśli używasz cPanel, przejdź do folderu instant-images w folderze wp-content/uploads na serwerze i kliknij Uprawnienia . Twój może wyglądać inaczej niż ten.

Jeśli napotkasz problemy z importowaniem obrazu, sprawdź uprawnienia serwera. Jeśli to nie jest problem, zapoznaj się z często zadawanymi pytaniami, aby uzyskać więcej informacji na temat rozwiązywania problemów. Nie ma wielu problemów, ale musiałem ustawić uprawnienia.

Dodawanie obrazów do biblioteki multimediów

Aby dodać obrazy bezpośrednio do biblioteki multimediów, kliknij opcję Obrazy błyskawiczne w menu pulpitu nawigacyjnego Multimedia. Możesz znaleźć obrazy wybierając Nowe, Popularne, Najstarsze lub wyszukując. Przewijanie ujawnia więcej obrazów.

Po znalezieniu obrazu, który chcesz dodać do biblioteki, kliknij go. Najedź kursorem na obraz, aby zobaczyć przycisk edycji szczegółów tego obrazu, miniaturę fotografa z linkiem do jego zdjęć na Unsplash, przycisk Polub obraz lub zobacz przycisk, który pozwala wyświetlić obraz na Unsplash.com.

Kliknięcie koła zębatego otwiera Edytuj szczegóły obrazu dla tego obrazu. Tutaj możesz zmienić jego nazwę, dodać własny tekst alternatywny i dodać własny podpis.

Kliknięcie obrazu automatycznie importuje go do biblioteki multimediów.

Po zaimportowaniu obrazu otrzymasz komunikat, że zmienia się rozmiar obrazu.

Możesz importować wiele obrazów jednocześnie.

Po zmianie rozmiaru i dodaniu do biblioteki multimediów zobaczysz zieloną ikonę znacznika wyboru.

Obrazy znajdują się teraz w bibliotece multimediów, gdzie mogę z nich korzystać w dowolnym miejscu.

Wyszukiwanie zapewnia liczbę obrazów, które używają tego słowa kluczowego. Kliknięcie x na numerze usuwa wyniki wyszukiwania. Możesz wyszukiwać według słów kluczowych lub według identyfikatora ze zdjęciem. Identyfikator zdjęcia jest przydatny, jeśli znalazłeś obraz na Unsplash.com i chcesz go zaimportować za pomocą obrazów błyskawicznych.

Dodawanie obrazów bezpośrednio do postów i stron

Jeśli już dodałeś obrazy do biblioteki multimediów, możesz ich normalnie używać. Jeśli jeszcze ich nie dodałeś, nie musisz najpierw dodawać ich do biblioteki multimediów. Do edytora WordPressa dodano nowy przycisk o nazwie Obrazy błyskawiczne . Znajduje się obok przycisku Dodaj multimedia .

Spowoduje to otwarcie modalu, w którym możesz przewijać nowe, popularne lub najstarsze obrazy i wyszukiwać dowolne obrazy.

Kliknij żądany obraz, a przejdzie on przez proces pobierania zmiany rozmiaru. Po zakończeniu procesu i otrzymaniu zielonego znacznika wyboru otworzy się nowy ekran w trybie, w którym można edytować obraz. Tutaj możesz zobaczyć tytuł, tekst alternatywny, podpis, opis, adres URL linku, wyrównanie i rozmiar. Po dokonaniu wyboru kliknij przycisk, aby wstawić obraz do treści.

Obraz zostanie dodany do posta tak samo, jak gdybyś go wybrał z biblioteki multimediów.

W tym przykładzie dodałem obraz w treści o średnim rozmiarze i nadałem mu atrybut Wyrównaj do lewej.

To nie jest wtyczka Divi, ale przycisk Obrazy błyskawiczne jest również dostępny dla każdego modułu Divi, który korzysta z edytora WordPress.

Zakładka Obrazy błyskawiczne nie jest jednak dodawana do kreatora front-end. Oczywiście nadal możesz używać dowolnych obrazów dodanych do biblioteki multimediów, w tym tych dodanych za pomocą obrazów błyskawicznych.

Licencja Unsplash na obrazy

Zdjęcia z Unsplash są idealne do Twoich projektów ze względu na ich licencję. Wszystkie zdjęcia na Unsplash można wykorzystywać bezpłatnie zarówno w celach komercyjnych, jak i niekomercyjnych. Nie potrzebujesz pozwolenia i nie musisz podawać kredytu Unsplash ani fotografowi.

Możesz pobierać, rozpowszechniać, kopiować i modyfikować zdjęcia w dowolny sposób. Nie możesz ich sprzedawać ani tworzyć konkurencyjnej usługi Unsplash.

Końcowe myśli

Oto nasze spojrzenie na to, jak jednym kliknięciem używać obrazów Unsplash w WordPress. Instant Images to zdecydowanie najłatwiejszy sposób importowania obrazów Unsplash do WordPressa, jaki widziałem. Podoba mi się możliwość ustawienia maksymalnego rozmiaru obrazu i zmiany jego rozmiaru podczas importu obrazu. Jest to doskonałe rozwiązanie do wypełniania biblioteki multimediów wysokiej jakości zdjęciami do wykorzystania w projektach.

Jeśli potrzebujesz wysokiej jakości zdjęć w swoich projektach, Instant Images może być wtyczką, której potrzebujesz, aby usprawnić proces ich używania.

Chcemy usłyszeć od Ciebie. Czy wypróbowałeś obrazy błyskawiczne — przesyłanie jednym kliknięciem w trybie Unsplash? Daj nam znać, co o tym myślisz w komentarzach poniżej.

Polecane zdjęcie za pośrednictwem GoodStudio / shutterstock.com