WordPress Post Formaten … Is Er Leven Na Gutenberg?

Post formaten gingen in 2011 in première in WordPress, zodat u wat leven in uw blog sectie kunt injecteren. Helaas ondersteunen veel thema ‘ s ze niet meer. Maar met een snufje Gutenberg en een vleugje code, kunt u nog steeds vorm uw blog sectie in het meesterwerk dat het moet zijn.

postformaten werden het laatst gebruikt in Twenty Seventeen van WordPress en worden niet langer ondersteund in de meer recente WP-thema’ s.

dus de vraag is, met minder thema ‘ s die ze ondersteunen, moeten ze nog steeds worden gebruikt? Zo ja, hoe? En zo niet, is er een andere manier om uw berichten te formatteren?

het is WordPress, mijn beste vrienden, natuurlijk zijn er andere manieren!

(*Hint: one big way begint met “Guten” en eindigt met “berg”;)).

en als je echt enthousiast bent voor een 2011 throwback, kun je nog steeds postopmaak toevoegen aan thema ‘ s met code.

maar voordat we naar uw reeks van post opmaak opties, laten we beginnen eenvoudig en kijken naar wat WordPress post formaten zijn en hoe ze kunnen worden gebruikt.

Wat is een WordPress Postformaat?

als u wilt dat uw blogpagina meer is dan een eindeloze muur van tekst, kunnen postformaten met een simpele klik helpen om dingen op te vrolijken.

Hiermee kunt u de manier waarop uw thema inhoud weergeeft wijzigen – of u nu video ‘ s, afbeeldingen of gewoon dingen zoals aanhalingstekens op een snazzierere manier kunt weergeven.

alle thema ‘ s stijl hun formaten iets anders (we zullen een kijkje nemen op een paar voorbeelden kort), en met sommige niet ondersteunen ze helemaal, kan het moeilijk zijn om te proberen om de juiste look voor uw blog sectie.

Hoe gebruikt u postformaten

als uw thema postformaten ondersteunt, ziet u deze kleine drop-down wanneer u een nieuw bericht aanmaakt:

voorbeeld van het toevoegen van berichtformaten aan WordPress
u kunt het formaat van uw bericht wijzigen via het menu aan de rechterkant.

zo niet, kunt u een nieuw thema dat post formaten ondersteunt selecteren.

om het vinden van ondersteunde thema ‘ s gemakkelijker te maken, filtert u uw zoekopdracht in de themamap op “Post formaten.”

Bekijk opties zoals Codex, Manta, of Diginews als je op zoek bent naar een solide thema dat post formaten ondersteunt.

als alternatief kun je zelf wat styling toevoegen met behulp van code (daar komen we later op terug.)

voorbeeld van het filteren WordPress thema ' s om degenen degenen die post formaten ondersteunen tonen.
gebruik de functiefilteroptie bij het zoeken naar een nieuw thema.

maar wacht … Lost Gutenberg niet al onze Opmaakdilemma ‘ s op?

goede vraag. Sinds de release van de Gutenberg block editor, hebben we nu veel meer opties als het gaat om het stylen van onze berichten.

het is ook een van de belangrijkste redenen waarom post formaten niet worden ondersteund door de nieuwste WP-thema ‘ s. Veel van Gutenberg blokken in wezen geven gebruikers dezelfde functionaliteit als de verschillende format opties.

bijvoorbeeld, kijk eens naar dit inspirerende citaat dat ik gepost heb met behulp van het citaat Gutenberg block op het Twenty Nineteen thema:

voorbeeld van een citaat met behulp van het thema twintig negentien
gewoon blijven zwemmen, zwemmen, zwemmen.

doet precies wat het nodig heeft, en er is slechts één simpele klik nodig.

helaas geldt dit niet voor alle thema ‘ s.

dit is wat er gebeurt als u slechts een afbeeldingsblok toevoegt aan sommige thema ‘ s, met dit voorbeeld van Colibri:

voorbeeld van een afbeelding met Gutenberg en Colibri
als alleen elk thema post formaten zou ondersteunen.

met enkele thema ‘ s, Gutenberg zal je alleen tot nu toe.

u kunt het gebruiken om uw berichten op te fleuren, maar sommige thema ’s zullen ALLEEN’ verder lezen ‘ op uw hoofdblogpagina weergeven als u iets anders hebt gebruikt dan platte tekst in uw bericht.

met behulp van de Klassieke post formaten, aan de andere kant, zorgt ervoor dat uw blog pagina is vol met al uw afbeeldingen en video ‘ s op het eerste gezicht.

en op die opmerking …

laten we eens een kijkje nemen op enkele voorbeelden van Post formaten in Actie

er zijn tien hoofdformaten, en aangezien elke thema stijlen elk type formaat op zijn eigen manier, heb ik twee hieronder vergeleken: Origami en Arcanum.

standaard

waarschijnlijk het formaat waaruit u probeert te ontsnappen.

standaard berichten zijn de bakstenen en mortel van de meeste blogs – maar je hebt er honderden, en niemand verwijt je iets anders te willen.

Origami:

voorbeeld van een standaard WordPress post formaat met behulp van het origami thema.
standaard bericht met het Origami thema.

Arcanum:

voorbeeld van een standaard WordPress post formaat met behulp van het arcanum thema
Standaard post met behulp van het Arcanum thema.

opzij

een opzij kan worden gebruikt wanneer u een snelle notitie wilt weergeven – meestal iets dat zijn eigen volledige bericht niet garandeert.

de meeste thema ‘ s stijl ze zonder titels, dus vrij vergelijkbaar met de Status formaat. Arcanum ging helemaal uit z ‘ n dak en stopte die van hen in een doos.

voorbeelden die de Opzij liggende WordPress post formaten in de thema ' s tonen origami en arcanum
links: Origami, rechts: Arcanum

Audio

vrij vanzelfsprekend-u kunt het audioformaat gebruiken als u een audioclip wilt insluiten.

 voorbeeld van een audiopost met het thema arcanum
een audiopost met het thema Arcanum.

een ding dat me opviel is dat sommige thema ‘ s geen bijschriften op audioposts toestaan.

bijschriften zijn zeker handig als je de artiest moet crediteren, maar het is ook handig om een beschrijving toe te voegen (de meeste mensen zouden aarzelen om op ‘play’ te klikken als ze geen idee hebben wat het is – ikzelf inbegrepen!)

Origami ondersteunt het audio post formaat niet, maar dit is een goed moment om te kijken naar het verschil dat formaten daadwerkelijk maken.

ik veranderde het type postformaat op de audio clip die ik hierboven gepost heb met behulp van Arcanum naar standaard, en dit gebeurde:

voorbeeld van een audiopost met het standaard postformaat.
Oeps, niet ideaal!

wanneer u op ‘Lees meer’ klikt, is de audioclip aanwezig en correct, maar zonder het postformaat op audio in te stellen, kunt u het niet echt zien op de blogpagina.

het lijkt erop dat Gutenberg een inhaalslag moet maken.

Chat

het Chatformaat wordt gebruikt voor het weergeven van chat transcripten.

Origami ‘ s inspanningen waren teleurstellend.

Arcanum daarentegen veranderde het lettertype in iets typemachine-y.

kleine overwinningen.

voorbeeld van het chatbericht in de thema ' s arcanum en origami
links: Origami, rechts: Arcanum.

Image

nu, dit is waar dit een beetje nuttig begint te lijken.

u kunt altijd een afbeelding toevoegen met behulp van de block editor, maar deze wordt niet altijd weergegeven op de hoofdpagina van het blog – Het hangt volledig af van het thema.

het gebruik van het image post-formaat is een goede manier om ervoor te zorgen dat uw foto in al zijn glorie op uw blogpagina wordt weergegeven. Zie de exposities A en B uit Arcanum hieronder:

expositie a-gebruikmakend van het postformaat van de afbeelding

voorbeeld van een afbeelding met het postformaat van de afbeelding in arcanum
Easy-peasy.

Exhibit B-gebruikmakend van het standaard postformaat

voorbeeld van het plaatsen van een afbeelding als standaard post in arcanum
Uh ohhh, dit is niet wat we willen

natuurlijk, wanneer u op ‘Lees meer’ klikt, zal uw afbeelding er zijn.

echter, als u wilt dat uw blog pagina zelf meer dan een muur van tekst, moet u echt gebruik maken van de image post formaat.

vertelde u dat ze eigenlijk van pas kunnen komen.

galerij

het verschil tussen de galerij-en Afbeeldingspostformaten op de thema ‘ s die ik heb getest, is zeer subtiel.

bijvoorbeeld, hier is hoe afbeeldingen en Afbeeldingsgalerijen eruit zien op berichten met de formaten ingesteld op ‘Image’ of ‘Gallery’ met behulp van het Arcanum-thema:

Screenshot het vergelijken van afbeeldingen en fotogalerijen met behulp van verschillende post formaten.
niet veel verschil, hè? Maar wacht, er is meer… (thema: Arcanum)

terwijl de berichten kunnen niet duidelijk verschillen bij het schakelen tussen verschillende post formaten zoals ‘Image’ of ‘Gallery,’ andere secties van het thema kunnen deze post formaten anders te behandelen, en toepassen van verschillende stijlen of opmaak.

bijvoorbeeld, zoals ik al zei in de sectie Image post format, en sta me toe om mezelf te citeren:

“met behulp van de afbeelding bericht formaat is een sure-fire manier om ervoor te zorgen dat uw foto wordt gekenmerkt op uw blog pagina in al zijn glorie.”

met een thema zoals karton, bijvoorbeeld, de blog pagina behandelt berichten anders, afhankelijk van hun bericht formaat. En het zal de eerste afbeelding van een post weer te geven met behulp van post format = Image (in dit voorbeeld, het is een image gallery), maar niet als de post formaat is ingesteld op ‘Gallery’.

schermafbeelding van blogpagina ' s die berichten met verschillende postformaten weergeven.
kies de galerij post-indeling als u de aandacht van uw lezer wilt vestigen op de achtergrondkleur van de blogpagina van dit thema.

het punt is … hoewel de verschillen met behulp van post formaten zoals afbeelding of Galerij klein kunnen zijn in de post zelf, is het belangrijk om in gedachten te houden dat uw thema kan invloed hebben op hoe uw berichten zich gedragen in andere delen van uw site.

verder gaan …

Link

er was geen verschil tussen het gebruik van het standaard postformaat of de link in Origami-beide produceren uw standaard blauwe hyperlink.

Arcanum zijn iets creatiever geweest:

voorbeelden van links in arcanum en origami met behulp van de link post formaat
links: Origami, rechts: Arcanum

Quote

Sommige thema ‘ s moeten rekening houden met de onderstaande quote, omdat hun pogingen om de catering voor verschillende post formaten zeer halfslachtig zijn.

Gutenberg bespaart eigenlijk de dag op deze.

als u post met behulp van het citaat post formaat in het Origami thema, Het voegt geen opmaak.

als je een citaat plaatst met behulp van het Gutenberg citaat blok, maakt het niet uit of je het standaard of post formaat gebruikt, het voegt nog steeds wat opmaak toe.

voorbeeld van een citaat met Gutenberg en citaat formaat in Origami
niets bijzonders, maar doet het werk.

er zijn enkele variaties met Arcanum.

hieronder ziet u wat u krijgt als u het postformaat op Quote instelt, maar het aanhalingsblok niet toevoegt.

 voorbeeld van een citaat met behulp van het citaat post formaat in arcanum
je zei Het, Yoda.

maakt het opvallen (enigszins) van een reguliere post, maar er is geen ruimte om een citaat toe te voegen.

als je het citaat Gutenberg blok gebruikt maar het post formaat Standaard laat staan, dan is dit het resultaat.

 voorbeeld van een citaat in het standaard postformaat en Gutenberg in arcanum
niet opnieuw…

je ziet de styling voor de offerte pas als je op ‘Lees meer’klikt.

prima denk ik, als je het niet erg vindt dat je hoofdpagina saai is.

de echte magie gebeurt als je de twee combineert.

Stel het postformaat in om te citeren en voeg het citaat Gutenberg blok toe en voila!

 voorbeeld van een quote formaat met behulp van Gutenbern in arcanum
Phew, kreeg er in het einde!

een mooi citaat dat op uw hoofdblogpagina verschijnt.

Status

u had letterlijk één taak. Een statuspost moet een regel of twee tekst zonder titel zijn. Tenminste één van hen had het goed.

 voorbeeld van een status post formaat in origami en arcanum
links: Origami, rechts: Arcanum

Video

Als u een video op uw bericht wilt weergeven, kunt u dit met beide thema ‘ s eenvoudig doen via de Video-of standaardformaten. Het is fijn als dingen werken.

 voorbeeld van een videopost in arcanum en origami
boven: Origami, onder: Arcanum

handmatig ondersteuning toevoegen voor WordPress postformaten

dus je houdt van het idee van postformaten, maar je hebt je hart gezet op een thema dat ze niet ondersteunt?

heb geen angst; U kunt ze handmatig toevoegen!

dus laten we beginnen met het thema twintig negentien – het komt niet met post-opmaak, dus wanneer u een nieuw bericht maakt, krijgt u niet de optie om een formaat te selecteren.

Image of the blog creation menu on the theme twenty 19
het post creation menu ziet er plotseling zo kaal uit…

we zouden, natuurlijk, raden het gebruik van een kind thema voor dit soort dingen. Echter, als je het gevoel dapper, je hoeft alleen maar de onderstaande toe te voegen aan de functies van uw thema.php bestand.

als u nog een kinderthema moet instellen, neem dan een kijkje in onze gids. We gaan door het toevoegen van post formaten met behulp van een kind thema een beetje later.

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

afbeelding met postformaten nu zijn ze toegevoegd met code
hoera-u kunt nu het vervolgkeuzelijst postformaten zien.

u hoeft niet alle formaten aan de array toe te voegen – voel u vrij om alleen de formaten toe te voegen die u daadwerkelijk gaat gebruiken.

het zou leuk zijn als dit alles was wat je moest doen, maar alles wat we hebben gedaan is het thema verteld dat andere post formaten bestaan.

het thema heeft nog steeds geen idee hoe ze te stylen. We moeten het uit zijn lijden verlossen.

CSS gebruiken om uw eigen postformaten op te stylen

zin in uw links op een gekleurde achtergrond? Wilt u uw citaten in een enorme, vet lettertype?

de posts pagina is nu uw oyster-dus krijg styling.

laten we beginnen met iets simpels.

u wilt de titel van uw statusberichten verwijderen, toch? Het enige wat u hoeft te doen is uw typogram bewerken met behulp van de klasse .formaat-(post-format-type), zoals hieronder:

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

ik gebruikte het thema twintig negentien voor deze, dus je zou moeten controleren welke klasse uw post titel valt onder op uw eigen thema.

het is echter een status; Het moet vetgedrukt zijn. Waarom maak je het niet groot en groen?

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

afbeelding met een grote groene status die werd opgemaakt met behulp van CSS
mooi.

stel dat je een blog hebt met honden die menselijke dingen doen. Het is zeer modern en hedendaags, en je hebt gedacht dat zwart-wit afbeeldingen met een gedurfde rand zijn precies wat uw site nodig heeft.

het kost slechts een paar regels CSS en je kunt dit toepassen op alle afbeeldingen die je post, zolang je het image post formaat selecteert.

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

afbeelding van een hond die een headset draagt, gestyled met behulp van CSS en het image post formaat
het is echt zo eenvoudig.

voeg alle aangepaste styling die u wilt aan uw berichten met behulp van deze methode en het zal u helpen om de belangrijke dingen opvallen, de afbeeldingen en video ‘ s gemakkelijk toegankelijk, en in principe injecteren wat leven in uw blog sectie.

voeg WordPress Post formaten met behulp van een kind thema

een kind thema is altijd een goede optie-vooral als je iets nieuws probeert.

de code die u moet toevoegen aan het functiebestand van uw dochterthema staat hier:

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

u kunt dan crack op met het maken van uw verschillende formaten er mooi uitzien door ze te stylen in stylesheet van het kind thema ‘ s.

Throwback? Of Geen Weg Terug?

moeten WordPress post formaten tot het verleden blijven behoren?

het hangt echt af van uw persoonlijke voorkeur, en hoe u deze vraag interpreteert.

met veel belangrijke thema ‘ s die ze niet ondersteunen, en de introductie van Gutenberg, ziet het er niet goed uit voor de toekomst van deze throwback feature.

echter, hoewel de ondersteuning van thema ‘ s voor post-formaten kan dalen, bent u vrij om te helpen hun erfenis voort te zetten.

door de ondersteuning voor postformaten in uw thema in te schakelen en deze zelf te stylen, beperkt u uw themakeuzes niet. Het is niet moeilijk en het geeft je een veel beter niveau van controle over hoe ze eruit zien.

als uw enige focus is ervoor te zorgen dat de post zelf ziet er geweldig uit, dan Gutenberg kan al uw vakjes aanvinken. Er is geen twijfel de block editor is de toekomst,en de verschillende blokken kunnen u helpen bij het formatteren van berichten aan uw specifieke behoeften.

aan de andere kant, als je een blogpagina vol kleur en persoonlijkheid wilt, kun je nog wat langer bij post formaten blijven, omdat Gutenberg nog niet alle bases bedekt.

gratis VideoWhy 100 is niet een perfecte Google PageSpeed Score (*5 Min Watch)leer hoe je Google PageSpeed inzichten gebruiken om realistische doelen te stellen, het verbeteren van de snelheid van de site, en waarom het streven naar een perfecte 100 is het verkeerde doel.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.