temaer

WordPress Theme Cheat Sheet for nybegynnere

WordPress Theme Cheat Sheet for nybegynnere / temaer

Leter du etter et WordPress-tema-svindelark for raskt å endre temaet ditt eller opprette et nytt tilpasset tema? WordPress leveres med mange innebygde maltekoder som du kan bruke til å få en start. I denne artikkelen vil vi dele et WordPress tema cheat sheet for nybegynnere.

Før Komme i gang

WordPress kommer med en kraftig templerende motor som lar temautviklere lage vakre design for WordPress-drevne nettsteder. Det er både premium og gratis WordPress-temaer som du kan installere på nettstedet ditt.

Hvert WordPress-tema kommer med en rekke tilpasningsalternativer. Disse alternativene lar deg endre farger, legge til topptekstbilder, oppsettnavigasjonsmenyer og mer.

Du er imidlertid fortsatt begrenset til hvilke funksjoner temaet ditt støtter. Noen ganger kan det være lurt å gjøre små endringer i WordPress-temaet som krever noe koding. For å gjøre det, må du vite noen grunnleggende PHP, HTML og CSS.

Det første du vil gjøre er å gjøre deg kjent med hvordan WordPress fungerer bak kulissene og WordPress-templatmaler.

Etter det er det noen gode fremgangsmåter du kanskje vil følge. Du kan for eksempel lage et barnemne i stedet for å gjøre endringene dine direkte i temafiler.

Du kan også øve på temaet ditt ved å installere WordPress på datamaskinen.

Når det er sagt, la oss dykke inn i vår WordPress-tema-svindelark for nybegynnere.

Grunnleggende WordPress Theme Templates

Hvert WordPress-tema består av forskjellige filer kalt maler. Alt WordPress-tema må ha et stilark og en indeksfil, men vanligvis kommer de opp med mange andre filer.

Nedenfor er listen over grunnleggende filer som hvert tema har:

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

Hvis du bygger ditt eget tema, kan du starte med en av WordPress-starttemaene. Disse temaene kommer med klare til å bruke WordPress-malfiler og CSS som gir deg et rammeverk å bygge på.

Maletiketter i header

WordPress kommer med mange praktiske funksjoner som kan brukes til å utføre forskjellige ting gjennom hele temaet ditt. Disse funksjonene kalles maltekoder.

Først og sannsynligvis er den viktigste funksjonen som kreves i alle standard-kompatible WordPress-temaer, kalt wp_head, og det ser slik ut:

Denne koden henter alle viktige HTML WordPress må legges til i del av hver side på nettstedet ditt. Det er også viktig at mange WordPress-plugins fungerer riktig på nettstedet ditt.

Følgende er en liste over maltekoder som du vanligvis finner og bruker i temaets header.php-fil. Men de kan også brukes andre steder på temaet ditt når du trenger dem. 

 // Tittel på bloggen eller bloggnavnet // Tittel på en bestemt side // Eksakt URL for nettstedet // Nettstedets beskrivelse // Plassering av nettstedets temafil // Link til stil.css-stedet // RSS Feed-URL for nettstedet // Pingback URL for nettstedet // WordPress versjon nummer

Mallemerker som brukes i andre temafiler

La oss nå se på noen andre vanlige malteiketter og hva de gjør.

Følgende maletiketter brukes til å ringe og inkludere andre maler. For eksempel vil temaet sin index.php-fil bruke dem til å inkludere topptekst-, bunntekst-, innholds-, kommentarer- og sideskjermemaler. 

 // Viser Header.php-filinnhold // Viser innholdet i Footer.php // Viser Sidebar.php-filinnhold // Viser innholdet på Comment.php-filen

Følgende maletiketter brukes i WordPress-løkken for å vise innhold, utdrag og metadata fra innleggene dine. 

 // Viser innholdet i posten // Viser utsnittet som brukes i Innlegg // Tittel på bestemt innlegg // Link av bestemt innlegg // Kategori av bestemt innlegg // Forfatter av bestemt innlegg // ID på et bestemt innlegg // Rediger lenke for et innlegg // Uvanlig synlig for innloggede brukere med redigeringsrettigheter // URL til neste side // URL til forrige side

WordPress-temaer kommer med widget-klare områder kalt sidefelt. Dette er steder i temafilene dine der brukerne kan dra og slippe WordPress-widgets. Ofte har et tema flere steder hvor brukere kan legge til widgets.

Imidlertid er disse widgetområdene oftest plassert i høyre eller venstre sidefelt av temaoppsettet. Hvis du vil vite mer, kan du se vår guide om hvordan du legger til dynamiske widget-klare sidebjelker i WordPress-temaet.

Her er koden som brukes til å vise et sidebjelke i temaet ditt.

Du må erstatte sidebar-1 med navnet definert av temaet ditt for det aktuelle widget-klare området eller sidebjelken.

Malteiketter for å vise navigasjonsmenyer

WordPress leveres med et kraftig menyadministrasjonssystem som lar brukerne opprette navigasjonsmenyer for deres nettsted. Et WordPress-tema kan ha mer enn én navigasjonsmenyplassering.

Se vår guide om hvordan du oppretter dine egne navigasjonsmenyer i et WordPress-tema.

Følgende er koden som vil bli brukt i temaet ditt for å vise en navigasjonsmeny. 

  'my-custom-menu', 'container_class' => 'tilpasset menyklasse')); ?>

Temaplassering avhenger av navnet ditt tema brukes til å registrere navigasjonsmenyen. CSS containerklassen kan kalles alt du liker. Den vil omgjøre navigasjonsmenyen, slik at du kan stile den tilsvarende.

Diverse malemerker

Følgende er noen av kodene du vanligvis bruker i WordPress-temaet ditt. 

 // Viser datoen som nåværende innlegg ble skrevet // Viser siste gang et innlegg ble endret get_the_modified_time // Viser siste endret tid for et innlegg // Viser etter miniatyrbilde eller utvalgt bilde // Viser månedlige arkiver // Viser listen over kategorier // Viser gravatar av en bruker fra e-postadresse // 32 piksler er størrelsen, du kan endre det hvis du trenger // Viser gravatar av nåværende innleggets forfatter

Betingede etiketter i WordPress Themes

Betingede koder er funksjoner som returnerer resultater i True eller False. Disse betingede kodene kan brukes i hele temaet eller plugin for å se om visse betingelser er oppfylt og deretter gjøre noe tilsvarende.

For eksempel, hvis det nåværende innlegget har et utvalgt bilde eller ikke. Hvis det ikke har et kjennetegnet bilde, kan du i stedet vise et standard kjennetegnet bilde. 

 '; ?>

Følgende er noen flere betingede koder du kan bruke. 

 // Sjekk om et enkelt innlegg blir vist is_single () // Kontrollerer om en side blir vist is_page () // Kontrollerer om hovedbloggsiden vises is_home () // Kontrollerer om en statisk forsiden er vist is_front_page ( ) // Kontrollerer om nåværende seer er logget inn is_user_logged_in ()

Det er mange flere betingede koder du kan bruke. Den fullstendige listen over betingede koder finnes på WordPress codex-siden om betingede koder.

The WordPress Loop

Loop eller WordPress loop er koden som brukes til å hente og vise innlegg i WordPress. Mange WordPress-malenkoder kan bare fungere inne i løkken som de er knyttet til post- eller post_type-objektene.

Følgende er et eksempel på en enkel WordPress-loop. 

   
Postet av 
  
Arkivert i: | Merket: | kommentarer
  
Beklager, ingen innlegg stemte med dine kriterier.

For å lære mer om løkken, sjekk ut Hva er en loop i WordPress (Infographic).

Vi håper denne artikkelen hjelper deg som det grunnleggende WordPress-tema-svindelarket for nybegynnere. Du vil kanskje også se vår liste over de mest nyttige triksene for WordPress-funksjonsfilen.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Facebook.