Formáty Příspěvků WordPress … Existuje Život Po Gutenbergovi?

formáty příspěvků měly premiéru ve WordPressu již v roce 2011, což vám umožní vložit nějaký život do sekce blogu. Bohužel, mnoho témat je již nepodporuje. Ale se špetkou Gutenbergu a posypem kódu, stále můžete formovat svou sekci blogu do mistrovského díla, které by mělo být.

formáty příspěvků byly naposledy uvedeny v WordPress ‚ Twenty Seventeen a již nejsou podporovány v novějších tématech WP.

Otázkou tedy je, pokud je podporuje méně témat, měly by se vůbec používat? Pokud ano, jak? A pokud ne, existuje jiný způsob formátování vašich příspěvků?

je to WordPress, moji milí přátelé, samozřejmě existují i jiné způsoby!

(*Tip: jedna velká cesta začíná „Guten“ a končí „berg“ ;)).

a pokud jste opravdu zájem o 2011 návrat, můžete stále přidat post formátování témat s kódem.

ale než se dostaneme k Vaší řadě možností formátování příspěvků, začněme jednoduše a podívejme se, jaké formáty příspěvků WordPress jsou a jak je lze použít.

co je formát příspěvku WordPress?

pokud chcete, aby vaše blogová stránka byla více než nekonečnou zdí textu, formáty příspěvků mohou pomoci jazzovat věci jednoduchým kliknutím.

umožňují vám změnit způsob, jakým téma zobrazuje obsah-ať už vám to umožní přidávat videa, obrázky nebo jednoduše zobrazovat věci, jako jsou citace, jednodušším způsobem.

všechna témata upravují své formáty trochu jinak (krátce se podíváme na několik příkladů) a s některými, které je vůbec nepodporují, může být těžké pokusit se získat správný vzhled vaší sekce blogu.

jak používat formáty příspěvků

pokud vaše téma podporuje formáty příspěvků, uvidíte tuto malou rozevírací nabídku, když jdete vytvořit nový příspěvek:

příklad přidání formátů příspěvků do WordPress
formát příspěvku můžete změnit pomocí nabídky na pravé straně.

pokud ne, můžete vybrat nové téma, které podporuje formáty příspěvků.

Chcete-li usnadnit hledání podporovaných motivů, filtrujte vyhledávání v adresáři motivů pomocí “ formáty příspěvků.“

podívejte se na možnosti, jako je Codex, Manta nebo Diginews, pokud hledáte solidní téma, které podporuje formáty příspěvků.

Případně můžete přidat nějaký styl sami pomocí kódu (k tomu se dostaneme později.)

příklad filtrování témat WordPress pro zobrazení těch, které podporují formáty příspěvků.
při hledání nového motivu použijte volbu Filtr funkcí.

ale počkejte … nevyřeší Gutenberg všechna naše formátovací dilemata?

dobrá otázka. Od vydání editoru bloků Gutenberg máme nyní mnohem více možností, pokud jde o styling našich příspěvků.

je to také jeden z hlavních důvodů, proč formáty příspěvků nejsou podporovány nejnovějšími tématy WP. Mnoho gutenbergových bloků v podstatě poskytuje uživatelům stejnou funkčnost jako různé možnosti formátu.

například se podívejte na tento inspirativní citát, který jsem zveřejnil pomocí bloku citátu Gutenberg na téma dvacet devatenáct:

příklad citace pomocí tématu dvacet devatenáct
jen pokračujte v plavání, plavání, plavání.

dělá přesně to, co potřebuje, a stačí jedno jednoduché kliknutí.

bohužel to neplatí pro všechna témata.

zde je to, co se stane, když do některých témat přidáte pouze blok obrázků, s tímto příkladem z Colibri:

příklad obrázku pomocí Gutenberg a Colibri
pokud by pouze každé téma podporovalo formáty příspěvků.

s některými tématy vás Gutenberg dostane jen tak daleko.

můžete jej použít k okořenění vašich příspěvků, některá témata se však na hlavní stránce blogu zobrazí pouze v případě, že jste ve svém příspěvku použili něco jiného než prostý text.

použití klasických formátů příspěvků na druhé straně zajišťuje, že vaše blogová stránka je na první pohled plná všech vašich obrázků a videí.

a na tuto poznámku …

pojďme se podívat na některé příklady formátů příspěvků v akci

existuje deset hlavních formátů a jako každé téma styly každý typ formátu svým vlastním způsobem, porovnal jsem dva níže: Origami a Arcanum.

Standard

pravděpodobně formát, ze kterého se snažíte uniknout.

standardní příspěvky jsou cihly a malty většiny blogů-ale máte jich stovky a nikdo vám nevyčítá, že chcete něco trochu jiného.

Origami:

příklad standardního formátu příspěvku WordPress pomocí motivu origami.
standardní příspěvek pomocí motivu Origami.

Arcanum:

příklad standardního formátu příspěvku WordPress pomocí tématu arcanum
standardní příspěvek pomocí tématu Arcanum.

stranou

stranou lze použít, pokud máte rychlou poznámku, kterou chcete zobrazit-obvykle něco, co by nezaručovalo jeho vlastní plný příspěvek.

většina motivů je stylizuje bez titulů, takže je docela podobná formátu stavu. Arcanum šel Všechny fantazie a dát jejich v krabici.

 příklady ukazující stranou WordPress post formáty v tématech origami a arcanum
vlevo: Origami, vpravo: Arcanum

Audio

docela samovysvětlující-můžete použít zvukový formát, pokud chcete vložit zvukový klip –

 příklad zvukového příspěvku používajícího téma arcanum
zvukový příspěvek používající téma Arcanum.

jedna věc, kterou jsem si všiml, je, že některá témata neumožňují titulky na zvukových příspěvcích.

titulky jsou určitě užitečné, pokud potřebujete připsat umělce, ale je také užitečné přidat popis (většina lidí by váhala kliknout na něco „přehrát“, pokud netuší, co to je-včetně mě!)

Origami nepodporuje formát audio post, je však vhodný čas podívat se na rozdíl, který formáty skutečně dělají.

změnil jsem typ formátu příspěvku na zvukovém klipu, který jsem zveřejnil výše, pomocí Arcanum na Standard, a to se stalo:

příklad zvukového příspěvku pomocí standardního formátu příspěvku.
Jejda, není ideální!

když kliknete na „přečíst více“, zvukový klip je přítomen a správný, ale bez nastavení formátu příspěvku na zvuk jej na stránce blogu skutečně nevidíte.

zdá se, že Gutenberg má co dohánět.

Chat

formát chatu se používá pro zobrazení přepisů chatu.

úsilí Origami bylo zklamáním.

Arcanum naproti tomu změnil písmo na něco psacího stroje-y.

malé vítězství.

 příklad formátu chatu v tématech arcanum a origami
vlevo: Origami, vpravo: Arcanum.

obrázek

nyní to začíná vypadat docela užitečné.

obrázek můžete vždy přidat pomocí editoru bloků, ale ne vždy se zobrazí na hlavní stránce blogu-záleží zcela na tématu.

použití formátu image post je jistý způsob, jak zajistit, aby vaše fotografie je uveden na stránce blogu v celé své kráse. Viz exponáty a A B z Arcanum níže:

exponát a-použití formátu image post

 příklad obrázku pomocí formátu image post v arcanum
Easy-peasy.

exponát B-použití standardního formátu příspěvku

 příklad zveřejnění obrázku jako standardního příspěvku v arcanum
Uh ohhh, to není to, co chceme

samozřejmě, když kliknete na „přečíst více“, váš obrázek tam bude.

pokud však chcete, aby vaše blogová stránka byla více než zeď textu, měli byste skutečně použít formát post image.

Říkal jsem vám, že by se mohli skutečně hodit.

Galerie

rozdíl mezi formáty galerie a obrazových příspěvků na témata, která jsem testoval, jsou velmi jemné.

takto například vypadají obrázky a galerie obrázků na příspěvcích s formáty nastavenými na „obrázek“ nebo „galerie“ pomocí tématu Arcanum:

Screenshot porovnávání obrázků a galerií obrázků pomocí různých formátů příspěvků.
není velký rozdíl, co? Ale počkejte, je toho víc …(téma: Arcanum)

zatímco příspěvky nemusí vykazovat zjevné rozdíly při přepínání mezi různými formáty příspěvků, jako je „obrázek“ nebo „galerie“, jiné části tématu mohou s těmito formáty příspěvků zacházet odlišně a použít různé styly nebo formátování.

například, jak jsem poukázal v sekci Formát post image, a dovolte mi, abych citoval sám sebe:

„použití formátu image post je jistý způsob, jak zajistit, aby vaše fotografie je uveden na stránce blogu v celé své kráse.“

například s tématem, jako je karton, stránka blogu zachází s příspěvky odlišně v závislosti na jejich formátu příspěvku. A zobrazí první obrázek příspěvku pomocí post format = Image (v tomto příkladu je to Galerie obrázků), ale ne pokud je formát příspěvku nastaven na „Galerie“.

 Screenshot stránky blogu zobrazující příspěvky s různými formáty příspěvků.
vyberte formát příspěvku Galerie, pokud chcete upozornit čtenáře na barvu pozadí stránky blogu tohoto tématu.

jde o to … ačkoli rozdíly pomocí formátů příspěvků, jako je obrázek nebo Galerie, mohou být v samotném příspěvku nepatrné, je důležité mít na paměti, že Vaše téma může ovlivnit chování vašich příspěvků v jiných částech vašeho webu.

pohybující se na …

odkaz

nebyl rozdíl mezi použitím standardního formátu post nebo odkazu v Origami – oba produkují váš standardní modrý hypertextový odkaz –

Arcanum bylo trochu kreativnější:

příklady odkazů v arcanum a origami pomocí formátu odkazu
vlevo: Origami, vpravo: Arcanum

citace

některá témata musí dbát na níže uvedený citát, protože jejich pokusy o stravování pro různé formáty příspěvků jsou velmi polovičaté.

Gutenberg skutečně zachrání den na tomto.

pokud zveřejníte příspěvek pomocí formátu příspěvku v motivu Origami, nepřidá žádné formátování.

pokud zveřejníte nabídku pomocí bloku nabídek Gutenberg, nezáleží na tom, zda používáte standardní nebo post formát, stále přidává nějaké formátování.

 příklad citace pomocí formátu Gutenberg a citace v Origami
nic fantastického, ale dělá práci.

existuje několik variant pomocí Arcanum.

níže je to, co dostanete, pokud jste právě nastavit formát post citovat, ale nepřidávejte blok citace.

 příklad citace pomocí formátu quote post v arcanum
Řekl jsi to, Yodo.

dělá to vyniknout (mírně) z běžného příspěvku, nicméně není prostor pro přidání citace.

pokud použijete blok quote Gutenberg, ale ponecháte formát post jako standard, je to výsledek.

 příklad citace pomocí standardního formátu post a Gutenberg v arcanum
už ne…

styl nabídky se zobrazí pouze po kliknutí na tlačítko „Přečíst více“.

dobře, myslím, že pokud vám nevadí, že vaše hlavní stránka blogu je nevýrazná.

skutečná magie se stane, když je zkombinujete.

nastavte formát příspěvku na nabídku a přidejte citát Gutenberg block a voila!

 příklad formátu citace pomocí Gutenbern v arcanum
Phew, dostal se tam na konci!

efektní malý citát, který se objeví na hlavní stránce blogu.

stav

doslova jste měli jednu práci. Stavový příspěvek má být řádek nebo dva textu bez názvu. Alespoň jeden z nich to pochopil správně.

 příklad formátu stavového příspěvku v origami a arcanum
vlevo: Origami, vpravo: Arcanum

Video

pokud chcete zobrazit video na svém příspěvku, obě témata vám to snadno umožní pomocí videa nebo standardních formátů. Je hezké, když věci fungují.

 příklad video post v arcanum a origami
Top: Origami, Bottom: Arcanum

ručně přidat podporu pro WordPress post formáty

takže se vám líbí myšlenka post formátů, ale máte srdce nastaveno na téma, které je nepodporuje?

nebojte se; můžete je přidat ručně!

začněme tedy tématem dvacet devatenáct-nepřichází s formátováním příspěvku – takže při vytváření nového příspěvku nebudete mít možnost vybrat formát.

obrázek menu vytvoření blogu na téma dvacet devatenáct
nabídka vytvoření příspěvku najednou vypadá tak holá…

my bychom, samozřejmě, doporučujeme použít dětské téma pro tento druh věcí. Pokud se však cítíte stateční, stačí přidat níže uvedené funkce do funkcí motivu.php soubor.

pokud ještě nemáte nastavené dětské téma, podívejte se na našeho průvodce. O něco později projdeme přidáním formátů příspěvků pomocí podřízeného motivu.

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' );

obrázek zobrazující formáty příspěvků nyní byly přidány s kódem
Hurá-nyní můžete vidět rozevírací pole formáty příspěvků.

nemusíte přidávat všechny formáty do pole – neváhejte přidat pouze ty, které budete skutečně používat.

bylo by hezké, kdyby to bylo vše, co musíte udělat, ale vše, co jsme udělali, je řečeno, že existují jiné formáty příspěvků.

téma stále nemá ponětí, jak je stylovat. Musíme ho zbavit jeho utrpení.

použití CSS ke stylu vlastních formátů příspěvků

Fancy vaše odkazy na barevném pozadí? Chcete, aby vaše citace v obrovské, tučné písmo?

stránka příspěvků je nyní vaše ústřice – tak si styling.

začněme něčím jednoduchým.

chcete odstranit titul ze svých statusových příspěvků, že? Vše, co musíte udělat, je upravit svůj styl pomocí třídy .format-(post-format-type), jak je uvedeno níže:

.format-status .entry-title {
display:none;
}

použil jsem na to téma dvacet devatenáct, takže byste museli zkontrolovat, do které třídy spadá váš název příspěvku na vaše vlastní téma.

je to však stav; musí být odvážný. Proč to neudělat velké a zelené?

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

obrázek ukazuje velký zelený stav, který byl stylizovaný pomocí CSS
krásný.

Řekněme, že provozujete blog s psy, kteří dělají lidské věci. Je to velmi moderní a moderní, a vy jste si mysleli, že černobílé obrázky s odvážným okrajem jsou přesně to, co váš web potřebuje.

stačí jen pár řádků CSS a můžete to použít na všechny obrázky, které zveřejníte, pokud vyberete formát post obrázku.

.format-image .wp-block-image {
border-style: solid;
border-width: 5px;
filter: grayscale(100%);
}

obrázek psa s náhlavní soupravou, stylizovaný pomocí CSS a formátu image post
je to opravdu tak jednoduché.

přidat všechny vlastní styl, který chcete do svých příspěvků pomocí této metody, a to vám pomůže, aby důležité věci vyniknout, obrázky a videa snadno přístupné, a v podstatě injekci nějaký život do svého blogu sekce.

přidat formáty příspěvků WordPress pomocí podřízeného motivu

podřízené téma je vždy dobrá volba-zejména pokud zkoušíte něco nového.

kód, který potřebujete přidat do souboru funkcí vašeho podřízeného motivu, je právě zde:

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 );

poté můžete pokračovat v tom, aby vaše různé formáty vypadaly hezky, a to tak, že je upravíte do šablony stylů podřízeného motivu.

návrat? Nebo Se Nevrátíš?

měly by formáty příspěvků WordPress zůstat minulostí?

opravdu záleží na vašich osobních preferencích a na tom, jak tuto otázku interpretujete.

s mnoha hlavními tématy, které je nepodporují, a zavedením Gutenbergu to nevypadá dobře pro budoucnost této funkce vrácení.

přestože Podpora motivů pro formáty příspěvků může klesat, můžete pomoci pokračovat v jejich odkazu.

povolením podpory formátu post ve vašem motivu a jejich stylingem sami neomezujete své možnosti motivu. Není to těžké a dává vám mnohem lepší úroveň kontroly nad tím, jak vypadají.

pokud se vaše jediné zaměření ujistí, že samotný příspěvek vypadá skvěle, může Gutenberg zaškrtnout všechna políčka. Není pochyb o tom, že editor bloků je budoucnost a jeho různé bloky vám mohou pomoci formátovat příspěvky tak, aby vyhovovaly vašim specifickým potřebám.

na druhou stranu, pokud chcete blogovou stránku plnou barev a osobnosti, můžete se držet formátů příspěvků o něco déle, protože Gutenberg ještě nepokrývá všechny základny.

zdarma VideoWhy 100 není perfektní skóre Google PageSpeed (*5 min Watch) Naučte se, jak používat Google PageSpeed Insights k nastavení realistických cílů, zlepšení rychlosti webu a proč usilovat o perfektní 100 je špatný cíl.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.