WordPress Postformater … Er Det Liv Etter Gutenberg?

Post formater premiere I WordPress tilbake i 2011, slik at du kan injisere litt liv i bloggen din. Dessverre støtter mange temaer ikke lenger dem. Men med En klype Gutenberg og et dryss av kode, kan du fortsatt forme bloggdelen din til mesterverket det burde være.

Postformater ble sist omtalt I WordPress’ Twenty Seventeen og støttes ikke lenger i de nyere wp-temaene.

så spørsmålet er, med færre temaer som støtter dem, bør de fortsatt brukes i det hele tatt? Hvis ja, hvordan? Og hvis ikke, er det en annen måte å formatere innleggene dine på?

Det Er WordPress, mine kjære venner, selvfølgelig er det andre måter!

(*Hint: en stor vei starter med «Guten» og slutter med «berg»;)).

Og hvis du ER veldig opptatt av en 2011 throwback, kan du fortsatt legge til postformatering til temaer med kode.

Men Før vi kommer til ditt utvalg av postformateringsalternativer, la oss starte enkelt og se på Hva WordPress postformater er og hvordan de kan brukes.

Hva Er Et WordPress-Postformat?

hvis du vil at bloggsiden din skal være mer enn en uendelig vegg av tekst, kan innleggsformater hjelpe jazz ting opp med et enkelt klikk.

De lar deg endre måten temaet viser innhold-enten det er slik at du kan legge til videoer, bilder eller bare vise ting som sitater i en snazier måte.

alle temaer stiler formatene litt annerledes (vi tar en titt på noen få eksempler snart), og med noen som ikke støtter dem i det hele tatt, kan det være vanskelig å prøve å få riktig utseende for bloggdelen din.

Slik Bruker Du Innleggsformater

hvis temaet ditt støtter innleggsformater, vil du se denne lille rullegardinmenyen når du går for å opprette et nytt innlegg:

Eksempel på å legge inn postformater Til WordPress
du kan endre formatet på innlegget ditt ved hjelp av menyen på høyre side.

Hvis ikke, kan du velge et nytt tema som støtter postformater.

for å gjøre det enklere å finne støttede temaer, filtrer søket i temakatalogen etter » Postformater.»

Sjekk ut alternativer Som Codex, Manta eller Diginews hvis du leter etter et solid tema som støtter postformater.

Alternativt kan du legge til litt styling selv ved hjelp av kode (vi kommer på det senere.)

eksempel på filtrering WordPress temaer for å vise de som støtter post formater.
Bruk funksjonen filter alternativet når vi leter etter et nytt tema.

Men Vent… Løser Ikke Gutenberg Alle Våre Formateringsdilemmaer?

Godt spørsmål. Siden Utgivelsen Av Gutenberg block editor, har vi nå mange flere alternativer når det gjelder styling våre innlegg.

det er også en av hovedgrunnene til at postformater ikke støttes av de nyeste wp-temaene. Mange Av gutenbergs blokker gir i hovedsak brukerne samme funksjonalitet som de ulike formatalternativene.

ta for eksempel en titt på dette inspirerende sitatet jeg postet ved Hjelp Av Quote Gutenberg-blokken på Twenty Nineteen-temaet:

eksempel på et sitat ved hjelp av temaet twenty nineteen
bare fortsett å svømme, svømme, svømme.

Gjør akkurat det den trenger, og alt som trengs er ett enkelt klikk.

Dessverre er Dette ikke sant for alle temaer.

her er hva som skjer når du bare legger til en bildeblokk i noen temaer, med dette eksemplet fra Colibri:

Eksempel På et bilde med Gutenberg Og Colibri
hvis bare hvert tema ville støtte innleggsformater.

Med noen temaer Vil Gutenberg bare få deg så langt.

du kan bruke den til å krydre innleggene dine, men noen temaer vil bare vise ‘fortsett å lese’ på hovedbloggsiden din hvis du har brukt noe annet enn ren tekst i innlegget ditt.

ved å Bruke de klassiske innleggsformatene, derimot, sikrer du at bloggsiden din er full av alle bildene og videoene dine ved første øyekast.

og på det notatet…

La Oss Ta En Titt På Noen Eksempler På Postformater I Aksjon

Det er ti hovedformater, og som hvert tema stiler hver type format på sin egen måte, har jeg sammenlignet to under: Origami og Arcanum.

Standard

Sannsynligvis formatet du prøver å flykte fra.

Standard innlegg er murstein og mørtel av de fleste blogger – men du har hundrevis av dem, og ingen klandrer deg for å ha noe litt annerledes.

Origami:

Eksempel på en standard WordPress post format ved hjelp av origami tema.
Standard innlegg ved Hjelp Av Origami tema.

Arkanum:

Eksempel på et Standard WordPress-postformat ved hjelp av arcanum-temaet
Standard innlegg ved Hjelp Av Arcanum-temaet.

Bortsett

en side kan brukes når du har et raskt notat du vil vise-vanligvis noe som ikke ville garantere sitt eget fulle innlegg.

de fleste temaer stil dem uten titler, så ganske lik Statusformatet. Arcanum gikk alle fancy og sette deres i en boks.

Eksempler som viser side WordPress post formater i temaene origami og arcanum
Venstre: Origami, Høyre: Arcanum

Lyd

Ganske selvforklarende – du kan bruke lydformatet hvis du vil legge inn et lydklipp.

 Eksempel på et lydinnlegg med temaet arcanum
et lydinnlegg med temaet Arcanum.

en ting jeg har lagt merke til er at noen temaer ikke tillater bildetekster på lydinnlegg.

Bildetekster er definitivt nyttige hvis du trenger å kreditere artisten, men det er også nyttig å legge til en beskrivelse (de fleste ville være nølende med å klikke ‘spill’ på noe hvis de ikke aner hva det er – inkludert meg selv!)

Origami støtter ikke lydpostformatet, men dette er en god tid å se på forskjellen som formater faktisk gjør.

jeg endret postformattypen på lydklippet jeg postet over Ved Hjelp Av Arcanum Til Standard, og dette skjedde:

Eksempel på et lydinnlegg ved hjelp av standard postformat.
Whoops, ikke ideelt!

når du klikker ‘les mer’, er lydklippet til stede og riktig, men uten å sette postformatet til lyd, kan du faktisk ikke se det på bloggsiden.

Synes Gutenberg har noe å ta igjen.

Chat

Chatformatet brukes til å vise chat-transkripsjoner.

Origami innsats var skuffende.

Arcanum, derimot, endret skrifttypen til noe skrivemaskin-y.

Små seire.

 Eksempel på chat-postformatet i temaene arcanum og origami
Venstre: Origami, Høyre: Arcanum.

Bilde

Nå er det her dette begynner å se ganske nyttig ut.

du kan alltid legge til et bilde ved hjelp av blokkeditoren, men det vil ikke alltid vises på hovedbloggsiden – det avhenger helt av temaet.

Bruk av bildepostformatet er en sikker måte å sikre at bildet ditt er omtalt på bloggsiden din i all sin herlighet. Se utstillinger A og B fra Arcanum nedenfor:

Exhibit A-ved hjelp av image post format

 Eksempel på et bilde ved hjelp av image post format i arcanum
Easy-peasy.

Exhibit B-bruke standard post format

 Eksempel på å legge ut et bilde som en standard post i arcanum
uh ohhh, dette er ikke hva vi ønsker

selvfølgelig, når du klikker ‘les mer’, vil bildet være der.

men hvis du vil at bloggsiden din selv skal være mer enn en vegg av tekst, bør du virkelig bruke bildepostformatet.

Fortalte deg at de faktisk kan komme til nytte.

Galleri

forskjellen Mellom Galleri og Bilde post formater på temaene som jeg har testet er veldig subtil.

for eksempel, slik ser bilder og bildegallerier ut på innlegg med formatene satt til Enten ‘Bilde ‘ eller’ Galleri ‘ ved Hjelp Av Arcanum-temaet:

Skjermbilde sammenligne bilder og bildegallerier ved hjelp av ulike innlegg formater.
Ikke mye av en forskjell, va? Men vent, det er mer… (Tema: Arcanum)

selv om innleggene kanskje ikke viser åpenbare forskjeller når du bytter mellom forskjellige innleggsformater som ‘Bilde’ eller ‘Galleri’, kan andre deler av temaet behandle disse innleggsformatene annerledes, og bruke forskjellige stiler eller formatering.

for eksempel, som jeg påpekte I Bildepostformat-delen, og vær så snill å la meg sitere meg selv:

«Bruke bildet post format er en sikker-brann måte å sikre at bildet er omtalt på bloggen din side i all sin prakt.»

med et tema som Kartong, for eksempel, bloggsiden behandler innlegg forskjellig avhengig av deres innlegg format. Og det vil vise det første bildet av et innlegg ved hjelp av post format = Bilde ( i dette eksemplet er det et bildegalleri), men ikke hvis postformatet er satt Til ‘Galleri’.

 Skjermbilde av bloggsiden som viser innlegg med forskjellige innleggsformater.
Velg Galleri post format hvis du ønsker å trekke leserens oppmerksomhet til bakgrunnsfargen på dette temaet blogg side.

poenget er… selv om forskjellene ved bruk av postformater Som Bilde eller Galleri kan være små i selve innlegget, er det viktig å huske på at temaet ditt kan påvirke hvordan innleggene dine oppfører seg i andre deler av nettstedet ditt.

Flytte på…

Link

det var ingen forskjell mellom å bruke standard post format eller link en I Origami – begge produsere standard blå hyperkobling.

Arcanum har vært litt mer kreativ:

Eksempler på lenker i arcanum og origami ved hjelp av link post format
Left: Origami, Ikke Sant: Arcanum

Sitat

Noen temaer må ta hensyn til sitatet nedenfor, da deres forsøk på catering for forskjellige postformater er svært halvhjertet.

Gutenberg redder faktisk dagen på denne.

hvis du legger inn ved hjelp av sitatpostformatet I Origami-temaet, legger det ikke til noen formatering.

hvis Du legger inn et sitat ved Hjelp Av Gutenberg-sitatblokken, spiller det ingen rolle om du bruker standard-eller postformatet, det legger faktisk til litt formatering.

 eksempel på sitat ved Hjelp Av Gutenberg og sitatformat I Origami
Ikke noe fancy, men gjør jobben.

Det er noen variasjoner ved Hjelp Av Arcanum.

Nedenfor er Hva du får Hvis du bare setter postformatet Til Sitat, men ikke legg til sitatblokken.

 Eksempel på et sitat ved hjelp av sitatpostformatet i arcanum
Du sa Det, Yoda.

Gjør det skiller seg ut (litt) fra et vanlig innlegg, men det er ikke plass til å legge til et sitat.

hvis Du bruker quote Gutenberg-blokken, men lar postformatet stå som standard, er dette resultatet.

 Eksempel på et sitat som bruker standard postformat og Gutenberg i arcanum
Ikke igjen…

du ser bare styling for tilbudet når du klikker’les mer’.

Fint, antar jeg, hvis du ikke har noe imot at hovedbloggsiden din er blid.

den virkelige magien skjer når du kombinerer de to.

Still inn postformatet Til Sitat Og legg til sitatet Gutenberg block og voila!

 Eksempel på et sitatformat som bruker Gutenbern i arcanum
Phew, kom dit til slutt!

et fancy lite sitat som vises på hovedbloggsiden din.

Status

du hadde bokstavelig talt en jobb. Et statusinnlegg skal være en linje eller to med tekst uten tittel. Minst en av dem fikk det riktig.

 Eksempel på et status postformat i origami og arcanum
Venstre: Origami, Høyre: Arcanum

Video

hvis du vil vise en video på innlegget ditt, vil begge temaene enkelt tillate deg å gjøre dette ved hjelp Av Enten Video eller Standardformater. Det er fint når ting fungerer.

Eksempel på en video innlegg i arcanum og origami
Topp: Origami, Bunn: Arcanum

Manuelt Legge Til Støtte For WordPress Post Formater

Så du liker ideen om post formater, Men du har ditt hjerte satt på et tema som ikke støtter dem?

Frykt ikke; du kan legge dem til manuelt!

så la oss starte med Temaet Twenty Nineteen – det kommer ikke med postformatering – så når du oppretter et nytt innlegg, får du ikke muligheten til å velge et format.

 Bilde av bloggopprettingsmenyen på temaet twenty nineteen
postopprettingsmenyen ser plutselig så bar ut…

Vi vil selvfølgelig anbefale å bruke et barn tema for denne typen ting. Men hvis du føler deg modig, trenger du bare å legge til under i temaets funksjoner.php-fil.

hvis du ennå ikke har satt opp et barn tema, ta en titt på vår guide. Vi går gjennom å legge inn postformater ved hjelp av et barntema litt senere.

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

Bilde som viser postformater nå har de blitt lagt til med kode
Hurra-du kan nå se rullegardinmenyen postformater.

Du trenger ikke å legge til alle formatene i matrisen – vær så snill å bare legge til de du faktisk skal bruke.

det ville være fint om dette var alt du måtte gjøre, men alt vi har gjort er fortalt temaet at andre innleggsformater eksisterer.

temaet har fortsatt ingen anelse hvordan å style dem. Vi må sette den ut av sin elendighet.

Bruke CSS Til Å Style Dine Egne Innleggsformater

Har du lyst på koblingene dine på en farget bakgrunn? Vil du ha sitater i en stor, fet skrift?

innleggssiden er nå din østers – så få styling.

La oss starte med noe enkelt.

du vil fjerne tittelen fra statusinnleggene dine, ikke sant? Alt du trenger å gjøre er å redigere stilarket ved hjelp av klassen .format – (post-format-type), som nedenfor:

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

jeg brukte Temaet Twenty Nineteen for dette, så du må sjekke hvilken klasse innleggstittelen din kommer under på ditt eget tema.

det er en status skjønt; det må være dristig. Hvorfor ikke gjøre det stort og grønt?

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

Bilde som viser en stor grønn status som ble stylet VED HJELP AV CSS
Vakker.

La oss si at du driver en blogg med hunder som gjør menneskelige ting. Det er veldig moderne og moderne, og du har tenkt at svart-hvite bilder med en dristig ramme er akkurat hva nettstedet ditt trenger.

Alt som trengs er et par LINJER MED CSS, og du kan bruke dette på alle bilder du legger inn, så lenge du velger bildepostformatet.

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

Bilde av en hund iført et headset, stylet VED HJELP AV CSS og image post format
det er virkelig så enkelt.

Legg til all den tilpassede stylingen du vil ha til innleggene dine ved hjelp av denne metoden, og Det vil hjelpe deg med å gjøre de viktige tingene skiller seg ut, bildene og videoene lett tilgjengelige, og i utgangspunktet injisere litt liv i bloggdelen din.

Legg WordPress Post Formater Ved Hjelp Av Et Barn Tema

et barn tema er alltid et godt alternativ-spesielt hvis du prøver noe nytt.

koden du må legge til i barnets tema funksjonsfil er her:

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

Du kan da knekke på med å gjøre dine forskjellige formater ser pen ut ved å stylere dem i barnetemaets stilark.

Throwback? Eller Ikke Gå Tilbake?

Skal WordPress postformater forbli en ting fra fortiden?

det avhenger egentlig av din personlige preferanse, og hvordan du tolker dette spørsmålet.

med mange store temaer som ikke støtter Dem, og introduksjonen Av Gutenberg, ser det ikke bra ut for fremtiden for denne throwback-funksjonen.

men selv om tema støtte for innlegg formater kan slippe, du er fri til å bidra til å fortsette sin arv.

ved å aktivere postformatstøtten i temaet ditt og styling dem selv, begrenser du ikke temavalgene dine. Det er ikke vanskelig, og det gir deg en mye bedre grad av kontroll over hvordan de ser ut.

Hvis ditt eneste fokus er å sørge for at innlegget selv ser bra ut, Kan Gutenberg krysse av alle boksene dine. Det er ingen tvil om at blokkredigereren er fremtiden, og de ulike blokkene kan hjelpe deg med å formatere innlegg som passer dine spesifikke behov.

på den annen side, hvis du vil ha en bloggside full av farge og personlighet, kan Du holde fast i postformater en stund lenger, Da Gutenberg ikke dekker alle basene ennå.

Gratis VideoWhy 100 Er IKKE En Perfekt Google PageSpeed Score (*5 Min Watch)Lær Hvordan Du bruker Google PageSpeed Innsikt for å sette realistiske mål, forbedre nettstedet hastighet, og hvorfor sikte på en perfekt 100 ER FEIL mål.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.