Articles

Den Komplette Veiledningen til WordPress-Kortkoder

Før WordPress-blokkeditoren var WordPress-kortkoder en av de beste tingene å treffe WordPress-editoren for å gjøre det enklere å legge til plugin-og temafunksjoner til sider, innlegg og andre deler av Et WordPress-nettsted.

wordpress kortkoder ultimate guide

med flyttingen til blokken redaktør, hva betyr dette for de fleste av de eldre plugins og nettsteder som fortsatt er full av kortkoder? Vil WordPress-kortkoder fortsatt fungere? Er det en måte å enkelt flytte fra Å bruke WordPress-kortkoder Til WordPress-blokker?

La oss finne ut. I denne veiledningen vil vi utforske WordPress-kortkoder i tiden Med WordPress – blokkeditoren.

I denne guiden

En WordPress snarvei er en gjenbrukbar, dynamisk bit av kode innpakket i . Kortkoder lar deg enkelt sette inn bestemte funksjoner I WordPress selv eller av et plugin eller tema i et innlegg, side, tilpasset innleggstype eller widget. Tenk På WordPress-kortkoder som «snarveier» eller som makroer på nettstedet ditt.

Du kan bruke WordPress kortkoder for å vise statisk innhold som er for kjedelig å holde koding og gjenta. Og du kan også bruke kortkoder til å vise dynamisk innhold, for eksempel bildegallerier, lydspillere for podcaster, hendelseskalendere eller endre statistikk for bestemte data.

Kortnummer Format

når det gjelder å sette inn kortkoder, kan den grunnleggende format være «utvidet» på flere måter, slik at du kan tilpasse eller legge til flere innstillinger informasjon kalt attributter. I tillegg kan snarveier bryte tekst (ELLER HTML) eller selv være nestet i en annen snarvei.

for eksempel kan en kortkode ha følgende formater:


Some text
Some text more text 
 This is a custom icon 

kortnummer attributter

kortkoder er også fleksible fordi de kan utvides med attributter. Med attributter, kortkoder tilbyr ekstra tilpasning bare ved å legge til ekstra kodebiter i snarvei. Plugins og temaer tilbyr ekstra guider og rubrikker for å hjelpe brukerne med å bruke de riktige kortkodebitene for å legge til eller fjerne visse elementer i utdataene.

Her er noen eksempler på kortkoder med attributter.

]

Posts Heading

Innebygde WordPress Kortkoder

WordPress kommer med flere innebygde kortkoder for gjengivelse av visse typer innhold.

]

lyd snarvei lar deg legge inn lydfiler og spille dem av.

]

primært brukes med individuelle bilder, lar caption snarvei deg å vikle bildetekster rundt innhold.

]

galleriet snarvei lar deg legge til ett eller flere bildegallerier til dine innlegg og sider.

]

embed snarvei lar deg vikle innebygde elementer med en maksimal (men ikke fast) bredde og høyde.

]

spillelisten snarvei implementerer funksjonaliteten til å vise En samling Av WordPress lyd-eller videofiler i et innlegg.

]

videoen snarvei lar deg legge inn videofiler og spille dem av.

Plugin & Tema Kortkoder

Spesifikke WordPress temaer og plugins har kortkoder rett ut av boksen som du kan sette inn i innlegget eller side editor og vil gjengi resultatet på forsiden. Til denne dato bruker mange temaer og plugins fortsatt kortkoder.

for eksempel brukes kortkoder ofte i vanlige plugins for kalendere, skjemaer, tabeller, medlemskap, nedtellingstimer eller trekk sitater. Selv kortnummer plugins finnes som lar deg lage kortkoder for noe.

WordPress temaer kan også benytte kortkoder for å gjengi visse dynamiske innhold som er pre-stylet eller levert av dem.

Tilpassede Kortkoder

De fleste ekspertutviklere velger å lage sine egne kortkoder, i hovedsak kutte ned tiden det tar å kode noe som er repeterende. Alt som trengs er en enkel ekstra fil på filkatalogen for å lage tilpassede kortkoder.php-fil. Hvis du ønsker å lære tauene av tilpassede kortkoder, her er en guide på å lage tilpassede kortkoder.

WordPress Snarvei API

for utviklere å lage sine egne kortkoder, Gir WordPress Snarvei API et enkelt sett med funksjoner for å lage WordPress kortkoder for bruk i innlegg og sider.

Snarvei API hjelper plugin utviklere lage dynamisk innhold som brukere kan legge til sider eller innlegg ved å legge til tilsvarende snarvei inn i innholdsområdet. Heldigvis HÅNDTERER API all komplisert parsing, eliminerer behovet for å skrive en tilpasset regulære uttrykk for hver snarvei. I tillegg er hjelpefunksjoner inkludert for å sette og hente standard snarvei attributter.

Utviklere kan Ut WordPress Snarvei API dokumentasjon for å lære mer om:

  • Håndtering attributter
  • Output
  • Omslutter vs selvlukkende kortkoder
  • Funksjon referanse
  • Begrensninger
  • Formell syntaks

Kortkoder I Den Klassiske Editor

tidligere ble kortkoder satt inn i den klassiske redaktør av et innlegg eller side, som dette:

WordPress snarvei

Hva Er WordPress Blokker?

Kortkoder var først … men så kom blokkbasert redigering. Med introduksjonen Av WordPress 5.0 kom implementeringen av Den lenge planlagte Gutenberg editor eller WordPress Block Editor som hovedside og postredigerer For WordPress, og erstattet den klassiske WordPress tekstbaserte editoren som har eksistert i årevis.

Her er en titt på innholdsredigeringen før WordPress 5.5 (ah, det var dagene!)

Gutenberg editor ble først annonsert på tidligere versjoner Av WordPress, men forble valgfritt Til WordPress 5.0 da det ble standard editor. Last Ned Ebok: Ultimate Guide Til WordPress 5.0 & Gutenberg Editor

Det er ingenting iboende galt med den nye blokkerte editor. Faktisk, de fleste brukere som forbedret og renere, mindre skremmende, ser på baksiden av WordPress.

Men Med wordpress blokk editor kom WordPress blokker. Borte er formateringsalternativene øverst som minner om tekstbehandlingsprogrammer som Microsoft Word. I stedet har formateringsalternativene blitt erstattet med alternativene til høyre sidefelt for hver blokk.

WordPress-blokker er i hovedsak innholdsbeholdere. Det er mange forskjellige blokker for ulike typer innhold—bilder, videoer, tekster, overskrifter, gallerier-you name it.

Det er enda En WordPress-blokk for formatering, spacer og divider, og de er tilfeldig arrangert i kategorier for enkel tilgang.

dokument.

blokkredigereren er enklere og raskere og mer brukervennlig. I tillegg lager tema-og plugin-utviklere også egne blokker som legger til flere blokkeringsalternativer til Standard WordPress-blokkene.

Gjenbrukbare Blokker vs. Kortkoder

den gamle måten å lagre et sett med forhåndsdefinerte utdata i WordPress classic editor var gjennom å lage dine egne kortkoder. Nå har denne metoden blitt erstattet med gjenbrukbare blokker.

muligheten til å lagre forhåndsdefinerte og pre-tilpassede blokker har også gjort det enklere å lagre layout og design av en bestemt blokk og bruke den på en annen. Mye som en side mal.

for eksempel, hvis du legger til en knappeblokk og stiler den med en bestemt farge, sveveffekter, etc., vil du ikke fortsette å gjøre det på hver side du legger til den knappen til. Hvis du endrer den til en gjenbrukbar blokk, lagres knappen på WordPress-nettstedet ditt og blir en egen blokk som du kan bruke på andre sider eller innlegg.

du kan også oppdatere disse blokkene ytterligere ved å konvertere dem til vanlige blokker, lagre den som en ny (med et nytt navn), eller oppdatere den eksisterende utformingen av blokken.

Gruppeblokker

I WordPress 5.3 kom også innføringen av gruppeblokker og maler.

I Hovedsak får du muligheten til å gruppere bestemte blokker sammen og flytte eller oppdatere dem alle sammen. Dette ga til slutt opphav til blokkmønstre. Blokkmønstre har gjort redigering av innhold enklere siden brukerne vil mye heller velge et mønster, og oppdatere innholdet i stedet for å starte fra et tomt lerret.

Block Styling Alternativer

med hvert tema kommer forskjellige stilalternativer. Og normalt er stilen på innholdet du legger til på hvert nettsted forhåndsbestemt av temaet ditt.

med blokkeditoren har du muligheten til å oppdatere stilen til hver blokk individuelt, enten for å skille seg ut eller for å gjøre dem mer merkbare.

Blocks & Full Site Editing

med alle disse fremskrittene og endringene i måten vi lager og bygger sider På WordPress kommer ideen og eventuell overgang til Det som kalles Full Site Editing.

i lim inn kan de fleste brukere bare oppdatere selve brødteksten i et innlegg eller en side. Visse aspekter av nettstedet, for eksempel topptekst, bunntekst, sidefelt og widgets, er fortsatt i stor grad avhengig av temaet. Dette gjorde selvfølgelig det perfekte temaet med riktig mengde alternativer den ultimate kampen for utviklere og brukere Av WordPress.

med Full Sideredigering og innføringen Av Blokkbyggeren, tikker trenden mot å gjøre alle deler av en side eller innlegg redigerbare, på en måte, ved hjelp av blokker. for eksempel følger Det Siste Tjue-Tjue WordPress-temaet dette mønsteret, noe som gir skapere og nettstedseiere større kontroll over nettstedet deres og hvordan de vil at det skal se ut.

ser frem til, plugin og tema utviklere må vedta en annen tilnærming når utvikle sin programvare for å tilpasse seg den nye full site redigering og sidebygging opplevelse Av WordPress block editor. Mens den fulle anvendelsen av dette fortsatt er i horisonten, er det en positiv endring som vi sannsynligvis vil se før heller enn senere.

Den Nye Snarvei Blokk

Før blokken redaktør, kortkoder ble satt direkte inn i siden eller side editor. Nå Inneholder WordPress block editor en ny kortkodeblokk.

snarvei blokken gjør det enkelt å fortsette å bruke eldre kortkoder i et innlegg eller side og opprettholder integriteten til snarvei utgang.

Merk: Sette inn en snarvei i et avsnitt blokk kan ikke alltid fungere, så du må kanskje bruke snarvei blokk stedet.

kortnummeret blokken kan legges til en side eller innlegg ved å klikke På Add Block knappen. Alternativt kan du skrive /snarvei og trykk enter.

wordpress snarvei blokk

attributter.

Hva Betyr Blokkeditoren For WordPress-Kortkoder?

WordPress block editor har store implikasjoner for kortkoder. La oss dekke noen av de viktigste tingene å merke Seg Om WordPress-kortkoder i tiden med blokkeditoren.

1. WordPress block editor endrer fundamentalt behovet og hensikten med kortkoder for de fleste plugin og temaer. Med et blokkbasert redigeringssystem har hvert» element » på siden sin egen blokk, i stedet for å være inneholdt i en redigerbar wysiwyg-editor. fordi blokkredigereren er en helt annen tilnærming til å komponere et innlegg eller en side, kan de mer dynamiske delene av en side som genereres av kortkoder eksistere som blokker som kan legges til individuelt.

2. Blokker kan nå ta plassen til de fleste kortkoder, fjerne behovet for brukerne å lære å bruke kortkoder. Konseptet og formatet på kortkoder kan ha en bratt læringskurve for noen brukere, slik at blokken tilnærming kan være enklere.

ta For Eksempel Gravity Forms plugin. Før blokkeditoren var prosessen for å sette inn et skjema i et innlegg eller en side annerledes. Fra den klassiske editoren måtte du bruke en knapp for å sette inn et skjema i innholdet ditt.

gravity forms insert form

etter at du har valgt skjemaet ditt, ble skjemaets kortnummer lagt til innholdet ditt. Avhengig av alternativene du valgte, inneholdt kortnummeret attributter for tittel og beskrivelse.

Nå Tilbyr Gravity Forms plugin en forms block embed-blokk. Fra blokkeditoren velger Du Skjemablokken.

når du har valgt skjemaet, vil du faktisk se en bedre forhåndsvisning av hvordan skjemaet vil se ut på siden din. Skjemainnstillinger finner du i blokkinnstillingene.

3. Tema og plugin utviklere må bestemme fremtiden for sine kortnummer implementeringer og konvertere sine kortkoder til blokker. Som nevnt ovenfor bruker hundrevis av temaer, plugins og utviklere fortsatt kortkoder på sine nettsteder og applikasjoner. Blokkadopsjon kan være treg, men etter hvert som brukerne blir mer kjent med den nye blokkeditoren, vil brukerne sannsynligvis be om et blokkeringsalternativ.

til de utviklerne som fortsatt er miles unna å vedta WordPress blokk redigering system, Kan Hele Nettstedet Redigering konseptet gå hånd i hånd med sine kortkoder. Plugins som gjennomgang og vurdering plugins, lydspillere, dato tickers, gallerier, kontaktskjemaer, og de fleste noe annet som fortsatt bruker kortkoder er fortsatt » i spillet.»

4. Kortkoder går ikke bort når som helst snart. Det er sannsynligvis hvorfor WordPress block editor tilbyr kortkodeblokken for å opprettholde kortkodebruk. Fordi kortkoder hadde så bred bruk og implementering før WordPress 5.0 og blokkeditoren, er det viktig at fremtidige versjoner av WordPress fortsatt støtter kortkoder.

5. Kortkoder kan konverteres til en blokk. Har en favoritt tema eller plugin som bruker kortkoder? Det er sannsynlig at disse kortkodene vil bli konvertert til en blokk på et tidspunkt. Hvis du er utvikler av et plugin eller tema, eller du bygger WordPress-nettsteder og brukte kortkoder i et tilpasset tema, er det mulig å revurdere kortkoder som blokker.

i neste avsnitt vil vi kort dekke hvordan du konverterer WordPress-kortkoder Til WordPress-blokker.

Hvordan Konvertere WordPress-Kortkoder Til WordPress-Blokker

Akkurat som du kan legge til egendefinerte kortkoder og gjenbrukbare blokker, kan du også enkelt konvertere egendefinerte WordPress-kortkoder til WordPress-blokker.

Følg de første trinnene fra denne tilpassede kortnummer guide.

Ta dette grunnleggende eksemplet Fra Caldera Forms:

 <?php/** * Handler for shortcode * * @param $atts * * @return string */function caldera_learn_basic_blocks_post_title_shortcode_handler($atts){$atts = shortcode_atts(, $atts, 'cl_post_title');return caldera_learn_basic_blocks_post_title($atts, $atts);}/** * Output the post title wrapped in a heading * * @param int $post_id The post ID * @param string $heading Allows : h2,h3,h4 only * * @return string */function caldera_learn_basic_blocks_post_title($post_id, $heading){if (!in_array($heading, )) {$heading = 'h2';}$title = get_the_title(absint($post_id));return "<$heading>$title</$heading>";}/** * Register Shortcode */add_shortcode('cl_post_title', 'caldera_learn_basic_blocks_post_title_shortcode_handler');

denne koden tar post-ID og et overskriftsnivå (h2, h3, he) og sender ut postens tittel innpakket i HTML for overskriften.

når det er gjort, og du har testet at koden fungerer, må du registrere kortnummeret som en blokk. Her Er Den Trinnvise Veiledningen For Å Konvertere En WordPress-Kortkode Til En Gutenberg-Blokk som et eksempel.

Flere Ressurser på Å Lage WordPress-Blokker

det er mange plugins og ressurser tilgjengelig på nettet som vil hjelpe deg med å komme til det trinnet, inkludert den offisielle dokumentasjonen Fra WordPress om Å Skrive Din Første Blokktype. Du kan også sjekke Ut Igor Benics innlegg om hvordan du lager en blokk for visning av innlegg.

etter å ha lest disse veiledningene, vil du kunne finne ut hvordan du lager Dine Egne WordPress-blokker ved hjelp av dine egendefinerte kortkoder.

Merk: prosessen kan være litt annerledes med forskjellige kortkoder. Plugins og temaer med kortkoder kan ta en annen tilnærming på grunn av den enorme attributter som skal tas i betraktning. I utgangspunktet må du kanskje gjøre mye forskning og bruke litt tid på å kode dette.

Dommen For WordPress Kortkoder

WordPress kortkoder er Og vil fortsatt være en av De viktigste delene Av WordPress. Kortkoder har hjulpet mange plugin utviklere gjøre sine plugins mer brukervennlig og mange tema utviklere utvide funksjonaliteten til sine temaer. Kortkoder har også redusert antall hodepine mange innholdsskapere og nettstedseiere har etter å ha opprettet sine tilpassede kortkoder når det gjelder gjentatte ganger å legge til og oppdatere ting de vil ha. med det sagt er det ingen tvil om at blokkredigereren er fremtiden For WordPress-redigeringsopplevelsen, så forvent å se flere utviklere bidra til å gjøre det bedre og enda mer funksjonsfylt, inkludert de som fortsatt bruker kortkoder. Når vi ser fremover, forventer vi at flere utviklere vil overgå til å bruke Og legge Til WordPress-blokker i stedet For WordPress-kortkoder.

vi håper du har lært mye om Viktigheten Av WordPress kortkoder, hva De er for og når du skal bruke dem. Forhåpentligvis kan du begynne å lage dine egne kortkoder og til slutt dine egne blokker, som begge sikkert ikke går bort når som helst snart.

Dele via:

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *