Accentsconagua
Share
I denne opplæringen skal jeg vise deg en veldig rask måte å lage WordPress-temaer på.
Hvis du utvikler WordPress-temaer med regelmessighet, vet du at det å bruke en ramme for å starte hver gang er en stor fordel. Å gjøre det vil gi deg en ren skifer for hvert tema, samtidig som du forhindrer at du må starte fra bunnen av og gjenta grunnlaget for hver enkelt.
Bane er bare et slikt rammeverk. Det er 100% gratis, åpen kildekode og fullpakket med flotte funksjoner. La oss grave inn!
Gå over til Runway-nettsiden, slå den fremtredende nedlasting knappen, og du får en zip-fil for å pakke ut.
For å bruke rammen trenger du en fungerende WordPress-installasjon (helst lokal eller på en utviklingsserver). For denne opplæringen antar jeg at du har en forståelse av trinnene som kreves for å sette opp WordPress, men prøv dette gratis kurset hvis du trenger hjelp:
Ta rullebane-rammeverk mappe som du nettopp har pakket ut, og plasser den i WordPress-installasjonen din under wp-innhold> temaer. Bane er nå egentlig et tema som du må aktivere ved å gå til Admin> Utseende> Temaer.
Ved aktivering vil Runway spørre om du vil bruke standard barn tema (du gjør) så treffer Aktiver i spørringen. Å besøke frontenden vil vise deg hvordan temaet ser ut på dette stadiet:
Barnetemaet heter "Liftoff", og hvis du sjekker, vil du se at mappen er lagt til i WordPress-temamappen.
Innen Liftoff-mappen finner du alle kjente filer som trengs for et fungerende WordPress-tema, fra index.php. functions.php, og selvfølgelig style.css.
Så herfra har du i hovedsak to alternativer. Du bruker enten dette Liftoff barnetemaet og tilpasser det til din smak, eller du lager et helt nytt barn tema basert på Runway rammeverket.
En av de gode tingene med Runway er den ekstra funksjonaliteten, spesielt slik det hjelper deg med å lage temaalternativer. I WordPress Admin, under Liftoff> Designinnstillinger Du finner følgende side:
Dette er en opsjonsside som vil være tilgjengelig for temaets brukere, slik at temaet kan redigere nettstedets tittel, logobildet og andre redigerbare biter og brikker som finnes i malfiler. Du kan også se Liftoff> Annet innhold, En annen tilleggsside som du kanskje vil inkludere.
For å redigere disse sidene, og alternativene som vises på hver enkelt, gå til Runway> Options Builder. I skjermbildet nedenfor ser du strukturen som ble brukt til å bygge det du ser ovenfor:
Å bygge disse strukturene er et spørsmål om å dra og slippe, og du kan velge om du vil inkludere containerne i temaet tilpasse (som er en stor bonus).
Hvert av feltene gir deg PHP-kodebiten som du må vise innholdet til det aktuelle feltet i temafilene. Logotypen, for eksempel, kan bli lagret i en variabel i temaet du bruker:
$ logotitle = get_options_data ('design-settings', 'logo-title');Du vil kanskje jobbe med mer enn ett tema med Runway-rammeverket i din nåværende WordPress-installasjon. For å gjøre det, gå til Bane> Temaer, klikk på Nytt tema, og fyll ut temaopplysningene.
Et nytt barn tema vil bli lagt til temamappen din, som inneholder de minste nødvendige filene (functions.php, style.css, screenshot.png og en datapostmappe). Du vil da bli igjen for å lage de ekstra filene du trenger, kanskje ved å bruke dem i eksempelbarnet som utgangspunkt.
Igjen kan tilleggssider for dette nye temaet opprettes og bygges ved å gå til Runway> Options Builder.
Runway kommer med en rekke tilleggsprogrammer, som du kanskje eller ikke kan velge å bruke med temaet ditt. For eksempel, det er tema stiler å starte deg, en plugin installer for å sikre at brukerne installerer de riktige pluginene til å begynne med. Det er en layout manager, et tilleggsverktøy for innholdstyper som vil hjelpe deg med å bygge opp tilpassede innleggstypestrukturer, og admin-menyredaktører også. Masse å velge mellom! Noen tillegg er gratis, andre krever at du kjøper en lisens.
Runway er egentlig et byggverktøy. Når du er ferdig med å bygge temaet ditt, vil du være i stand til å pakke det opp og distribuere det. Her har du to alternativer;
For at brukerne skal kunne bruke et barntema, trenger de Runway-rammen installert i utgangspunktet. Du kan eller ikke vil at de skal stole på denne avhengigheten.
Den frittstående eksporten vil imidlertid tillate at brukerne enkelt installerer og bruker pakken uten å tenke på rammen.
Slå den nedlasting knappen på tema-miniatyrbildet ditt, og du blir tatt til nedlastingssiden der du kan velge hvilken type pakke du vil ha.
Runway er et veldig bra rammeverk for å bygge temaer på, spesielt for nybegynnere, siden det gir en solid base og den er super enkel å bruke. Har du brukt Runway, eller et lignende rammeverk? Gi oss beskjed om dine tanker!
