Selvfølgelig, før du lager et tema for WordPress, kan du prøve å forstå de ferdige (det var det jeg gjorde). Men faktum er at noen ganger er det så mye stoff i dem at det ikke alltid er lett.
Grunnlaget for ethvert tema er style.css- og index.php-filene
Først, lag en mappe i /wp-content/themes - dette vil være ditt fremtidige tema, for eksempel opprettet jeg misha123. Hvert tema må inneholde minst 2 filer - index.php og style.css - lag dem i denne mappen.
Hvis du scoret på style.css, så i administrasjonspanelet Utseende > Temaer forvent en feil som dette:
Hvis du scoret på index.php:
Her snakker WordPress fortsatt noe om barnetemaer, ikke ta hensyn, du .
Inntil vi har studert det ennå, vil index.php være ansvarlig for produksjonen av en hvilken som helst side på nettstedet, og style.css vil selvfølgelig inneholde stiler (selv om dette ikke er nødvendig), men det viktigste er at i style.css fil du har lagt til metadata og emnebeskrivelse.
Temanavn Navnet på temaet, har jeg rett? Versjon Gjeldende versjon av temaet ditt Beskrivelse Jeg vet ikke hva denne parameteren betyr Forfatter Her kan du angi deg selv og de personene som hjalp deg Forfatter-URI-URL til forfatterens nettsted, vil tillate deg å gjøre forfatterens navn om til en lenke i WordPress admin-lisens Hvis du oppretter for WordPress, anbefaler jeg å lese litt om GPL-lisens-URI. Og denne parameteren spesifiserer en lenke til siden med tekstdomenelisensen Noe relatert til å oversette emnet til andre språk, jeg tror vi ikke trenger det nå, men senere anbefaler jeg å lese om det. Tagger Hvis dette temaet blir ditt fremtidige nettsted eller nettstedet til klienten din, kan du mest sannsynlig hoppe over denne parameteren, men hvis du senere vil publisere temaet ditt i det offisielle WordPress-depotet, så vær spesielt oppmerksom på det. Nei, du trenger ikke å kaste alt du tenker på her; listen over støttede tagger finner du på den offisielle nettsiden.
Faktisk er ingen av disse parameterne påkrevd! Og så vil alt gå. For eksempel som her:
Jeg utelukker ikke at dette alternativet passer for noen, men ikke meg. Nå skal jeg bare kopiere den forrige koden til begynnelsen av temaets style.css, og dette er hva jeg får:
Innstilling av temabilde
Enig, sammenlignet med andre temaer ser vårt ganske kjedelig ut på grunn av mangelen på et bilde! Rutene flimrer også når du scroller 😭
For å fikse dette, lager vi ganske enkelt en screenshot.png-fil og sender den direkte til temamappen (anbefalt oppløsning 1200px x 900px).
Når det gjelder filtypen, vil jpg, gif og jpeg gjøre det, men den offisielle WP-koden anbefaler å bruke screenshot.png.
Her er en annen ting:
I dette eksemplet tok jeg spesifikt et kvadratisk bilde i jpg-format og det vises ganske godt på siden med alle emnene, men hvis du åpner informasjon om emnet i popup-vinduet blir det trist. Bildet vil bli strukket og vil ha dårlig kvalitet.
Selv om det ikke er obligatorisk, er faktisk hovedtemafilen functions.php
Det er vanskelig å forestille seg et tema for WordPress som ikke har en functions.php-fil, det brukes til å inkludere noen funksjoner i temaet, for eksempel kan det også inneholde ekstra funksjonalitet, eller filer inkludert i det via include() /; krever ().
Å ja, nevnte jeg ikke? I denne opplæringen vil jeg anta at du har grunnleggende kunnskap om PHP, hvis ikke så .
Hovedregelen for functions.php er at selve filen ikke skal sende ut noe! 💀 Det vil si aldri! 👿
Som du kan se, spesifiserte jeg ganske enkelt kodingen, satte inn stilarket, men ikke helt riktig, og skrev "Hallo verden!"
Du kan ikke kalle det et dynamisk nettsted, men du må begynne et sted. Som jeg sa, på dette stadiet vil denne filen åpnes på alle sidene på nettstedet ditt.
Og en ting til, for å hjelpe WordPress med å samhandle med temaet ditt, bør du legge til før den avsluttende taggen funksjon og før den avsluttende taggen