Drupal: Skapa din egen mall - hur den fungerar
Så vackra som Drupals teman och mallar kan vara, räcker de ofta inte. Vi visar hur du skapar din egen. För att göra detta behöver du dock kunskap om HTML och CSS - en grundläggande kunskap om PHP är användbar, men inte ett krav.
Skapa ett nytt Drupal-tema endast med CSS
Även om du inte förstår PHP kan du enkelt skapa ett nytt Drupal-tema om du känner till CSS.
- Först och främst bör du ta en titt på Drupals Stark-tema.
- Den tillhör kärnan i Drupal 7 och var speciellt skapad så att designers direkt kan komma åt Drupals XHTML-kod och inte behöver något annat än en del CSS för sitt eget tema.
Steg 1: grunden för ditt Drupal-tema
Först och främst måste du lägga grunden för ditt tema och se till att det alls erkänns av Drupal.
- Gå till katalogen / webbplatserna / alla / teman i din Drupal-installation och skapa en ny mapp här.
- Ge nu denna mapp ett meningsfullt namn, till exempel praxistipp_theme. Se till att du skriver namnet med små bokstäver.
- Skapa först .INFO-filen, som ger Drupal grundläggande information om ditt tema.
- För att göra detta öppnar du en ny fil i en textredigerare som Anteckningar och kopierar följande rader.
- name = Namnet på din temabeskrivning = Kort beskrivning av temat. core = 6.x engine = phptemplate stylesheets [all] [] = style.css stylesheets [all] [] = layout.css regioner [vänster] = Vänster sidofältregioner [höger] = Höger sidofältregioner [innehåll] = Innehållsregioner [ sidhuvud] = Sidhuvudregioner [sidfot] = Sidfot
- Ändra namn och beskrivning enligt dina idéer.
- CSS-teman fungerar med Drupal 6 och 7. Om du skriver detta tema för Drupal 7 måste du ändra core = 6.x till 7.x så att Drupal sorterar temat korrekt.
- Med den här infofilen definierar du två stilark och fem regioner för dina mallar. Du kan emellertid enkelt lägga till fler stilark samt regioner.
- Spara det här dokumentet som .INFO och spara det i mappen du skapade tidigare.
Steg 2: redigera CSS-filerna i ditt Drupal-tema
Stark-mallen använder bara en CSS-fil: layout.css. Detta innehåller bara den mest nödvändiga informationen.
- Koden är bara där för att sortera basinnehållet i en Drupal-installation. Du behöver inte mycket mer i din egen layout.css-fil för att ditt tema och mallar ska fungera.
- Först och främst, definiera layouten för ditt tema genom att skapa din egen layout.css-fil.
- Antingen kopiera innehållet från layout-css. Fil med Stark-temat eller fyll din fil med din egen kod.
- När du kopierar, observera att CSS-filen är utformad för Drupal 6. Klasser och ID kan variera i Drupal 7.
- Du bör sedan skapa andra standard CSS-filer, till exempel print.css. Dessa är dock valfria.
- Varje CSS-fil du skapar måste också refereras i .INFO-filen. Till exempel, för print.css lägg till linjestilark [alla] [] = print.css.
- Lägg sedan alla CSS-filer i mappen du skapade för ditt tema.
Djupare mall ändras till Drupal-kärnfilerna
I grund och botten kan du använda stilsidor för att bygga mångsidiga och unika Drupal-teman. Om de grundläggande funktionerna i mallarna inte räcker för dig, bör du ta en titt på de centrala PHP-mallarna från Drupal. Fyra är viktiga:
- page.tpl.php påverkar den allmänna sidlayouten.
- node.tpl.php hanterar innehållssektionerna på din webbplats, dvs. noderna eller noderna.
- block.tpl.php ansvarar för innehållsblock oavsett region där de är placerade.
- comment.tpl.php påverkar kommentarerna på din webbplats.
- Kopiera dessa filer till din temamapp och ändra dem här. Avstå från att redigera originalen direkt, eftersom det kommer att påverka alla teman som inte har sina egna PHP-filer.
- Genom att redigera dessa filer kan du nu också ändra mallens grundläggande HTML-struktur och ha full kontroll över ditt tema och de tillhörande mallarna.
Instruktionerna hänvisar till Drupal 6 - i den nyare versionen kan det vara små avvikelser. Om du hellre vill växla till WordPress nu visar vi dig hur du skapar ett WordPress-tema här.