Ako vytvoriť tému Drupal 7?

Uistite sa, že ste pripravení zvládnuť kroky. Aby ste mohli efektívne sledovať a dokončiť návod, mali by ste porozumieť základom:

• Účel webových stránok
• HTML a CSS: ako sa používajú na vytváranie webových stránok Insertformulahere {\ displaystyle Insertformulahere}
• PHP: čo to je a ako sa používa na vylepšenie
• CMS: čo sú zač a ako sa používajú na napájanie webových stránok
• Drupal: Ako pomocou neho vytvoriť jednoduchú webovú stránku
• Nenechajte sa však týmto zoznamom odradiť. S dostatočným nadšením sa môžete naučiť, čo potrebujete, a to podľa tohto tutoriálu.

Nastavte vývojové prostredie. Aby ste tému vytvorili rýchlo a hladko (bez problémov s pripojením na internet), mali by ste vo svojom počítači nastaviť vývojové prostredie (program na úpravu kódu a testovací server). Najbežnejším spôsobom, ako to urobiť, je nainštalovať zásobník WAMP / LAMP / MAMP (W: windows; L: Linux; M: Mac, A: Apache, serverový softvér; M: MySQL, databázový softvér; P: PHP, skript na strane servera) a stiahnite si editor kódu s otvoreným zdrojovým kódom.

Navrhnite webovú stránku. Začnite načrtnutím rozloženia domovskej stránky svojho webu pomocou ceruzky a čistého listu papiera; musíte sa cítiť slobodne robiť chyby a zmeny. Nakreslite všetky časti základnej webovej stránky vrátane hlavičky, navigačnej ponuky (ktorá môže byť tesne pod hlavičkou alebo na bočnom paneli), tela stránky (pre obsah) a päty. Vo svojom návrhu môžete mať ďalšie oblasti. Keď ste so svojim návrhom spokojní, vytvorte si načrtnutý návrh a vytvorte grafický program, ktorý vám umožní navrhovať webové stránky, napríklad Adobe Photoshop alebo ešte lepšie Adobe Fireworks.. Potom nezabudnite pridať všetky ostatné vizuálne prvky; zvážte farby a kontrasty tmavého svetla, typografiu a to, ako pridáva na používateľovom zážitku, rozloženie a prázdne miesta (prázdny priestor je dôležitý!) a ako doň zapadne obsah.

Vytvorte webovú stránku pomocou HTML a CSS. Rovnako ako v kroku návrhu webovej stránky je pravdepodobne najefektívnejšie vytvárať iba webové stránky webu, ktoré majú svoje vlastné jedinečné rozloženie, napríklad domovskú stránku a stránku Kontaktujte nás. Udržujte rozloženie čo najjednoduchšie a podľa možnosti používajte moderné postupy a konvencie (napríklad HTML5 a CSS3). V tomto okamihu nepridávajte žiadne skriptovanie na strane servera (napríklad PHP) a skriptovanie na strane klienta (napríklad Javascript) obmedzte na minimum, aby nezasahovalo do kódu Drupalu; toto je možné pridať neskôr.

Nastavte si Drupal a začnite s vytváraním tém. Stiahnite si drupal a presuňte súbory na server, ktorý použijete na vývoj svojej témy (váš testovací server - odporúča sa - alebo online server). Umiestnite stiahnuté súbory do koreňového priečinka (ak používate testovací server, je to priečinok www alebo localhost). Pomocou webového prehliadača prejdite do koreňového priečinka (napr. Http: // www/) a postupujte podľa pokynov na inštaláciu. Potom by ste mali nainštalovať všetky moduly, ktoré budú užitočné pri vývoji tém.

Pochopte štruktúru webových stránok drupalu a prevádzajte na ne svoje statické stránky.

• Webové stránky HTML sú známe ako „statické“ - čo znamená, že nie sú navrhnuté tak, aby obsahovali obsah, ktorý sa pravidelne mení - a sú zostavené pomocou značiek blokového typu, ako sú „divs“ (a „hlavička“, „päta“ atď. HTML5). Webové stránky Drupalu sú kombináciou statických častí (HTML) a dynamických častí - častí, ktoré obsahujú obsah, u ktorého sa očakáva pravidelná zmena. Tieto dynamické časti sa v Drupale nazývajú „regióny “. Príkladom regiónu je bočný panel, do ktorého možno budete chcieť vložiť navigačné odkazy, vyhľadávacie pole, tlačidlá sociálnych médií atď. Vizuálne znázornenie nájdete na obrázku nižšie:
• Veci, ktoré môžete vložiť do regiónov, sa v Drupale nazývajú „bloky “. Bežne používanými blokmi sú napríklad vyhľadávacie pole alebo ponuka. Po prihlásení do Drupalu na stránke Štruktúra > Bloky môžete vkladať bloky do regiónov, znova ich usporiadať a bloky z regiónov odstraňovať. Mnoho z dostupných blokov na typickom webe Drupalu poskytujú nainštalované moduly, ale na stránke Bloky si môžete vytvoriť svoje vlastné bloky.
• Obsah každej webovej stránky (hlavný text, nadpisy, obrázky a podobne) je tiež umiestnený do oblasti: oblasti „Obsah“, ktorá je potrebná pre všetky témy Drupalu. Obsah každej webovej stránky (alebo blogového príspevku alebo vlastného typu obsahu) sa nazýva „uzol“ a je zabalený do bloku obsahu hlavnej stránky. Inými slovami, obsah stránky O nás je uložený v uzle (samozrejme s typom uzla „stránka“) a je odoslaný do bloku obsahu hlavnej stránky, ktorý je umiestnený v oblasti Obsah.
• Všimnite si toho, že niekedy je na jednej webovej stránke zobrazených viac uzlov prostredníctvom bloku obsahu hlavnej stránky; príkladom je titulná stránka, ktorá v predvolenom nastavení zobrazuje niekoľko najnovších článkov webovej stránky (blogové príspevky).
• Vaša téma bude ovládať regióny, ale nie to, čo do nich vložili správcovia webových stránok. Ako tematicky informujete Drupal, ktoré regióny bude mať vaša téma, a zaregistrujte ich do súborov nazývaných šablóny, ktorým sa venuje ďalšia časť.