Hva er kortkoder i WordPress?

Hva er egentlig kortkoder? Hva gjør de? Hvordan fungerer de? Hvis du er ny på WordPress, har du sikkert hørt om dem, men deres eksakte betydning kan fortsatt være noe av et mysterium.

Ordet «kortkode» brukes i WordPress-opplæringer, i lister over WordPress-temafunksjoner, på fora og så videre. Det er overalt. Kortkoder er iboende i WordPress og er en av tingene som gjør plattformen så funksjonell og brukervennlig. I tillegg kommer alle premium WordPress-temaene med et utvalg tilpassede kortkoder designet for å øke temaverdien og brukervennligheten.

Men selv om du har brukt kortkoder selv, er sjansen stor for at du fortsatt ikke er helt sikker på hva de er. I dag skal vi fikse det og gi en enkel, men grundig forklaring på denne praktiske funksjonen.

Hva er kortkoder

Kortkoder er i hovedsak akkurat det navnet antyder. De er forkortede, avkortede versjoner av lengre kode, utfører en bestemt funksjon. I bakenden er de indikert med parenteser og ser omtrent slik ut: [I am shortcode].

Kortkoder vises ikke i grensesnittet ditt. Vel, det gjør de, men ikke i denne formen. Avhengig av hva de er laget for å gjøre, kan de se ut som et bildegalleri, en lydspiller og så videre – uansett funksjon.

Viktigheten av kortkoder ligger i deres potensial for tilpasning. WordPress er åpen kildekode, noe som betyr at du kan legge til hvilken som helst kode du vil for å få et nettsted til å se ut og fungere som du vil ha det. Men hvis du ikke er en utvikler, er ikke dette akkurat et alternativ.

Det er her kortkoder kommer inn. De lar «vanlige» WordPress-brukere legge til funksjonalitet og funksjoner på nettstedet sitt uten å måtte skrive noen kode for det.

La oss se på ett eksempel på vanlig bruk av kortkoder. Dette er et grunnleggende WordPress-galleri som vi har laget, satt antall kolonner og lagt til siden vår.

Nedenfor kan du se galleriet lagt til ved hjelp av Visual Editor. Å være en WYSIWYG (What You See Is What You Get) editor, omgår den ethvert behov for den faktiske koden. Men det gir ikke mye rom for tilpasning, og gjør det ikke lettere å replikere det samme eller lignende innholdet på en annen side.

Hvis vi ser på det samme bildegalleriet, på samme side, men denne gangen ved å bruke tekstredigering, vil galleriet vårt se slik ut:

Som du kan se, er det ingen bilder her å forhåndsvise direkte, bare noen kode i hakeparentes – kortkoden. Mer presist, kortkoden til galleriet.

Du lurer kanskje på hvorfor noen foretrekker å bruke kortkoder og tekstredigering i stedet for bare å legge til bilder ved å bruke Visual Editor. Tross alt er det lettere når du får se nøyaktig hvordan galleriet ditt vil se ut.

Kortkoder gir imidlertid mulighet for ytterligere tilpasning rett der i editoren, og de kan plasseres (via copy/paste) hvor som helst på nettstedet ditt.

Hvordan bruke kortkoder

Når det gjelder å legge til kortkoder på nettstedet ditt, er det tre måter du kan gjøre dette på.

Dessuten, hvis du bruker et av Qode Interactives temaer, er det enda enklere å legge til kortkoder. Det gjøres gjennom WPBakery dra-og-slipp sidebygger-plugin som kommer gratis med de fleste av temaene våre. Og du får en bredt utvalg av tilpassede kortkoder å velge mellom, men vi skal snakke om alt det mer detaljert om litt.

WordPress kommer med noen forhåndsdefinerte standardkortkoder som du kan bruke på alle sidene og innleggene dine, samt legge til widgetområder.

I vårt eksempel fra før plasserte vi en gallerikortkode på en av sidene våre.

Hvert av bildene lastet opp til mediebiblioteket har sin unike ID. Kortkoden trekker det tidligere opprettede galleriet ved hjelp av bilde-IDer, og viser dem på siden din.

Kortkoden kan inkludere flere alternativer, for eksempel antall kolonner (kolonner = «X»), der X står for antall kolonner, eller bildestørrelsen (size=»miniatyrbilde»).

Kortkoden for et galleri med tre kolonner og små bilder vil være:

Når det gjelder å legge til kortkoder i redigeringsprogrammet ditt, kan du gjøre det både i det visuelle og i tekstredigeringsprogrammet. I tekstredigereren vil kortkoden for å legge til en lydspiller (som er en av standardene) se slik ut:

Hvis du bytter til Visual Editor, vil kortkoden din automatisk forvandles til et nytt felt du kan redigere og tilpasse som du vil:

I tillegg, kortkoder kan legges til i et widgetområde etter eget valg. Hvis du for eksempel vil legge til et galleri i bloggsidefeltet, drar du bare tekstmodulen til widgetområdet for bloggsidefelt. Et felt åpnes der du kan skrive inn eller lime inn galleriets kortkode. Når du klikker på Lagre, vil galleriet vises i bloggens sidefelt.

De vanligste kortkodene

Som vi allerede har nevnt, kommer WordPress med noen standardkortkoder som allerede er innebygd. Noen av de vanligste kortkodene er:

Ekstra kortkoder

I tillegg til standardkortkodene som følger med din grunnleggende WordPress-installasjon, er det hundrevis av andre du kan enten legg til via plugins, eller som følger med temaet ditt.

Plugins

Mange plugins utfører de tiltenkte funksjonene ved å bruke nøyaktige kortkoder. For eksempel, en plugin for å legge til en forfatterboks til innleggene dine, kalt Enkel forfatterboks, gir en kortkode som du kan kopiere og lime inn hvor som helst i innholdet ditt for å vise forfatterboksen.

I tillegg finnes det plugins som inneholder hele samlinger av kortkoder for ulike formål. En av dem er Shortcodes Ultimate, som inkluderer over 50 kortkoder for visuelle og funksjonelle elementer, fra faner, knapper og skillelinjer, trekkspill og karuseller, til post- og brukerdata, metadata og mer.

Qode interaktive kortkoder

Alle Qode Interactive-temaer kommer med et stort utvalg av kortkoder for ulike formål. Kortkoder kan enkelt settes inn hvor som helst du vil, takket være WPBakery sidebygger-plugin som følger med temaene våre.

For å se de tilgjengelige kortkodene og legge til en (eller flere) på siden eller innlegget ditt, klikk ganske enkelt på plusstegnet (Legg til element) i backend-versjonen av byggherren. En liste over tilgjengelige kortkoder åpnes, slik at du kan legge dem til ved å klikke på dem, eller søke etter dem etter navn i søkefeltet i øvre høyre hjørne.

For å få tilgang til egendefinerte kortkoder utviklet av Qode Interactive og inkludert i temaet ditt, klikk ganske enkelt på fanen som heter «av…» etterfulgt av navnet på temaets forfatter (Qode, Elated, Edge, Select, Mikado) eller navnet på selve temaet . I vårt eksempel bruker vi Sahel-temaet vårt, så fanen sier «av SAHEL».

Når du klikker på kortkoden du ønsker, vil du se alle de generelle og designalternativene som er tilgjengelige for deg å tilpasse.

Når du er ferdig med å konfigurere alt, klikker du på Lagre endringer og sjekk live-siden din for å se om kortkoden gjør det den skal.

Siste tanker

Kortkoder er en av tingene som gjør WordPress så vakkert og så kraftig. Det beste med dem er at de er nyttige både for utviklere og for nybegynnere. Utviklere kan lage sine egne kortkoder, hvis de vil, og grunnleggende og middels brukere kan legge til funksjoner, finjustere designet og tilpasse nettstedet uten å måtte bry seg med faktisk kode.

Alt er enklere å bruke når du vet hvordan det fungerer. Forhåpentligvis klarte vi å bryte ned kortkoder og deres bruk for deg slik at du kan utnytte dem best mulig og forbedre nettstedets design og funksjonalitet.