Obrazek wyróżniający w wordpress

Obrazek wyróżniający w wordpress

Obrazki w wordpress oznaczają media obrazkowe załadowane do wordpressa oraz tak zwany obrazek wyróżniający (kiedyś nazywany ikoną wpisu).

Po załadowaniu obrazków do biblioteki mediów wordpress od razu tworzy kilka wersji tego samego obrazka o różnych wielkościach. Rozmiary te można ustalić w zakładce Ustawienia – Media.

obrazki w wordpressie ustawienia media

Obrazek wyróżniający

Zwyczajowo utarło się, że każdy wpisy zaczynamy od obrazka, który niejako ilustruje dany wpis. Nie ma on jakiegoś szczególnego znaczenia i niewiele wnosi. W gruncie rzeczy czasem trudno znaleźć pasujący obrazek. Ale obrazek ładnie wygląda, dodaje nieco koloru i zachęca do przeczytania wpisu.

Aby motyw wordpress używał obrazków wyróżniających dodajemy do funciotns.php następujący kod:

add_theme_support( ‘post-thumbnails’ );
set_post_thumbnail_size( 150, 150 );

Funckcja ta ma 3 parametry:  <?php set_post_thumbnail_size( $width, $height, $crop ); ?> 

  • szerokość
  • wysokość
  • kadrowanie – false nie kadruje, true kadruje. Jeśli ustawimy “true” wordpress skadruje obrazek do podanych rozmiarów albo wg. szerokości albo wysokości. Można również ustawić sposób kadrowania od góry lub dołu, prawej lub lewej “array( ‘top’, ‘left’)” lub od środka  “array( ‘center’, ‘center’)”.

Warto pamiętać, że zmiana rozmiaru obrazków nie spowoduje, że obrazki w bibliotece mediów się dostosują. Trzeba albo wgrać obrazki od nowa, albo skorzystać z wtyczki Regenerate Thumbnails.

Do niedawna przyjęte były obrazki wyróżniające o wielkości 150×150 pikseli. Obecnie twórcy motywów wordpress dodają obrazki o różnej wielkości na przykład dla róznych typów lub formatów wpisów. Ostatnio modne jest ustawianie dużego obrazka wyróżniającego na całą szerokość wpisu.

Dodajemy do functions.php funkcję, która rejsteruje nowe wielkości obrazków:

    add_image_size( 'home-thumbnail', 210, 0 ); 
    add_image_size( 'small-thumbnail', 150, 150 );
add_image_size( string $name, int $width, int $height, bool|array $crop = false )

Parametry:

  • nazwa identyfikator
  • szerokość
  • wysokość
  • kadrowania j.w.

Aby wyświetlić określony rodzaj obrazka w motywie, korzystamy z jego identyfikatora:

<?php                              
                            if ( has_post_thumbnail()  ) {                                
                                the_post_thumbnail( 'home-thumbnail' ); 
                            }                              
?>

 

 

responsive_wp_728x90


Profesjonalny Hosting


One Comment
  1. Jak najlepiej opisać metadane obrazka pod SEO? Jakie rubryki w WP można pominąć?

Leave a reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *