Jak zmienić rozmiar wyróżnionego obrazu WordPress?

Rozmiar obrazu WordPress! ha! Brzmi to jak coś prostego, prawda? Ale czy tak jest naprawdę?

Ok, porozmawiajmy o tym. Jak myślisz, czego szuka przypadkowy internauta przed kliknięciem w link, blog, artykuł itp.? Czy to tytuł? Może to nagłówek? slogan? Odpowiedź brzmi: nie, żadne z tych.

Ale jeśli myślisz o obrazie fabularnym, powiemy, że tak. Według wielu popularnych badań i czasopism, internauci mają tendencję do klikania atrakcyjnych i bogatych w informacje obrazów.

Mają tendencję do studiowania zawartości obrazu obiektu, na długo przed spojrzeniem na tytuł lub metadane.

To tutaj dzieje się magia. W tym miejscu/kiedy internauta decyduje się kliknąć opublikowaną przez Ciebie treść, aby przyjrzeć się jej dokładniej.

Możliwość zniewolenia odbiorców obrazem fabularnym oznacza niemal pewne organiczne kliknięcie.

Co nie jest takie proste, gdy pracujesz z konkurencyjnymi słowami kluczowymi z długim ogonem lub słowami kluczowymi z krótkim ogonem, popularnymi wyrażeniami, popularnymi wydarzeniami, tematami, odniesieniami do popkultury itp.

Tak więc zalecany rozmiar obrazu WordPress przez zespół programistów DroitThemes to 1200 × 675 pikseli lub współczynnik proporcji 16: 9.

Znaczenie dobrych obrazów

Jak wspomniano wcześniej, atrakcyjny wyróżniony obraz w WordPress może przynieść bardziej zorganizowane atrakcje i kliknięcia bez dodatkowej pracy. Znaczenie dobrych zdjęć jest nie do przecenienia.

Blog, artykuł, post, biuletyn itp. nie ma znaczenia, jakie rodzaje treści mogą zawierać, wdrażanie wysokiej jakości, informacyjnych obrazów jest kluczem do sukcesu.

Ludzie mają tendencję do pobłażania sobie wizualnie, zanim zaczną czytać, a wszystko to dzieje się w ułamku sekundy po napotkaniu wspomnianego obrazu.

Dlatego wybranie doskonałego obrazu, który ma się znaleźć w następnej treści, jest wysoce wskazane.

Obraz wysokiej jakości nie tylko przyciąga więcej oczu, ale także doskonale nadaje się do utrzymywania stałej jakości w różnych rozdzielczościach wyświetlania.

Obrazy wyróżnione WordPress: czym one są?

Obraz fabularny służy do wizualnego przedstawienia informacji kontekstowych dotyczących fragmentu treści.

Tego typu obrazy zwykle pojawiają się na górze treści i są prezentowane obok metadanych wspomnianej treści, w sekcji miniatur.

Wyróżniony obraz przykuwa uwagę i wyobraźnię gościa oraz dostarcza wskazówek, informacji i pomniejszego kontekstu dotyczącego treści.

Na przykład przedstawiony tutaj obraz wyraźnie wskazuje, o co chodzi i jaki jest temat rozmowy.

Aktywny motyw WordPress witryny również odgrywa kluczową rolę przy określaniu sposobu wyświetlania obrazu funkcji.

Budując witrynę WordPress, zawsze staraj się wybrać najlepszy motyw WordPress do blogowania i publikowania treści.

Developer.WordPress.org Zalecany rozmiar obrazu wyróżnionego WordPress

WordPress domyślnie przyjmuje następujące rozmiary obrazów

WordPress automatycznie tworzy trzy wersje przesłanego obrazu, a są to:

• Rozmiar miniatury: 150 pikseli X 150 pikseli
• Średni rozmiar: 300 pikseli X 300 pikseli
• Duży rozmiar: 1024px X 1024px

Jaki jest cel tych różnych wersji WordPress Polecane rozmiary obrazów?

Rozważ obraz wymiaru używany przez zespół programistów DroitThemes – 1200px X 675px .

Ten oryginalny rozmiar obrazu może wzrosnąć do 100 KB .

Teraz rozważ umieszczenie oryginalnych wymiarów obrazu jako miniatury! Czy to nie wyglądałoby nienormalnie jak na miniaturkę, prawda!

Nie wspominając o wpływie na wydajność, jaki miałaby rozdzielczość, gdyby ta rozdzielczość była powiązana z rozmiarem obrazu.

Można więc bezpiecznie założyć, że automatycznie przekonwertowany przez WordPress rozmiar 150 × 150 pikseli jest bezpiecznym i niezawodnym zakładem.

Automatyczna zmiana rozmiaru obrazów przez WordPress to oczywiście świetna funkcja.

Jednak ta niesamowita funkcja sprawdza się dobrze w niektórych scenariuszach.

Na przykład domyślna zmiana rozmiaru obrazu może nie być odpowiednim rozwiązaniem, jeśli motyw WordPress wymaga określonego wymiaru obrazu.

Tutaj w DroitThemes jest o czym rozmawiać, gdy pracujemy z obrazem polecanym przez WordPressa o rozmiarze 1200 × 675 pikseli.

W takich przypadkach wskazane jest ręczne dodanie niestandardowego rozmiaru obrazu.

Jak to działa?

Oto krótki samouczek na temat dodawania niestandardowego rozmiaru obrazu wyróżnionego WordPress

WordPress automatyzuje Twoje treści, aby uzyskać najlepszą wydajność na swojej platformie, zmieniając rozmiar oryginalnych obrazów funkcji w trzech różnych rozmiarach i rozdzielczościach.

Co powiesz na dodanie innego domyślnego rozmiaru? Czy byłoby możliwe uwzględnienie niestandardowego rozmiaru obrazu WordPress?

Tak, jest to możliwe, a my pokażemy Ci, jak to zrobić poprawnie.

Dodawanie niestandardowych rozmiarów obrazu za pomocą opcji Regeneruj obraz i wybierz kadrowanie

Regenerate & Select Crop to prosta wtyczka, która zapewnia więcej funkcji niż tylko Regeneruj miniatury.

Oprócz umożliwienia użytkownikom zmiany domyślnego rozmiaru wyróżnionego obrazu, użytkownicy mają również możliwość ponownego wygenerowania wszystkich istniejących obrazów, aby pasowały do ​​preferowanego rozmiaru obrazu, ustawienia domyślnych opcji przycinania lub ponownego wygenerowania miniatur.

Po zainstalowaniu i aktywacji przejdź do WordPress Dashboard > Regenerate & Select Crop , stąd kliknij ZDEFINIUJ NIESTANDARDOWE ROZMIARY OBRAZU i ustaw nazwę dla niestandardowego rozmiaru obrazu WordPress i dodaj wymiary.

W tym przykładzie używamy wyróżnionego obrazu WordPress o rozmiarze 1200 × 675 pikseli.

Po zakończeniu pamiętaj, aby nacisnąć Zapisz zmiany .

W tej konkretnej wtyczce dostępnych jest o wiele więcej opcji, nie badamy tego dalej, ale gorąco polecamy użytkownikowi, zbadaj i dostosuj ustawienia.

Krok 01 Dodaj niestandardowy rozmiar obrazu WordPress, edytując functions.php

W tym celu będziesz musiał dostosować niektóre kody z pliku functions.php swojej witryny, ale nie martw się, będziemy z tobą po drodze.

Ponieważ będziemy poprawiać niektóre kody, powinieneś wykonać kopię zapasową wspomnianego pliku, aby być po bezpiecznej stronie.

Teraz przejdź do Pulpit nawigacyjny WordPress > Wygląd > Edytor motywów .

Teraz kliknij Funkcje motywu ( functions.php ) stąd znajdź następujący kod w edytorze motywów, naciskając Ctrl + F i naciśnij Enter. Jeśli kod już tam jest, pozostaw go i przejdź do następnego kroku.

A jeśli wydaje się, że brakuje kodu, wprowadź następujący ciąg –

 add_theme_support( 'post-thumbnails' );

Po zakończeniu pamiętaj, aby nacisnąć przycisk Aktualizuj plik .

Teraz, aby dodać niestandardowe wymiary obrazu, wstaw następujący kod tuż pod wcześniej wspomnianym kodem, niestandardowy wymiar –

 add_image_size( 'my-custom-image-size', 1200, 675 );

W szczególności należy zaktualizować treść pojedynczych cudzysłowów o nazwę nowego niestandardowego rozmiaru obrazu. Sugerujemy coś prostego i opisowego.

Pierwszą wartością powinna być szerokość obrazu, a druga wysokość obrazu.

Postępuj zgodnie z najlepszymi praktykami dotyczącymi obrazów polecanych w WordPress

Po prostu nie wystarczy przesłać i zapomnieć o ważnych elementach witryny, takich jak obrazy obiektów.

Podczas wybierania i przesyłania obrazów funkcji dla WordPress lub dowolnej innej platformy do tworzenia witryn internetowych, zdecydowanie zalecamy użytkownikom wykonanie kilku prostych kroków:

Obrazy wysokiej jakości

Obrazy obiektów muszą być wysokiej jakości oraz wyraźne i ostre. Obraz charakterystyczny reprezentuje Ciebie, Twoją witrynę i zawartość, dlatego użycie wysokiej jakości obrazu jest koniecznością.

Użytkownicy powinni wybrać coś, co dobrze wygląda zarówno na miniaturach, jak iw postach.

Spójna treść

Prześlij obrazy, które są zgodne z treścią Twojej witryny. Prześlij funkcje, treści, logo itp. zgodne z Twoją marką. Utrzymanie spójnego podejścia do projektu wizualnego pomaga budować markę i sprawia, że ​​jest rozpoznawalna dla odwiedzających.

Odpowiednie obrazy

Człowiek przetwarza obrazy szybciej niż tekst. Jeśli uznasz, że jest to odpowiedni, informacyjny obraz funkcji, może zwrócić większą uwagę na Twoją witrynę.

Dlatego zawsze staraj się zachować silne znaczenie, biorąc pod uwagę obrazy obiektów.

prawa autorskie

Nie naruszaj praw autorskich. Zawsze staraj się mieć pewność, że Twoje treści są produkowane, a jeśli przesyłasz coś od innego twórcy treści, upewnij się, że zanim to zrobisz, uzyskaj jego zgodę prawną.

Kupowanie zdjęć stockowych bez tantiem z witryn takich jak Unsplash, Pixaby i innych to świetna opcja.

Aby to zakończyć

Wyróżnione obrazy są integralną częścią każdej witryny WordPress.

Dobrze zaprojektowany i wyróżniony obraz może sprawić, że Twoja witryna będzie wyglądać bardziej profesjonalnie i znacznie pomoże zwiększyć świadomość Twojej marki. To samo dotyczy sklepów internetowych. Obrazy są przydatne do sprzedaży produktów.

Dobrze zaprojektowany i kompletny obraz funkcji może również znacznie wpłynąć na wyobraźnię odwiedzających, pomagając uzyskać więcej organicznych kliknięć i wyświetleń.

Mając to na uwadze, mamy nadzieję, że ta treść okazała się pomocna i rozważysz udostępnienie jej komuś w potrzebie.

Dziękujemy za zatrzymanie się i jeśli masz jakiekolwiek pytania lub wątpliwości dotyczące tego tematu, daj nam znać w komentarzu poniżej.