Jak korzystać z formatów postów w WordPress

Jednym z popularnych elementów projektu w mediach, takich jak czasopisma, jest różnicowanie stylów i kolorów w zależności od artykułu lub strony. Jeśli strona zawiera wiele artykułów, często są one wyświetlane z różnymi czcionkami, układami lub objaśnieniami, aby nadać im inny wygląd. Dzięki temu strona jest bardziej interesująca w całym magazynie. Oczywiście te elementy projektu świetnie sprawdzają się również na ekranie.

Aby urozmaicić wygląd witryny WordPress, Automattic dodał formaty postów. Dzięki temu możesz mieć inny wygląd w zależności od rodzaju posta. Daje również Twojej witrynie kilka dodatkowych funkcji i możliwości. Na przykład możesz opublikować tylko krótką wycenę lub status, co umożliwi Twojej witrynie prowadzenie mikroblogowania przy jednoczesnym zachowaniu standardowego stylu bloga.

Jakie są formaty postów?

Formaty postów to metainformacje, których Twój motyw może użyć do dostosowania wyglądu lub stylu postu. Są funkcją, którą można wbudować lub dodać do motywu. Jeśli Twój motyw je obsługuje, znajdziesz ten interesujący zestaw opcji podczas tworzenia nowego posta. Po prawej stronie ekranu zobaczysz pole o nazwie Format.

Zawiera kilka opcji, takich jak Standard, Obraz i Cytat. Te opcje tworzą kilka innych stylów niż standardowe codzienne posty. Przyjrzyjmy się każdemu z nich i zobaczmy, jak z nich korzystać.

Do wyboru jest dziewięć formatów postów:

• Standardowy – nie określono formatu postu. Typ treści będzie obsługiwany w samej treści.
• Na bok – krótka aktualizacja notatki, która nie ma tytułu.
• Obrazek – pojedynczy obrazek w poście. Możesz użyć pierwszego tagu <img /> w treści jako obrazu. Możesz także użyć adresu URL.
• Wideo – może być pojedynczym wideo lub playlistą wideo. Możesz użyć pierwszego tagu <video /> lub obiektu/umieszczenia w treści albo możesz użyć adresu URL.
• Cytat – cytat sformatowany jako cytat blokowy lub treść z nazwiskiem autora w tytule.
• Link – hiperłącze do innej strony internetowej. Jako linku możesz użyć pierwszego tagu <a href=””> w treści. Możesz także użyć adresu URL.
• Galeria – obraz lub galeria zdjęć. Zwykle używany ze skrótem galerii.
• Status – aktualizacja statusu.
• Audio – pojedynczy plik audio lub pełna lista odtwarzania audio.
• Chat – rozmowa w formacie transkrypcji.

Dlaczego warto korzystać z formatu postu

Używanie formatu posta nie zmienia treści, więc po co ich używać? Możesz już wyświetlać galerię, wideo, obraz i odtwarzacz audio. Dlaczego więc miałbyś używać formatu posta? Odróżniają różne rodzaje treści od siebie. Dzięki temu Twoje posty będą nieco bardziej stylowe niż standardowe codzienne posty.

Na przykład wszystkie dźwięki mogą pojawić się z określonym kolorem tła i ikoną głośnika. Twoi goście od razu będą wiedzieć, że jest to plik audio. Jeśli tego właśnie szukają, łatwiej to znajdą i docenią to.

Zmienia się formatowanie posta, a także czcionka i styl tytułu, lokalizacja komentarzy i informacji o kategoriach, tło danego posta oraz pozycja treści na ekranie. Dzięki temu Twoja witryna nie będzie wyglądać tak samo od jednego posta do drugiego, nadając jej trochę pizazz.

Zapewniają znacznie lepsze dostosowanie wyglądu treści. To sprawia, że ​​krótkie formy wyróżniają się. Sprawia, że ​​mikroblogowanie wygląda świetnie. Bez formatów postów każdy post wyglądałby tak samo, a tylko sama treść byłaby inna.

Dodawanie formatów postów do motywu

Nie każdy motyw obsługuje je po wyjęciu z pudełka, ale można je dodać za pomocą zaledwie kilku linijek kodu. Oto spojrzenie na kod z Kodeksu WordPress.

Najpierw dodaj funkcję add_theme_support() w pliku functions.php . Możesz wybrać formaty postów, które chcesz obsługiwać w motywie, wybierając elementy, które chcesz uwzględnić. Tablica formatów wyglądałaby tak:

[php] add_theme_support( 'post-formaty', array( 'na bok', 'galeria' ) ); [/php]

Możesz użyć zaczepu after_setup_theme i umieścić go przed zaczepem init.

Następną rzeczą do zrobienia jest dodanie obsługi typu post. Robisz to, dodając add_post_type_support() w pliku functions.php . Kod wyglądałby tak:

[php] // dodaj formaty postów do post_type 'page'add_post_type_support( 'strona', 'post-formats' );// dodaj formaty postów do post_type 'my_custom_post_type'add_post_type_support( 'my_custom_post_type', 'post-formats' ) ; [/php]

Inną opcją jest dodanie 'post-formats' w tablicy parametrów 'supports' w funkcji register_post_type(). Kod wygląda tak:

[php] $args = array( … 'wspiera' => array('tytuł', 'redaktor', 'autor', 'post-formaty')); register_post_type('książka', $args); [/php]

Aby użyć formatów, użyj get_post_format(), aby sprawdzić format postu.

Inną opcją jest użycie tagu warunkowego has_post_format(). Kod wygląda tak:

[php] if ( has_post_format( 'wideo' )) { echo 'to jest format wideo';} [/php]

Jeśli chcesz dodać dynamiczne klasy stylizacji, możesz również użyć reguł stylizacji w funkcji post_class() w kodzie otaczającym post.

Na przykład dodanie tego do arkusza stylów spowoduje ukrycie tytułów postów:

[css] .format-status .post-title {wyświetlanie:brak; } [/css]

Wskazówki dotyczące stylizacji

Jeśli formaty są wbudowane w Twój motyw, najprawdopodobniej są one stylizowane specjalnie dla tego motywu, aby pasowały do ​​jego wyglądu i stylu. Możesz tworzyć własne style lub modyfikować istniejące style. Oto kilka rzeczy, o których należy pamiętać:

• Używaj formatów, aby Twój post był łatwo rozpoznawany jako określony typ.
• Formaty stron, linków i statusu – wyświetlaj je bez informacji o tytule lub autorze. Niech będą proste i krótkie.
• Strona powinna zawierać akapit lub dwa. Użyj the_permalink(), aby zezwolić na komentarze.
• Link powinien zawierać zdanie z linkiem. Użyj the_permalink(), aby zezwolić na komentarze.
• Status nie powinien zawierać the_permalink(), aby post nie pozwalał na komentarze.
• Obraz, dźwięk i wideo powinny zawierać pojedynczy obraz, dźwięk lub wideo z podpisem/tekstem lub bez niego. Wyświetlaj zawartość za pomocą wtyczek lub standardowych embedów.
• Wycena – zamieść prostą wycenę od osoby bez dodatkowych informacji. Jeśli chcesz wyświetlić imię i nazwisko cytowanej osoby jako podpis, możesz umieścić jej imię i nazwisko w tytule postu, wystylizować post tak, aby wyświetlał samo_treść(), ale zmienić styl na cytat blokowy, a następnie użyć the_title().
• Czat – użyj stylizacji, aby wyświetlić treść czcionką o stałej szerokości na szarym tle.

W przypadku motywów potomnych wywołaj add_theme_support() później niż motyw nadrzędny. Kod wyglądałby tak:

[php] add_action( 'after_setup_theme', 'childtheme_formats', 11 );function childtheme_formats(){ add_theme_support( 'post-formats', array( 'aside', 'gallery', 'link' ) );} [/php]

Nie zapomnij dodać get_post_format() do wyszukiwania, archiwów i widoków pojedynczych postów.

Aby uzyskać więcej informacji i uzyskać kod źródłowy, zobacz artykuł WordPress Codex zatytułowany Formaty postów.

CSS

Możesz edytować style w arkuszu stylów. Tutaj możesz dostosować kolory, czcionki itp.

Jak korzystać z formatów postów

Aby z nich skorzystać, nie ma znaczenia, czy najpierw utworzysz treść, czy najpierw wybierzesz format postu. Po prostu utwórz treść jak zwykle i wybierz format postu z listy. Zobaczysz, jak zmieni się formatowanie edytora wizualnego, aby dopasować go do wybranego formatu posta.

Większość działa tak samo, więc pokażę tylko kilka przykładów. Używam Twenty Thirteen, który ma wbudowane formaty i style.

Format audio

W tym przykładzie wybrałem Audio i przesłałem plik MP3.

Po wybraniu formatu posta w edytorze wizualnym sam edytor zmieni się, aby pokazać format.

Dźwięk bez formatu postu

Ten ma odtwarzacz audio, ale wszystko inne wygląda tak, jak każdy inny post, który używa standardowego formatu postu. Nic go nie rozróżnia.

Audio w formacie postu

Format postu audio ustawia post w innym kolorze i dodaje ikonę głośnika. Używa również innego układu dla daty, kategorii, tytułu i treści. Moi czytelnicy z łatwością rozpoznają każdy post audio, który stworzę, ponieważ będą szukać tego stylu.

Format postu o statusie

W tym przykładzie napisałem szybką aktualizację statusu.

Post o statusie bez formatu

Oto post w formacie standardowym. Jak widać, tytuł jest najbardziej widoczną częścią posta. Ponieważ treść jest krótka, po prostu gubi się na stronie. Gdyby nie ogromny tytuł, ten post mógłby być prawie niewidoczny na stronie głównej.

Post o statusie w formacie

Oto post z zastosowanym formatem Status. Pierwszą rzeczą do zauważenia jest to, że nieprzyjemny tytuł, który napisałem, został usunięty, tekst w poście jest większy, a kolor tła jest inny. Czcionka została umieszczona kursywą, aby wyróżnić się jeszcze bardziej, data ma teraz słowo Status, a przed pierwszym słowem w poście znajduje się mała kreska. Jest też mała pionowa przerywana linia, która przechodzi przez kreskę od góry do dołu posta.

Przeglądanie wszystkich postów w edytorze

Po wybraniu opcji Wszystkie posty z pulpitu nawigacyjnego na liście pojawi się ikona typów postów. Możesz wybrać ikonę, aby zobaczyć wszystkie posty tego typu postów. Pomaga to w edycji, ponieważ możesz filtrować i wyświetlać tylko te formaty postów, których szukasz.

Porównania

Oto, jak wyglądają posty na stronie głównej z formatami postów i bez nich.

Strona główna bez typów postów

Każdy post ma ten sam format. Te same czcionki, to samo tło, ten sam tytuł, to samo wszystko oprócz treści. Nic tak naprawdę nie wyróżnia się poza obrazami. Problem w tym, że nie wszystko ma obraz, a krótsze treści mogą zgubić się w miksie.

Strona główna z typami postów

Korzystanie z formatów postów sprawia, że ​​niektóre z krótszych postów są nieco bardziej widoczne. Nadal mogą być przytłoczone obrazami w innych postach, ale jeśli moi czytelnicy wiedzą, że używam czarnego tła do cytatów i brązowego tła do aktualizacji statusu, rozpoznają je tylko po kolorze.

Zmiana motywów

Do tego momentu wszystkie próbki pochodzą z motywu Twenty Thirteen. Gdy zmienisz motywy, posty zachowują fakt, że zostały ustawione w określonym formacie, ale style formatu będą się różnić w zależności od motywu. Może być konieczne dodanie niektórych formatów i może być konieczne zmodyfikowanie stylów zgodnie z własnymi upodobaniami.

Porady

Pamiętaj, aby wykonać kopię zapasową przed dodaniem kodu do motywu. Jeśli masz dostęp do oddzielnego środowiska programistycznego WordPress, polecam najpierw przetestować swój kod na tym.

Jeśli zmienisz motywy, pamiętaj o dodaniu formatów i stylów postów, jeśli nie są one dołączone do motywu. Nie ma żadnej spójności między motywami, więc nie wiadomo, jak będą wyglądać Twoje posty, jeśli nie wprowadzisz zmian.

Niezależnie od tego, czy tworzysz własne, czy modyfikujesz gotowe style, używaj stylów, które różnią się od siebie. W ten sposób Twoi czytelnicy będą wiedzieć na pierwszy rzut oka, jakie treści zawiera post. Możesz uczynić je tak podobnymi lub tak różnymi, jak chcesz.

Nie musisz używać wszystkich formatów. Po prostu użyj tych, które są najbardziej sensowne dla Twojej witryny i odbiorców.

Końcowe przemyślenia

Formaty postów są łatwe w użyciu i dodają trochę pizazz do Twojej witryny. Dzięki temu każdy post nie będzie wyglądał jak każdy post. Oprócz różnorodności wizualnej pomagają również czytelnikom zidentyfikować różne rodzaje treści w witrynie, dostarczając wskazówek wizualnych, dzięki czemu mogą łatwo znaleźć to, czego szukają. Im więcej rodzajów treści tworzysz, tym bardziej mogą one być użyteczne.

Twoja kolej! Czy używasz formatów postów? Czy dodałeś je do swojego motywu? Czy stworzyłeś własne style? Masz coś do dodania? Chciałbym usłyszeć twoje przemyślenia w komentarzach poniżej.