I denna handledning kommer jag att visa dig ett riktigt snabbt sätt att skapa WordPress-teman.
Om du utvecklar WordPress-teman med någon regelbundenhet vet du att det är en stor fördel att använda en ram för att starta varje gång. Om du gör det får du en ren skiffer för varje tema, samtidigt som du förhindrar att du måste börja från början och upprepa grundarbetet för varje.
Banan är bara en sådan ram. Det är 100% gratis, öppen källkod och fylld med riktigt fina funktioner. Låt oss gräva in!
Gå över till Runway-webbplatsen, slå den framträdande ladda ner knappen, och du får en zip-fil att packa upp.
För att använda ramverket behöver du en fungerande WordPress-installation (helst antingen lokalt eller på en utvecklingsserver). För denna handledning antar du att du har en förståelse för de steg som krävs för att installera WordPress, men prova den här gratis kursen om du behöver hjälp:
Ta bana-ram mapp som du just har packat upp och placera den i din WordPress-installation under wp-innehåll> teman. Banan är nu i huvudsak ett tema som du måste aktivera genom att gå till Admin> Utseende> Teman.
Vid aktivering kommer Runway fråga om du vill använda standard barntema (du gör) så träffa Aktivera i prompten. Att besöka framsidan visar hur temat ser ut i detta skede:
Barntemat heter "Liftoff" och om du kontrollerar ser du att mappen har lagts till i WordPress-temapappen.
Inom Liftoff-mappen hittar du alla kända filer som behövs för ett fungerande WordPress-tema, från index.php. functions.php, och naturligtvis style.css.
Så här har du väsentligen två alternativ. Du använder antingen detta Liftoff-barntema och anpassar det efter eget tycke, eller skapar du ett helt nytt barntema baserat på Runway-ramverket.
En av de fantastiska sakerna om Runway är dess extrafunktionalitet, speciellt hur det hjälper dig att skapa temainställningar. I WordPress Admin, under Liftoff> Designinställningar hittar du följande sida:
Detta är en alternativ sida som kommer att vara tillgänglig för ditt tema användare, vilket gör att temat kan redigera webbplatsens titel, logotypen och andra redigerbara bitar och bitar som finns i mallfilerna. Du kan också se Liftoff> Annat innehåll, en annan alternativ sida som du kanske vill inkludera.
För att redigera dessa sidor och alternativen som visas på var och en, gå till Runway> Options Builder. I skärmdumpen nedan ser du strukturen som används för att bygga det du ser ovan:
Att bygga dessa strukturer är en fråga om att dra och släppa, och du kan välja om du vill inkludera behållarna i temat anpassningsanordningar (vilket är en stor bonus).
Varje fält ger dig PHP-kodet som du måste visa innehållet i det fältet i temafilerna. Logotypens titel kan till exempel sparas i en variabel i det tema där du använder:
$ logotitle = get_options_data ('design-settings', 'logo-title');
Du kanske vill arbeta på mer än ett tema med Runway Framework i din nuvarande WordPress-installation. För att göra det, gå till Banan> Teman, Klicka på Nytt tema, och fyll i temataljerna.
Ett nytt barntema kommer att läggas till i din temmapp, som innehåller minsta obligatoriska filer (functions.php, style.css, screenshot.png och en datapostmapp). Därefter lämnas du för att skapa de extra filer du behöver, kanske med hjälp av de i temat barntema som utgångspunkt.
Återigen kan alternativsidor för det här nya temat skapas och byggas genom att gå till Runway> Options Builder.
Runway kommer med ett antal tillägg, som du kanske eller inte kan välja att använda med ditt tema. Det finns till exempel tematyper för att starta dig, en plugin-installationsprogram för att säkerställa att dina användare installerar de korrekta pluginsna till att börja med. Det finns en layouthanterare, en tilläggstyp för tilläggstyp som hjälper dig att skapa anpassade inläggstypstrukturer och administratörsmenyredigerare också. Gott att välja mellan! Vissa tillägg är gratis, andra kräver att du köper en licens.
Banan är i huvudsak ett byggverktyg. När du är klar med att bygga ditt tema vill du kunna paketera upp det och distribuera det. Här har du två alternativ;
För att dina användare ska kunna använda ett barntema behöver de Runway-ramen installeras i första hand. Du kanske eller kanske inte vill att de ska förlita sig på detta beroende.
Den fristående exporten tillåter dock att användarna enkelt installerar och använder ditt paket utan att ens tänka på ramverket.
Slå ladda ner knappen på din miniatyrbild, och du kommer att hämtas till hämtningssidan där du kan välja vilken typ av paket du vill ha.
Runway är en riktigt bra ram för att bygga teman på, särskilt för nybörjare, eftersom den erbjuder en solid bas och det är super lätt att använda. Har du använt Runway eller liknande ramar? Låt oss veta dina tankar!