Hur man gör ett Drupal 7-tema?

Se till att du är redo att hantera stegen. För att kunna följa och slutföra handledningen effektivt bör du förstå grunderna i:

• Syftet med webbplatser
• HTML och CSS: hur de används för att skapa webbplatser Insertformulahere {\ displaystyle Insertformulahere}
• PHP: vad det är och hur det används för att förbättra
• CMS: vad de är och hur de används för att driva webbplatser
• Drupal: Hur man ställer in en enkel webbplats med den
• Bli inte avskräckt av den här listan, dock. Med tillräcklig entusiasm kan du lära dig vad du behöver när du följer denna handledning.

Skapa en utvecklingsmiljö. För att utveckla ett tema snabbt och smidigt (utan problem med internetanslutning) bör du ställa in en utvecklingsmiljö (ett kodredigeringsprogram och en testserver) på din dator. Det vanligaste sättet att göra detta är att installera en WAMP / LAMP / MAMP-stack (W: windows; L: Linux; M: Mac, A: Apache, serverprogramvaran; M: MySQL, databasprogramvaran; P: PHP, server-skriptet) och ladda ner en öppen källkodsredigerare.

Designa webbplatsen. Börja med att skissa layouten på hemsidan på din webbplats med en penna och ett rent papper; du måste känna dig fri att göra misstag och förändringar. Rita alla delar av en grundläggande webbsida, inklusive sidhuvudet, navigeringsmenyn (som kan finnas precis under sidhuvudet eller i ett sidofält), sidans text (för innehållet) och sidfoten. Du kan ha andra områden i din design. När du är nöjd med din design, återskapa din skissade design till ett grafikprogram som låter dig designa webbsidor, till exempel Adobe Photoshop, eller ännu bättre, Adobe Fireworks. Se till att du lägger till alla andra visuella element; överväga färgerna och kontrasterna med mörkt ljus, typografin och hur den ökar användarens upplevelse, layout och tomma utrymmen (tomt utrymme är viktigt!), och hur innehållet kommer att passa in.

Utveckla webbplatsen med HTML och CSS. Precis som i webbdesignsteget är det förmodligen mest effektivt att bara skapa webbplatsens webbsidor som har sina egna unika layouter, till exempel startsidan och sidan Kontakta oss. Håll layouten så enkel som möjligt och använd moderna metoder och konventioner där det är möjligt (som HTML5 och CSS3). Vid det här tillfället ska du inte lägga till skripter på serversidan (t.ex. PHP) och hålla skripten på klientsidan (som Javascript) till ett minimum för att inte störa Drupals kod. detta kan läggas till senare.

Ställ in Drupal för att börja teman. Ladda ner drupal och flytta filerna till servern som du använder för att utveckla ditt tema (din testserver - rekommenderas - eller en onlineserver). Placera nedladdade filerna till roten mapp (om du använder en testserver, är det www eller localhost mapp). Använd en webbläsare för att navigera till rotmappen (t.ex. http: // www /) och följ installationsprocessen. Du bör sedan installera alla moduler som är användbara för temautveckling.

Förstå drupals webbsidestruktur och konvertera dina statiska sidor till den.

• HTML-webbsidor är kända som "statiska" - vilket betyder att de inte är utformade för att ha innehåll som ändras regelbundet - och är byggda med taggar av blocktyp som "divs" (och "sidhuvud", "sidfot" etc. HTML5). Drupals webbsidor är en kombination av statiska delar (HTML) och dynamiska delar - delar som innehåller innehåll som förväntas ändras regelbundet. Dessa dynamiska delar kallas " regioner " i Drupal. Ett exempel på en region är ett sidofält där du kanske vill infoga navigationslänkar, en sökruta, sociala medieknappar och så vidare. Se diagrammet nedan för en visuell representation:
• De saker som du kan placera i regioner kallas " block " i Drupal. Till exempel är en sökruta eller en meny vanligt förekommande block. Du kan infoga block i regioner, ordna om blocken och ta bort block från regioner när du loggar in på Drupal på sidan Struktur > Block. Många av de tillgängliga blocken på en typisk Drupal-webbplats tillhandahålls av de installerade modulerna, men du kan skapa dina egna block på sidan Blocks.
• Innehållet på varje webbsida (brödtexten, rubrikerna, bilderna och så vidare) placeras också i en region: regionen "Innehåll", vilket krävs för alla Drupal-teman. Innehållet på varje webbsida (eller blogginlägg eller anpassad innehållstyp) kallas en " nod " och förpackas i huvudsidans innehållsblock. Med andra ord sparas innehållet på Om oss- sidan i nod (med en nodtyp av 'sida', naturligtvis) och skickas till huvudsidans innehållsblock, som placeras i innehållsregionen.
• Observera att ibland visas flera noder på en webbsida genom huvudsidans innehållsblock; ett exempel är förstasidan, som som standard visar flera av webbplatsens senaste artiklar (blogginlägg).
• Ditt tema styr regionerna, men inte vad webbplatsadministratörerna lägger till dem. Som teman har du informerat Drupal om vilka regioner ditt tema kommer att ha och registrerar dem i filer som kallas mallar, som behandlas i nästa avsnitt.