Jak dodać ikonę wpisu do WordPress (Gutenberg)

Ikona wpisu to obrazek znajdujący się w specjale wyznaczonym dla niego miejscu np. z boku wpisu lub nad nim.

Sposób i kształt miniatury uzależniony jest indywidualnych ustawień szablonu, z którego korzystamy. Istnieją również szablony, które nie obsługują ikon wpisu jednak stanowią one mały procent dostępnych motywów.

Dodawanie ikony wpisu w starym edytorze

wordpress-api-e1352197853955

Obrazek wyróżniający (ikona wpisu) dodaje się do WordPress poprzez przyciski „Dodaj medium” lub/i „Ustaw ikonę wpisu”. Opcja ta w niektórych szablonach nie występuje przy stronach podobnie jak tagów. Przykładowo pole to może wyglądać tak:

obrazek wyróżniający w starym klasycznym edytorze WordPress
obrazek wyróżniający w starym klasycznym edytorze WordPress

Dodawanie ikony w Gutenberg

W nowym edytorze Gutenberg będzie to z kolei wyglądać tak:

obrazek wyróżniający w edytorze Gutenberg WordPress
obrazek wyróżniający w edytorze Gutenberg WordPress

Co zrobić jeśli nie posiadam takiej opcji lub dopiero buduję swój szablon?

Jeżeli w szablonie nie ma opcji dodania ikonki możemy dodać ją samodzielnie poprzez dopisanie do do pliku functions.php

add_theme_support( 'post-thumbnails' );

Po zapisaniu zmiany szablon powinien obsługiwać podstawowe wielkości miniaturek.

Kolejnym krokiem jest dodanie do odpowiedniego pliku np. single.php, category.php w pętli wyświetlającej wpisy:

if ( has_post_thumbnail() ) {
    the_post_thumbnail();
}

Do czego służy ikona wpisu

Podstawowym zadaniem ikony wpisu jest wyróżnienie danego wpisu, artykułu. Sama treść na stronie dla czytającej go osoby bywa często za mało atrakcyjna a wręcz zaczyna się ze sobą zlewać. Dlatego oprócz odpowiedniego formatowania do tekstu dodaje się różne ilustracje, na którym oko czytającego może się zatrzymać i trochę „odpocząć”. Najważniejszą taką grafiką jest właśnie ikona wpisu. Jej tematyka powinna jak najlepiej odzwierciedlać tematykę wpisu.

Dodawanie ikony wpisu do strony

Ustaw ikonę wpisu znajduje się w prawej kolumnie poniżej pola Tagów. Ikoną może być dowolny obrazek umieszczony w naszym systemie lub pobrany z komputera.

Po wciśnięciu przycisku otwiera się biblioteka mediów.

biblioteka mediów, dodaj medium
biblioteka mediów, dodaj medium

Po wybraniu odpowiedniego pliku klikamy „Ustaw obrazek wyróżniający”.

Obrazek pokazuje się w różnych miejscach w zależności od szablonu. W moim ustawia się w nagłówku.

https://wordpress.aurainweb.pl/jak-umiescic-thumbnail-jako-tlo-wpisu-wordpress/

dodatkowe tagi:

  • wordpress obrazek wyróżniający
  • dodawanie ikony, grafiki wpisu, posta
  • jak dodać miniaturkę ikonę do wpisu