Jak ustawić domyślny obraz wyróżniony dla wpisów WordPress

WP Media Folder wprowadza nową, ekscytującą funkcję: ustawianie domyślnego wyróżnionego obrazu dla naszych postów w WordPressie! Koniec z koszmarem postów bez wyróżnionego obrazu, od wybierania statycznego obrazu po losowy wybór obrazów z folderu, dzięki czemu nie będzie wyglądało, że zapomnieliśmy go dodać lub w ogóle nie dodaliśmy (+Metody bez wtyczek).

Ustawienie domyślnego obrazu wyróżnionego we wpisach WordPress może być ważnym ustawieniem, o którym należy pamiętać podczas tworzenia wpisów na swoją witrynę. Jednym z powodów, dla których nie należy ustawiać obrazu wyróżnionego, może być to, że zespół projektantów odpowiedzialny za tworzenie obrazów wyróżnionych może poświęcić więcej czasu na zaprojektowanie obrazów lub możemy zapomnieć o dodaniu obrazu wyróżnionego.

W tym poście pokażemy, jak łatwo skonfigurować domyślny obraz w WP Media Folder , a także przedstawimy inne metody.

Domyślny obraz wyróżniony bez wtyczki WordPress

 Należy zaznaczyć, że ta część samouczka wymaga pewnej wiedzy z zakresu kodowania, ponieważ będziemy musieli edytować pewne pliki motywu, aby działał, a zrobienie czegoś źle może spowodować poważne problemy.

Skoro już o tym mowa, zaczynajmy! 

W tej części poradnika wypróbujemy dwie metody: pierwszą polegającą na ustawieniu statycznego obrazu, drugą polegającą na użyciu pierwszego obrazu dostępnego w poście.

Metoda 1 – Ustaw obraz statyczny jako domyślny obraz wyróżniony

W tej metodzie użyjemy fragmentu kodu, aby ustawić statyczny obraz i dodać go do określonego miejsca w naszym wpisie/stronie.

Aby to zrobić, musimy przejść do plików motywu i edytować plik, w którym ma się pojawić wyróżniony obraz. Można go dodać do dowolnego pliku, ale w tym przypadku użyjemy pliku single.php , który obsługuje nasze posty.

Kod wygląda następująco:

the_post_thumbnail();
} else { ?>

Powinno to wyglądać tak:

Miejsce dodania kodu zależy od motywu i tego, gdzie dokładnie chcesz umieścić obraz. Ponadto /images/default-image.jpg należy zastąpić ścieżką do obrazu, którego będziemy używać. Ten sam obraz powinien znajdować się w folderze motywu.

Możemy również zastąpić < ?php bloginfo('template_directory'); ?>/images/default-image.jpg bezpośrednim adresem URL obrazu i to również zadziała.

Teraz powinniśmy móc utworzyć obraz bez obrazu wyróżnionego i magia gotowa!

Należy pamiętać, że ten kod nie ustawi domyślnego obrazu wyróżnionego, dlatego będziemy musieli dodać go wszędzie, gdzie chcemy, aby był wyświetlany, na przykład na stronie bloga, gdzie wyświetlane są posty, a także tam, gdzie je wywołujemy.

Metoda 2 – Użyj pierwszego obrazu w poście jako obrazu wyróżnionego

Ta metoda wymaga od nas wykonania 2 kroków w celu zdefiniowania obrazu i kolejnego kroku w celu wywołania obrazu.

Ta metoda jest podobna do pierwszej, ale nie musimy dodawać obrazka do kodu. Zamiast tego kod pobierze pierwszy obrazek z posta i doda go w dowolnym miejscu, w którym umieścisz drugi kod.

Pierwszy krok — dodaj następujący kod do pliku functions.php swojego motywu.

funkcja main_image() {
$files = get_children('post_parent='.get_the_ID().'&post_type=attachment
&post_mime_type=image&order=desc');
if($files) :
$keys = array_reverse(array_keys($files));
$j=0;
$num = $keys[$j];
$image=wp_get_attachment_image($num, 'large', true);
$imagepieces = explode('"', $image);
$imagepath = $imagepieces[1];
$main=wp_get_attachment_url($num);
$template=get_template_directory();
$the_title=get_the_title();
print "<img src='$main' alt='$the_title' class='frame' />";
endif;
}

Krok drugi — teraz, gdy nasz kod został dodany do pliku functions.php, możemy dodać poniższy kod w miejscu, w którym ma być wyświetlany obraz (tak jak zrobiliśmy to w przypadku pierwszej metody).

echo get_the_post_thumbnail($post->ID);
} else {
echo main_image();
} ?>

I gotowe! Od teraz posty będą zawierały pierwszy dostępny obraz.

Należy pamiętać, że podobnie jak w przypadku pierwszej metody, będziemy musieli dodać ten ostatni kod we wszystkich miejscach, w których chcemy, aby pojawiał się obraz, np. na stronie bloga, w samym artykule i w każdym innym miejscu, w którym wyświetlane są posty.

Łatwe ustawianie domyślnego obrazu wyróżnionego za pomocą wtyczki WordPress

Teraz, gdy dowiedzieliśmy się, jak ustawić domyślny obraz wyróżniony za pomocą fragmentów kodu, zobaczmy, jak go ustawić za pomocą wtyczki i w jaki sposób WP Media Folder ułatwia ten proces we wpisach WordPress.

WP Media Folder wprowadził właśnie opcję umożliwiającą ustawienie domyślnego obrazu wyróżniającego, co jest przydatne, biorąc pod uwagę wszystkie funkcje oferowane przez tę wtyczkę.

Aby włączyć tę funkcję, przejdź do Ustawienia > WP Media Folder  > Ustawienia główne .

W tej sekcji na dole zobaczymy Domyślny obraz wyróżniony z 2 głównymi opcjami:

1. opcja – Konkretny obraz, który umożliwia nam wybranie statycznego obrazu, który będzie używany we wszystkich postach, gdy nie wybierzemy obrazu wyróżnionego. Aby skorzystać z tej opcji, wystarczy zaznaczyć pole wyboru, a następnie kliknąć
WYBIERZ .

Po kliknięciu przycisku WYBIERZ zostanie uruchomiona nasza galeria multimediów ze wszystkimi dostępnymi folderami multimediów, co ułatwi znalezienie odpowiedniego obrazu. Wystarczy kliknąć obraz, a następnie wybrać opcję Wybierz .

Na koniec kliknij Zapisz zmiany i magia gotowa!

Opcja 2 - A co się stanie, jeśli nie będziemy chcieli użyć tylko jednego konkretnego obrazu, a zamiast tego wybierzemy zbiór obrazów, które zostaną użyte losowo?

To proste! Dzięki WP Media Folder „Losowy obraz z folderu”, możemy, korzystając z możliwości dostępnych w folderach multimediów, wybrać folder multimediów, który utworzyliśmy wcześniej w naszej Bibliotece Mediów, a następnie losowo pobrać z niego obrazy i ustawić je jako domyślny obraz wyróżniony.

Po wybraniu tej opcji będziemy mogli zobaczyć dostępne foldery, które można ustawić.

W tym przypadku utworzyliśmy folder o nazwie „Wyróżnione obrazy” , więc wystarczy, że na niego klikniemy i zapiszemy zmiany.

Magia się stanie i nie będziemy się już musieli stresować postami bez wyróżnionego obrazka, super! Prawda? :)

Jak widać, nie potrzebowaliśmy żadnego kodu i ustawiliśmy domyślny obraz wyróżniający.

Koniec z wpisami WordPress bez wyróżnionego obrazu

Teraz mogliśmy zobaczyć, jak łatwo jest ustawić domyślny obraz wyróżniony za pomocą wtyczki WP Media Folder dla wszystkich naszych wpisów WordPress. Wystarczy zaledwie dwa kliknięcia i nie trzeba umieszczać kodu we wszystkich plikach, ryzykując przy tym uszkodzeniem.

Najlepszą cechą WP Media Folder jest to, że nie jest to jedyna funkcja, jaką oferuje – mamy wiele innych opcji, jak np. przesyłanie multimediów do AWS , używanie Dysku Google jako źródła obrazów lub tworzenie zachwycających galerii !

Na co więc czekasz? Wejdź tutaj i pobierz WP Media Folder już teraz.