Udoskonalamy motyw, dodajemy obsługę ikon wpisu

Blank

Wydany nie tak dawno WordPress 2.9 zaskoczył nas kilkoma nowymi funkcjami. Ciekawszą z nich z pewnością jest natywna obsługa miniatur dla wpisów i stron. Dzięki niej nie musimy używać specjalnie zmodyfikowanego motywu, aby korzystać z podobnej funkcjonalności. Dzisiaj pokażę wam, w jaki sposób wprowadzić obsługę miniatur do motywu, który nie posiada takiej opcji. Chcemy, aby nasz motyw był jak najbardziej zintegrowany z samym WordPressem. Chcemy podążać za zmianami.

Instalacja obsługi miniatur

Przyjmijmy, że korzystamy z bardzo ubogiego motywu, który jest tylko zlepkiem najważniejszych do działania plików. Będziemy go traktować jak szablon bazowy, na którym będziemy działać.

W tym miejscu najważniejsze jest poinformowanie WordPressa, że chcemy korzystać z nowych miniatur. Dzięki temu w panelu administratora pojawią się odpowiednie opcje, które domyślnie nie są wyświetlane w motywach nieobsługujących miniatur.

Dodajmy więc do pliku functions.php naszego motywu poniższy kod:

add_theme_support('post-thumbnails');

W przypadku, gdy używany motyw nie posiada takiego pliku, po prostu stwórz go. Pamiętaj jednak o znacznikach kodu PHP. Jeżeli po poprawnym dodaniu kodu odpowiednie opcje nie pojawią się w panelu, sprawdź, czy nie zostały ukryte w pasku „Opcje Ekranu”, zaoszczędzi to niepotrzebnych nerwów ;-).

Poniższy obrazek przedstawia wygląd nowego modułu w panelu administratora.

WordPress 2.9 - Ikona wpisu

WordPress 2.9 - Ikona wpisu

Następnie należy sprawić, aby nasz motyw zaczął korzystać z opcji, które przed chwilą uruchomiliśmy na naszym blogu. W zasadzie jest to tak samo proste, jak poprzednia czynność. W pliku index.php, single.php, category.php, page.php i gdzie tylko jeszcze chcemy wprowadźmy wywołanie funkcji wyświetlającej miniaturę. Najlepszym miejscem na to jest początek wpisu. Oczywiście można wykorzystać tę funkcję do wyświetlania np. samych ikon najczęściej czytanych wpisów w ostatnim tygodniu, ale tym razem zajmiemy się najzwyklejszym wstawieniem obrazka do treści postu, czy też strony.

Tak więc we wspomnianych plikach przed wywołaniem funkcji the_content(); dodajmy jeszcze jeden wpis:

the_post_thumbnail('single_post');

Jest to surowe rozwiązanie, które po prostu działa. Oczywiście możliwe jest nadanie odpowiednich maksymalnych rozmiarów dla obrazka oraz włączenie opływania tekstu wokół niego. Zamieńmy więc poprzednio dodany kod na:

the_post_thumbnail(array(200, 200), array('class' => 'alignleft'));

W ten sposób miniatura zostanie przycięta do rozmiarów 200 na 200 pikseli oraz będzie przylegać do lewej krawędzi bloku obejmującego. Efekt widoczny jest nawet w tym wpisie, gdyż na stronie głównej WPMedia został użyty podobny kod. W ten sposób można również nadawać inne rozmiary miniatur w różnych częściach bloga.

Myślę, że wprowadzenie obsługi miniatur nie było aż takie trudne. Zapraszam do eksperymentowania z ikonami wpisów, gdyż można dzięki nim utworzyć naprawdę ciekawe i innowacyjne rozwiązania.

  • Blip
  • Twitter
  • Flaker
  • Śledzik
  • Grono
  • OSnews.pl
  • Facebook
  • Wykop
  • Google Bookmarks
  • del.icio.us

About pavobe

Miłośnik wszelkich poczynań grupy Automattic. Jednocześnie główny autor bloga WPMedia.pl.
This entry was posted in Porady and tagged , , , , , , , . Bookmark the permalink. Follow any comments here with the RSS feed for this post.

6 Responses to Udoskonalamy motyw, dodajemy obsługę ikon wpisu

  1. Custom says:

    O, wreszcie mi się to przyda ;))
    Ostatni wpis: ShareTheMusic beta

  2. r_top says:

    Hmm a u mnie nie działa. Nie wiem od dłuższego czasu próbuję wstawiać kod w różne miejsca w standardowym pliku functions.php – template kubrick i nic nie pokazuje się w administracji;( WordPress 2.91 + pl.

    • pavobe says:

      Czy aby na pewno moduł nie ukrywa się z ustawieniach widoku?

      Wybacz, że przeoczyłem wcześniej Twój komentarz.

  3. Oninom says:

    Dzięki za ten wpis, bardzo mi pomógł.

    • pavobe says:

      Miło mi, że mogłem pomóc ;-). Trzeba jednak w tym miejscu podkreślić, że artykuł opisuje praktycznie same podstawy. To, co bloger stworzy za pomocą tego sposobu pozostaje w jego gestii ;-).

  4. tomek says:

    Można ustawić rozmiar ikon niezależny od ustawień w wordpress, w function
    if ( function_exists( ‘add_theme_support’ ) ){
    add_theme_support( ‘post-thumbnails’ );{
    set_post_thumbnail_size( 538, 150, true );
    add_image_size(‘single_post’, 538, 150, true);
    }}
    natomiast tam gdzie się ma wyświetlać
    if ( (function_exists( ‘add_theme_support’ )) && ( has_post_thumbnail() )){
    the_post_thumbnail(‘single_post’); }
    oczywiście można tworzyc miniatury o innych wymiarach, kwestia tylko zmiany nazwy.

Dodaj komentarz

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

*

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled