Jak wiadomo, jedną z nowości, jaką wprowadził WordPress 3.1 są formaty wpisów. Nie jest ona dostępna bezpośrednio po aktualizacji systemu, dlatego w tym wpisie pokażę Wam, jak uruchomić tą funkcję na swoim blogu.

Wszystko sprowadza się do edycji paru plików szablonu bloga, jaki aktualnie wykorzystujemy.

Edycja pliku functions.php

WordPress 3.1 wprowadził 10 formatów wpisów i są to:

  • standard – zwykły wpis
  • aside – notatka na marginesie
  • chat – czat
  • gallery – galeria
  • link – odnośnik
  • image – obrazek
  • quote – cytat
  • status – stan
  • video – film
  • audio – plik dźwiękowy

Pierwszą rzeczą jaką musimy zrobić, aby nasz szablon obsługiwał te wszystkie formaty wpisów jest wpisanie w pliku functions.php naszego szablonu takiego kodu:

add_theme_support('post-formats', array( 'aside', 'chat', 'gallery', 'link', 'image', 'quote', 'status', 'video', 'audio' ));

Po tej operacji, kiedy przejdziemy do panelu administracyjnego WordPressa i klikniemy “Dodaj wpis”, po prawej stronie okna edycji wpisu powinien pojawić się widget z listą formatów wpisów do wyboru.

Panel admina WP - formaty wpisów
Panel admina WP - formaty wpisów

Jeśli go tam nie ma, należy kliknąć w zakładkę “Opcje ekranu” w prawym górnym rogu okna przeglądarki i zaznaczyć opcję “Format”.

Panel admina WordPressa - opcje ekranu
Panel admina WordPressa - opcje ekranu

Edycja pliku index.php

Następnym krokiem jest wpisanie w pliku index.php naszego szablonu, takiej linijki kodu:

<div < ?php post_class(); ? >>

Najlepiej jest wpisać ten kod zaraz przed znacznikami oznaczającymi tytuł wpisu. U mnie jest to nagłówek h2 i wygląda to tak:

Funkcja post_class w pętli w pliku index.php
Funkcja post_class w pętli w pliku index.php

Jak widzicie, trzeba zlikwidować przerwy między znakami zapytania i ostrymi nawiasami.

Edycja pliku style.css

Najtrudniejsza część za nami ;) Ostatnią rzeczą jaką musimy zrobić, aby odróżnić wizualnie wszystkie formaty plików jest edycja pliku style.css naszego szablonu poprzez wpisanie w nim wszystkich klas odwołujących się do formatów plików.

Nazwy klas są następujące:

  • .format-standard { }
  • .format-aside { }
  • .format-chat { }
  • .format-gallery { }
  • .format-link { }
  • .format-image { }
  • .format-quote { }
  • .format-status { }
  • .format-video { }
  • .format-audio { }

To, co wpiszecie między nawiasami klamrowymi będzie miało wpływ na wygląd poszczególnych wpisów przypisanych do danego formatu.

Podsumowanie

Mam nadzieję, że opisałem wszystko w miarę czytelnie. Cały proces, który tu przedstawiłem, sprawdziłem na swoim blogu testowym i tam działa. Jeśli już zastosujecie formaty wpisów na swoich blogach to pochwalcie się w komentarzach ich wyglądem :)

14 thoughts on “Jak zastosować formaty wpisów w WordPressie?

  1. ja ciągle nie rozumiem sensu takiego ustawiania formatów, bo jak dla mnie to się wszystko ogranicza do przypisania odpowiedniej kategorii

  2. a można gdzieś zobaczyć, jak to ma wyglądać w praktyce? Nie ogarniam trochę tych formatów. Zmieni się wygląd, czy jak?

      1. Na Elegant Themes jest szablon który moim zdaniem jeszcze lepiej pokazuje w jakim celu mogą być wykorzystane formaty wpisów: http://www.elegantthemes.com/preview/DailyNotes/
        Co prawda temat ten powstał przed wprowadzeniem formatów (wykorzystuje Custom Post) lecz wykorzystuje całą “ideę” formatu wpisów.
        Jest tylko kwestią czasu kiedy będziemy mieli wysyp tematów wykorzystujących tą funkcje.

  3. Dodam jeszcze, że na tej samej zasadzie można zróżnicować wygląd wpisów z danych kategorii. Wystarczy w pliku style.css szablonu wypisać odpowiednie nazwy klas według szablonu:

    .category-nazwa-kategorii { }

    Na przykład, dla wpisów z kategorii “sport” nazwa klasy będzie taka:

    .category-sport { }

  4. czyli po aktualizacji z 3.0 do 3.1 te formaty nie działają nawet na motywie twenty ten? mi wyświetlają się tylko 3, zamiast tych wszystkich które wyżej podajecie. Po instalacji wordpressa 3.1 na świeżo będą dostępne wszystkie formaty?

    Pozdrawiam.

    1. Sprawdziłem właśnie plik functions.php szablonu Twenty Ten i domyślnie szablon obsługuje tylko trzy formaty wpisów, z czego dwa (gallery i aside) są wpisane jako wartości funkcji add_theme_support. Wynika z tego wniosek, że resztę trzeba sobie dopisać ręcznie.

  5. Witam

    A może jakiś przykład tego co można wpisać w css?

    Pozdrawiam

  6. Dzień dobry, może to głupie pytanie, ale w którym miejscu functions.php ten fragment kodu trzeba wpisać? A może to jest tylko fragment dłuższego kodu który trzeba dodać? Nie znam się na php, a chętnie bym skorzystała z formatów. Pozdrawiam, Justyna

    1. Najlepiej każdą kolejną funkcję dodawać do pliku functions.php jako ostatnią. Trzeba tylko pamiętać, aby w ostatniej linijce pliku znajdował się zawsze znacznik zamknięcia kodu php, czyli znaki ?>

Komentarze zostały wyłączone.