Prosty przykład CSS blockquote

Formaty postów miały swoją premierę w WordPress w 2011, co pozwala na wstrzyknięcie trochę życia w sekcji bloga. Niestety, wiele tematów już ich nie wspiera. Ale ze szczyptą Gutenberga i odrobiną kodu, nadal możesz ukształtować swoją sekcję bloga w arcydzieło, które powinno być.

Formaty postów były ostatnio opisywane w WordPress ‘ Twenty Seventeen i nie są już obsługiwane w nowszych motywach WP.

Więc pytanie brzmi, czy przy mniejszej liczbie motywów, które je wspierają, powinny być w ogóle używane? Jeśli tak, to jak? A jeśli nie, czy istnieje inny sposób formatowania postów?

To WordPress, moi drodzy przyjaciele, oczywiście są inne sposoby!

(*Wskazówka: jedna wielka droga zaczyna się na “Guten”, a kończy na” berg”;)).

A jeśli naprawdę chcesz odrzucić 2011, nadal możesz dodać formatowanie postów do motywów za pomocą kodu.

Ale zanim przejdziemy do twojej tablicy opcji formatowania postów, zacznijmy od prostego i przyjrzyjmy się, jakie są formaty postów WordPress i jak można je wykorzystać.

Co to jest format Post WordPress?

Jeśli chcesz, aby Twoja strona na blogu była czymś więcej niż niekończącą się ścianą tekstu, Formaty postów mogą pomóc w ulepszeniu rzeczy za pomocą prostego kliknięcia.

Pozwalają one zmienić sposób, w jaki twój motyw wyświetla zawartość – niezależnie od tego, czy pozwalasz dodawać filmy, obrazy, czy po prostu wyświetlać rzeczy takie jak cytaty w bardziej elegancki sposób.

Wszystkie motywy stylują swoje formaty nieco inaczej (wkrótce przyjrzymy się kilku przykładom), a niektóre z nich w ogóle ich nie wspierają, może być trudno uzyskać odpowiedni wygląd sekcji bloga.

Jak Korzystać Z Formatów Postów

Jeśli twój motyw obsługuje formaty postów, zobaczysz tę małą listę rozwijaną po utworzeniu nowego postu:

Example of adding post formats to WordPressMożesz zmienić format swojego posta za pomocą menu po prawej stronie.

Jeśli nie, możesz wybrać nowy motyw, który obsługuje formaty postów.

Aby ułatwić wyszukiwanie obsługiwanych motywów, Filtruj wyszukiwanie w katalogu motywów według ” formatów postów.”

Sprawdź opcje takie jak Codex, Manta lub Diginews, jeśli szukasz solidnego motywu, który obsługuje formaty postów.

Alternatywnie, możesz dodać trochę stylizacji samodzielnie za pomocą kodu (przejdziemy do tego później.)

Example of filtering WordPress themes to show ones ones which support post formats.Użyj opcji filtr funkcji, gdy szukasz nowego motywu.

Ale czekaj … czy Gutenberg nie rozwiązuje wszystkich naszych dylematów formatowania?

Dobre pytanie. Od czasu wydania edytora bloków Gutenberg mamy teraz o wiele więcej opcji, jeśli chodzi o stylizację naszych postów.

Jest to również jeden z głównych powodów, dla których formaty postów nie są obsługiwane przez najnowsze motywy WP. Wiele bloków Gutenberga zasadniczo daje użytkownikom taką samą funkcjonalność jak różne opcje formatu.

Na przykład, spójrz na ten inspirujący cytat, który opublikowałem, używając cytatu Gutenberga na temat Twenty Nineteen:

ight=”200″ / >po prostu pływać, pływać, pływać.

Robi dokładnie to, czego potrzebuje, a wystarczy jedno kliknięcie.

Niestety nie dotyczy to Wszystkich tematów.

Oto, co się dzieje, gdy dodasz tylko blok obrazu do niektórych motywów, z tym przykładem z Colibri:

Example of an image using Gutenberg and ColibriGdyby tylko każdy motyw obsługiwał formaty postów.

Z niektórymi tematami Gutenberg zaprowadzi cię tylko do tej pory.

Możesz go użyć, aby urozmaicić swoje posty, jednak niektóre motywy będą wyświetlać tylko “Czytaj dalej” na głównej stronie bloga, jeśli użyłeś czegoś innego niż zwykły tekst w swoim poście.

Z drugiej strony, Korzystanie z klasycznych formatów postów zapewnia, że strona bloga jest pełna wszystkich zdjęć i filmów na pierwszy rzut oka.

I na tej nucie…

Rzućmy okiem na kilka przykładów formatów postów w akcji

Istnieje dziesięć głównych formatów i jak każdy styl motywu każdy rodzaj formatu na swój sposób, porównałem dwa poniżej: Origami i Arcanum.

Standard

Prawdopodobnie format, od którego próbujesz uciec.

Standardowe posty to cegła i zaprawa większości blogów – ale masz ich setki i nikt nie obwinia cię za to, że chcesz czegoś nieco innego.

Origami:

Example of a standard WordPress post format using the origami theme.Standardowy post z motywem Origami.

Arcanum:

Example of a standard WordPress post format using the arcanum themeStandardowy post wykorzystujący motyw Arcanum.

Na bok

Bok może być używany, gdy masz szybką notatkę, którą chcesz wyświetlić-zazwyczaj coś, co nie gwarantuje własnego pełnego postu.

Większość motywów stylizuje je bez tytułów, więc są bardzo podobne do formatu statusu. Arcanum zrobiło się fantazyjne i włożyło je do pudełka.

Examples showing the aside WordPress post formats in the themes origami and arcanumPo Lewej: Origami, Po Prawej: Arcanum

Audio

Dość oczywiste – możesz użyć formatu audio, jeśli chcesz osadzić klip audio.

Example of an audio post using the theme arcanumPost audio wykorzystujący temat Arcanum.

Jedną rzeczą, którą zauważyłem, jest to, że niektóre motywy nie pozwalają na podpisy na postach audio.

Podpisy są zdecydowanie przydatne, jeśli trzeba przypisać artyście, ale warto również dodać opis (większość ludzi wahałaby się kliknąć “play” na coś, jeśli nie mają pojęcia, co to jest-ja w tym!)

Origami nie obsługuje formatu audio post, jednak jest to dobry moment, aby przyjrzeć się różnicy, jaką faktycznie robią formaty.

Zmieniłem typ formatu postu na klipie audio, który zamieściłem powyżej za pomocą Arcanum na standardowy, i stało się tak:

Rd post format.”width=” 600″height =” 200 ” />Whoops, not ideal!

Po kliknięciu “Czytaj więcej” klip audio jest obecny i poprawny, jednak bez ustawiania formatu postu na audio, nie możesz go zobaczyć na stronie bloga.

Wygląda na to, że Gutenberg ma trochę do nadrobienia.

Czat

Format czatu służy do wyświetlania transkrypcji czatu.

Wysiłki Origami były rozczarowujące.

Arcanum natomiast zmienił czcionkę na coś na maszynie do pisania.

Małe zwycięstwa.

Example of the chat post format in the themes arcanum and origamiPo Lewej: Origami, Po Prawej: Arcanum.

Obraz

Teraz to zaczyna wyglądać na przydatne.

Zawsze możesz dodać obraz za pomocą edytora bloków, jednak nie zawsze będzie on wyświetlany na głównej stronie bloga – zależy to całkowicie od tematu.

Korzystanie z formatu postu obrazu jest niezawodnym sposobem, aby upewnić się, że Twoje zdjęcie jest widoczne na stronie bloga w całej okazałości. Zobacz eksponaty a i B z Arcanum poniżej:

Dowód a-korzystanie z formatu postu obrazu

Example of an image using the image post format in arcanumBułka z masłem.

Dowód B-przy użyciu standardowego formatu post

Example of posting an image as a standard post in arcanumUh ohhh, to nie jest to, czego chcemy

Oczywiście po kliknięciu “Czytaj więcej” pojawi się tam twój obraz.

Jeśli jednak chcesz, aby sama strona bloga była czymś więcej niż ścianą tekstu, naprawdę powinieneś użyć formatu postu obrazu.

Mówiłem, że mogą się przydać.

Galeria

Różnica między formatami galerii i zdjęć w tematach, które przetestowałem, jest bardzo subtelna.

Na przykład, oto jak obrazy i galerie obrazów wyglądają na postach z formatami ustawionymi na “obraz” lub “Galeria” za pomocą motywu Arcanum:

Screenshot comparing images and image galleries using different post formats.Nie duża różnica, co? Ale czekaj, jest więcej… (temat: Arcanum)

Podczas gdy posty mogą nie wykazywać oczywistych różnic podczas przełączania między różnymi formatami postów, takimi jak “obraz” lub “Galeria”, inne sekcje motywu mogą traktować te formaty postów inaczej i stosować różne style lub formatowanie.

Na przykład, jak zwróciłem uwagę w sekcji Format postu obrazu, i proszę pozwolić mi zacytować siebie:

“Korzystanie z formatu postu obrazu jest niezawodnym sposobem, aby upewnić się, że Twoje zdjęcie jest widoczne na stronie bloga w całej okazałości.”

Z motywem takim jak karton, na przykład strona bloga traktuje posty inaczej w zależności od ich formatu postów. I wyświetli pierwszy obraz postu za pomocą formatu postu = Image ( w tym przykładzie jest to galeria zdjęć), ale nie, jeśli format postu jest ustawiony na “Galeria”.

Screenshot of blog page displaying posts with different post formats.Wybierz galerię post format jeśli chcesz zwrócić uwagę czytelnika na kolor tła strony bloga tego tematu.

Chodzi o to … chociaż różnice przy użyciu formatów postów, takich jak obraz lub Galeria, mogą być niewielkie w samym poście, ważne jest, aby pamiętać, że Twój motyw może wpływać na zachowanie postów w innych częściach witryny.

Moving on…

Nie było różnicy między używaniem standardowego formatu postu a linkiem w Origami – oba tworzą standardowe niebieskie hiperłącze.

Arcanum było nieco bardziej kreatywne:

Examples of links in arcanum and origami using the link post formatPo Lewej: Origami, Po Prawej: Arcanum

Cytat

Niektóre tematy muszą wziąć pod uwagę poniższy cytat, ponieważ ich próby wyżywienia dla różnych formatów postów są bardzo połowiczne.

Gutenberg ratuje nam życie.

Jeśli publikujesz za pomocą formatu cytatu w motywie Origami, nie dodaje on żadnego formatowania.

Jeśli publikujesz cytat za pomocą bloku cytatów Gutenberga, nie ma znaczenia, czy używasz formatu standardowego, czy post, nadal dodaje pewne formatowanie.

Example of quote using Gutenberg and quote format in OrigamiNic wymyślnego, ale robi swoje.

Istnieje kilka odmian wykorzystujących Arcanum.

Poniżej znajduje się to, co otrzymasz, jeśli po prostu ustawisz format postu na cytat, ale nie dodasz bloku cytatu.

 

Example of a quote using the quote post format in arcanumTy to powiedziałeś, Yoda.

Wyróżnia się (nieznacznie) od zwykłego postu, jednak nie ma miejsca na dodanie cytatu.

Jeśli użyjesz bloku quote Gutenberg, ale standardowo zostawisz format postu, jest to wynik.

Example of a quote using the standard post format and Gutenberg in arcanumNie znowu…

Stylizację cytatu zobaczysz tylko po kliknięciu “Czytaj więcej”.

Chyba dobrze, jeśli nie masz nic przeciwko, że Twoja główna Strona bloga jest mdła.

Prawdziwa magia dzieje się po połączeniu tych dwóch.

Ustaw format postu na Cytat i dodaj cytat blok Gutenberga i voila!

Example of a quote format using Gutenbern in arcanumUFF, w końcu się udało!

Fantazyjny mały cytat, który pojawia się na głównej stronie bloga.

Status

Miałeś jedną pracę. Post statusowy powinien być wierszem lub dwoma tekstem Bez tytułu. Przynajmniej jeden z nich miał rację.

Example of a status post format in origami and arcanumPo Lewej: Origami, Po Prawej: Arcanum

Wideo

Jeśli chcesz wyświetlić film na swoim poście, oba motywy z łatwością pozwolą ci to zrobić za pomocą wideo lub standardowych formatów. Miło, gdy coś działa.

post-format-origami-vs-arcanum.png” alt=”przykład postu wideo w arcanum i origami” width=”600″ height=”675″ / > Top: Origami, Bottom: Arcanum

Ręcznie Dodaj Wsparcie Dla Formatów Postów WordPress

Podoba Ci się pomysł formatów postów, ale masz serce nastawione na temat, który ich nie obsługuje?

Nie bój się, możesz dodać je ręcznie!

Zacznijmy więc od motywu dwadzieścia dziewiętnaście-nie pochodzi z formatowania postu, więc podczas tworzenia nowego postu nie otrzymasz opcji wyboru formatu.

Image of the blog creation menu on the theme twenty nineteenMenu tworzenia postów nagle wygląda tak gołe…

 

Oczywiście zalecamy używanie motywu potomnego do tego rodzaju rzeczy. Jeśli jednak czujesz się odważny, wystarczy dodać poniższe elementy do funkcji motywu.plik php.

Jeśli jeszcze nie skonfigurowałeś motywu podrzędnego, zapoznaj się z naszym przewodnikiem. Przejdziemy przez dodawanie formatów postów za pomocą motywu podrzędnego nieco później.

function themename_post_formats_setup () {
add_theme_support (‘post-formaty’, array (‘Galeria’,’cytat’,’video’,’off’,’obraz’, ‘link’,’status’, ‘audio’,’ chat’));
}
add_action (‘after_setup_theme’, ‘themename_post_formats_setup’);

Image showing post formats now they have been added with codeHurrah – teraz Można zobaczyć formaty post rozwijane pole.

Nie musisz dodawać wszystkich formatów do tablicy – możesz po prostu dodać te, których faktycznie użyjesz.

Byłoby miło, gdyby to było wszystko, co musisz zrobić, jednak wszystko, co zrobiliśmy, to temat, w którym istnieją inne formaty postów.

Temat nadal nie ma pojęcia, jak je stylizować. Musimy ukrócić jego niedolę.

Używanie CSS do stylizacji własnych formatów postów

Masz ochotę na linki na kolorowym tle? Chcesz, aby twoje cytaty były grubą czcionką?

Strona postów jest teraz Twoją ostrygą – więc zdobądź stylizację.

Zacznijmy od czegoś prostego.

Chcesz usunąć tytuł ze swoich postów statusowych, prawda? Wszystko, co musisz zrobić, to edytować arkusz stylów za pomocą klasy .format-(post-format-type), jak poniżej:

.format-status .entry-title {
Wyświetlacz: Brak;
}

Użyłem do tego motywu dwadzieścia dziewiętnaście, więc musisz sprawdzić, pod którą klasą znajduje się twój tytuł posta na własnym temacie.

To jednak status, musi być odważny. Dlaczego nie zrobić go dużym i zielonym?

.format-status.wejść .entry-content p {
kolor: zielony;
font-size: 72px;
}

Image showing a large green status which was styled using CSSPięknie.

Załóżmy, że prowadzisz bloga z psami robiącymi ludzkie rzeczy. Jest bardzo nowoczesny i współczesny, a myślałeś, że czarno-białe obrazy z odważnymi obramowaniami są dokładnie tym, czego potrzebuje Twoja strona.

Wystarczy kilka linii CSS i możesz zastosować to do wszystkich zdjęć, które publikujesz, o ile wybierzesz format postu obrazu.

.format-Obraz .wp-block-image {
border-style: solid;
border-width: 5px;
filtr: skala szarości(100%);
}

2 / image-post-format-stylizowany.png “alt=” obraz psa noszącego zestaw słuchawkowy, stylizowany za pomocą CSS i format postu obrazu ” width=” 600″height =” 540 ” />to naprawdę takie proste.

Dodaj wszystkie niestandardowe stylizacje do swoich postów za pomocą tej metody, a to pomoże Ci wyróżnić ważne rzeczy, obrazy i filmy są łatwo dostępne, a w zasadzie wstrzyknąć trochę życia do sekcji bloga.

Dodaj Formaty Postów WordPress Za Pomocą Motywu Podrzędnego

Motyw potomny jest zawsze dobrym rozwiązaniem-zwłaszcza jeśli próbujesz czegoś nowego.

Kod, który musisz dodać do pliku funkcji motywu podrzędnego, znajduje się tutaj:

function childtheme_add_post_formats () {
add_theme_support (‘post-formaty’, array (‘Galeria’,’cytat’,’video’,’off’,’obraz’,’link’,’status’, ‘audio’,’ chat’));
}
add_action (‘after_setup_theme’, ‘childtheme_add_post_formats’, 11 );

Następnie możesz złamać, sprawiając, że różne formaty wyglądają ładnie, stylizując je w arkuszu stylów motywu podrzędnego.

Odrzucenie? Czy Nie Ma Powrotu?

Czy formaty postów WordPress powinny pozostać przeszłością?

To naprawdę zależy od osobistych preferencji i sposobu interpretacji tego pytania.

Z wieloma głównymi tematami, które ich nie wspierają, i wprowadzeniem Gutenberga, nie wygląda to dobrze na przyszłość tej funkcji odrzucenia.

Jednak chociaż obsługa motywów dla formatów postów może spadać, możesz pomóc w kontynuowaniu ich dziedzictwa.

Włączając obsługę formatu postu w swoim motywie i samodzielnie je stylizując, nie ograniczasz wyboru motywu. To nie jest trudne i daje znacznie lepszy poziom kontroli nad tym, jak wyglądają.

Jeśli twoim jedynym celem jest upewnienie się, że sam post wygląda świetnie, Gutenberg może zaznaczyć wszystkie pola. Nie ma wątpliwości, że edytor bloków jest przyszłością, a jego różne bloki mogą pomóc w formatowaniu postów zgodnie z Twoimi konkretnymi potrzebami.

Z drugiej strony, jeśli chcesz mieć stronę bloga pełną kolorów i osobowości, możesz dłużej trzymać się formatów postów, ponieważ Gutenberg nie obejmuje jeszcze wszystkich podstaw.

You May Also Like

Jak wyłączyć pasek administracyjny WordPress dla wszystkich użytkowników z wyjątkiem administratorów

W artykule: Co to jest pasek administracyjny WordPress? Samouczek wideo Metoda 1.…

14 najlepszych wtyczek i narzędzi SEO WordPress, których powinieneś używać

W artykule: Rzeczy, które musisz wiedzieć o wtyczkach i narzędziach SEO WordPress…

Wtyczki 9 najlepszych gwiazdek dla WordPress w 2021 roku (w porównaniu)

W artykule: Po co używać wtyczki Star Rating do WordPressa? 1. WPForms…

17 najlepszych wtyczek Gutenberg Blocks dla WordPress (bardzo przydatne)

W artykule: Co to jest edytor bloków WordPress? Dlaczego warto używać edytora…