Formaty Postów WordPress… Czy Jest Życie Po Gutenbergu?

formaty postów miały swoją premierę w WordPress w 2011 roku, dzięki czemu możesz dodać trochę życia do swojej 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 wyświetlane 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, oczywiście są inne sposoby!

(*Hint: jedna wielka droga zaczyna się na „Guten”, a kończy na” berg”;)).

a jeśli naprawdę zależy ci na odrzuceniu 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 postu 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 rozkręceniu wszystkiego za pomocą jednego kliknięcia.

pozwalają 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 znaleźć odpowiedni wygląd sekcji bloga.

jak używać formatów postów

jeśli twój motyw obsługuje formaty postów, zobaczysz tę małą listę rozwijaną, gdy przejdziesz do tworzenia nowego postu:

przykład dodawania formatów postów do WordPress
moż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.)

przykład filtrowania motywów WordPress, aby pokazać te, które obsługują formaty postów.
użyj opcji filtr funkcji, gdy szukasz nowego motywu.

ale czekaj … czy Gutenberg nie rozwiąże 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 zamieściłem, używając cytatu Gutenberga na temat Twenty Nineteen:

przykład cytatu wykorzystującego temat twenty nineteen
po prostu pływaj, pływaj, pływaj.

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:

przykład obrazka używającego Gutenberga i Colibri
gdyby tylko każdy motyw obsługiwał formaty postów.

z niektórymi tematami Gutenberg dotrze tylko do ciebie.

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 notce…

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.

Standardowy

prawdopodobnie format, z którego próbujesz uciec.

Standardowe posty to klocki i zaprawy większości blogów – ale masz ich setki i nikt cię nie obwinia, że chcesz czegoś trochę innego.

Origami:

przykład standardowego formatu postu WordPress z wykorzystaniem motywu origami.
standardowy post z motywem Origami.

Arcanum:

przykład standardowego formatu postu WordPress z wykorzystaniem motywu arcanum
standardowy post z wykorzystaniem motywu Arcanum.

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 posta.

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.

przykłady pokazujące na bok formaty postów WordPress w motywach origami i arcanum
po lewej: Origami, po prawej: Arcanum

Audio

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

przykład postu audio używającego tematu arcanum
postu audio używającego tematu 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ąć „zagraj” na coś, jeśli nie mają pojęcia, co to jest-ja w tym!)

Origami nie obsługuje formatu postu audio, 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 tak się stało:

przykład postu audio używającego standardowego formatu postu.
UPS, nie ideał!

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.

wydaje się, ż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ś do pisania.

małe zwycięstwa.

przykład formatu czatu w tematach arcanum i origami
po lewej: Origami, po prawej: Arcanum.

obrazek

teraz to zaczyna wyglądać trochę użytecznie.

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 to pewny sposób, aby upewnić się, że Twoje zdjęcie jest wyróżnione na stronie bloga w całej okazałości. Zobacz eksponaty a i B z Arcanum poniżej:

eksponat a – korzystanie z formatu obrazu post

przykład obrazu wykorzystującego format obrazu post w arcanum
łatwe do załatwienia.

dowód B – użycie standardowego formatu postu

przykład umieszczenia obrazu jako standardowego postu w arcanum
Uh ohhh, to nie jest to, czego chcemy

oczywiście po kliknięciu „Czytaj więcej” twój obraz tam będzie.

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

Galeria

różnica między Galerią a formatami postów na temat tematów, 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:

zrzut ekranu porównujący obrazy i galerie obrazów przy użyciu różnych formatów postów.
mał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 wspomniałem w sekcji Image post format, 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”.

 zrzut ekranu strony bloga wyświetlający posty z różnymi formatami postów.
Wybierz format postu w Galerii, 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.

przechodząc dalej…

Link

nie było różnicy między używaniem standardowego formatu postu a linkiem w Origami-oba tworzą standardowy niebieski hiperłącze.

Arcanum było nieco bardziej kreatywne:

przykłady linków w arcanum i origami z wykorzystaniem formatu linku post
Left: Origami, po prawej: Arcanum

cytat

niektóre motywy muszą wziąć pod uwagę poniższy cytat, ponieważ ich próby obsługi różnych formatów postów są bardzo połowiczne.

Gutenberg faktycznie ratuje ten dzień.

jeśli piszesz 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.

przykład cytowania za pomocą Gutenberga i formatu cytowania W Origami
nic ciekawego, 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.

przykład cytatu w formacie quote post w arcanum
powiedziałeś to, Yoda.

wyróżnia się (nieco) od zwykłego posta, jednak nie ma miejsca na dodanie cytatu.

jeśli używasz bloku quote Gutenberg, ale standardowo zostawiasz format postu, jest to wynik.

przykład cytatu przy użyciu standardowego formatu post i Gutenberga w arcanum
Nie ponownie…

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!

przykład formatu cytatu z użyciem Gutenberna w arcanum
Uff, udało się!

fantazyjny cytat, który pojawia się na głównej stronie bloga.

Status

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

przykład formatu postu statusu w origami i arcanum
po lewej: Origami, po prawej: Arcanum

wideo

jeśli chcesz wyświetlić wideo 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.

przykład postu wideo w arcanum i origami
Góra: Origami, dół: Arcanum

ręcznie dodaj obsługę formatów postów WordPress

więc podoba Ci się idea formatów postów, ale masz serce nastawione na motyw, który ich nie obsługuje?

nie bój się, możesz je dodać 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.

 obraz menu tworzenia bloga na temat dwadzieścia dziewiętnaście
menu tworzenia postów nagle wygląda tak nagie…

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-formats', array('gallery','quote','video','aside','image', 'link','status','audio','chat') );
}
add_action( 'after_setup_theme', 'themename_post_formats_setup' );

obraz pokazujący formaty postów teraz zostały dodane z kodem
Hurrah-możesz teraz zobaczyć rozwijane pole formaty postów.

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 powiedzenie tematu, że 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 {
display:none;
}

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, trzeba go pogrubić. Dlaczego nie zrobić go dużym i zielonym?

.format-status.entry .entry-content p {
color:green;
font-size:72px;
}

obrazek pokazujący duży zielony status, który został stylizowany za pomocą CSS
.

powiedzmy, ż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-image .wp-block-image {
border-style: solid;
border-width: 5px;
filter: grayscale(100%);
}

obraz psa noszącego zestaw słuchawkowy, stylizowany za pomocą CSS i formatu postu obrazu
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 podrzędny 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-formats', array( 'gallery','quote','video','aside','image','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.

Czy Nie Ma Powrotu?

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

to naprawdę zależy od twoich osobistych preferencji i tego, jak zinterpretujesz to pytanie.

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

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ę na blogu pełną kolorów i osobowości, możesz dłużej trzymać się formatów postów, ponieważ Gutenberg nie obejmuje jeszcze wszystkich baz.

darmowe VideoWhy 100 nie jest doskonały wynik Google PageSpeed (*5 Min Zegarek) dowiedz się, jak korzystać z Google PageSpeed Insights ustawić realistyczne cele, poprawić szybkość witryny, i dlaczego dążenie do idealnego 100 jest zły cel.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.