Drupal: Vytvořte si vlastní šablonu - jak to funguje
Jak krásné jsou Drupalova témata a šablony, často nestačí. Ukážeme vám, jak si vytvořit svůj vlastní. K tomu však potřebujete znalosti HTML a CSS - základní znalost PHP je užitečná, ale nikoli požadavek.
Vytvořte nový motiv Drupalu pouze pomocí CSS
I když nerozumíte PHP, můžete snadno vytvořit nové téma Drupalu, pokud jste obeznámeni s CSS.
- Nejprve byste se měli podívat na Drupalovo téma Stark.
- Patří k jádru Drupalu 7 a byl speciálně vytvořen tak, aby návrháři měli přímý přístup k XHTML kódu Drupalu a pro své vlastní téma nepotřebovali nic jiného než CSS.
Krok 1: základ vašeho Drupalova tématu
Nejprve musíte položit základy pro vaše téma a zajistit, aby je Drupal vůbec rozpoznal.
- V instalaci Drupalu přejděte do adresáře / sites / all / themes a vytvořte zde novou složku.
- Nyní dejte této složce smysluplný název, například praxistipp_theme. Nezapomeňte napsat název malými písmeny.
- Nejprve vytvořte soubor .INFO, který poskytuje Drupalu základní informace o vašem tématu.
- Chcete-li to provést, otevřete nový soubor v textovém editoru, jako je například Poznámkový blok a zkopírujte následující řádky.
- name = Název popisu motivu = Stručný popis motivu. core = 6.x engine = phptemplate styly stylů [vše] [] = styl.css styly stylů [vše] [] = layout.css regiony [vlevo] = oblasti levého postranního panelu [vpravo] = oblasti pravého postranního panelu [obsah] = oblasti obsahu [ header] = Oblasti záhlaví [zápatí] = zápatí
- Změňte název a popis podle svých představ.
- Témata CSS pracují s Drupalem 6 a 7. Pokud píšete toto téma pro Drupal 7, musíte změnit core = 6.x na 7.x, aby Drupal téma správně třídil.
- Pomocí tohoto informačního souboru můžete pro své šablony definovat dvě šablony stylů a pět oblastí. Můžete však snadno přidat další šablony stylů a také oblasti.
- Uložte tento dokument jako .INFO a uložte jej do složky, kterou jste dříve vytvořili.
Krok 2: upravte soubory CSS vašeho motivu Drupal
Šablona Stark používá pouze jeden soubor CSS: layout.css. Obsahuje pouze nejnutnější informace.
- Tento kód slouží pouze k třídění základního obsahu instalace Drupalu. Ve svém vlastním souboru layout.css nepotřebujete, aby vaše téma a šablony fungovaly.
- Nejprve definujte rozložení motivu vytvořením vlastního souboru layout.css.
- Buď zkopírujte obsah z rozložení-css. Soubor motivu Stark nebo vyplňte soubor vlastním kódem.
- Při kopírování mějte na paměti, že soubor CSS je určen pro Drupal 6. Třídy a ID se mohou lišit v Drupalu 7.
- Potom byste měli vytvořit další standardní soubory CSS, například print.css. Jsou však volitelné.
- Na každý vytvořený soubor CSS musí být uveden odkaz také v souboru .INFO. Například pro print.css přidejte šablony stylů čar [vše] [] = print.css.
- Poté vložte všechny soubory CSS do složky, kterou jste vytvořili pro svůj motiv.
Hlubší změny šablon v základních souborech Drupalu
V zásadě můžete pomocí stylů sestavovat univerzální a jedinečná Drupal témata. Pokud vám základní funkce šablon nestačí, měli byste se podívat na centrální PHP šablony od Drupalu. Čtyři jsou zásadní:
- page.tpl.php ovlivňuje obecné rozvržení stránky.
- node.tpl.php spravuje části obsahu vašeho webu, tj. uzly nebo uzly.
- block.tpl.php je zodpovědný za obsahové bloky bez ohledu na region, ve kterém jsou umístěny.
- comment.tpl.php ovlivňuje komentáře na vašem webu.
- Zkopírujte tyto soubory do složky motivu a změňte je zde. Vyhněte se přímým úpravám originálů, protože to ovlivní všechna témata, která nemají své vlastní soubory PHP.
- Úpravou těchto souborů můžete nyní také změnit základní strukturu HTML šablon a mít úplnou kontrolu nad tématem a přidruženými šablonami.
Pokyny se týkají Drupalu 6 - v novější verzi se mohou vyskytnout malé odchylky. Pokud byste nyní raději přepnuli na WordPress, ukážeme vám, jak vytvořit téma WordPress zde.