Sweaver: upravte si vzhled Drupalu klikáním a v prohlížeči

Zajímavý modul pro redakční systém Drupal umožňuje snadnou úpravu vzhledu prvků na webu. Zobrazí vám vizuální nástroj pro úpravu CSS s možností okamžitého uložení a použití vzhledu. Žádné kopírování nebo zápis stylů nejsou třeba.
reklama

Přestože zastávám názor, že pro kvalitní web se bez znalosti CSS neobejdete, i já občas sáhnu po nástrojích jako je program Artisteer. Naklikání vizuální stránky webu výběrem z několika šablon a jejich následnou úpravou se může hodit u malých webů sloužících jako mikrostránky pro nějaký hlavní projekt.

Je mi ale jasné, že řada z vás jsou více či méně zkušení začátečníci nebo drupalisté, kteří zkrátka nepotřebují či nechtějí dělat zásadnější úpravy na webu. Ani nechcete kupovat Artisteer. Vystačíte si s nějakou výchozí šablonou vzhledu, ale rádi byste si ji upravili podle svých představ. Neumíte přitom CSS tak dokonale. A právě pro takový scénář je určen modul Sweaver, který si dnes představíme.

Naklikejte si vzhled pro Drupal pomocí modulu Sweaver

Jakmile modul Sweaver zapnete, uživateli s oprávněním pro jeho použití se ve spodní části webu objeví speciální nástrojová lišta. Klepnutím na první tlačítko ji vysunete a můžete se pustit do úprav.

S vysunutou lištou Sweaver a zobrazenou kartou Styles klepněte na některou z položek na webu. Všimněte si, že dojde k jejímu orámování a v liště Sweaveru se objeví řada ovládacích prvků. V černé části vidíte aktuálně vybraný prvek v DOM struktuře dokumentu. Pokud chcete upravit nadřazenou část, stačí do cesty kliknout.

Sweaver

V zelené části lišty Sweaver pak už rovnou upravujete vzhled vybraného prvku. Bez toho, že byste znali, co je potřeba zapsat do CSS, si zde naklikáte použité písmo, velikosti, barvy, zarovnání, ale také vnitřní a vnější odsazení nebo rámeček.

Sweaver

Na kartě Advanced můžete už s alespoň částečnou znalostí CSS zase potlačovat vytvořené úpravy. Karta Image umožňuje nahrát obrázek, který posléze použijete jako pozadí vybraného prvku na webové stránce s Drupalem. Jestliže váš Drupal má zapnuto více témat vzhledu, přepnete se mezi nimi na kartě Switch theme.

Položka Theme settings nabídne několik tlačítek zobrazujících překryvnou stránku s možností úprav loga, přepínače prvků, které jsou na webu zobrazeny a podobně. Jinými slovy stejné nastavení, jako dává k dispozici Drupal ve své klasické administraci.

Změny ve vzhledu pro Drupal můžete rovnou uložit

Co vás na modulu Sweaver zřejmě zaujme nejvíce, je skutečnost, že veškeré provedené změny lze přímo z jeho rozhraní ihned uložit. Není tedy nutné nic kopírovat a někam do webu ukládat. Prostě jen stisknete tlačítko Save a případně Publish, kterým změny ve vzhledu rovnou aplikujete a uvidí je i ostatní uživatelé.

V praxi to funguje tak, že Sweaver na základě vašich úprav generuje vlastní soubor CSS umístěný ve složce souborů a při načítání stránky jej připojí.

Nastavení modulu Sweaver pro Drupal 7

Modul Sweaver je k dispozici jak pro Drupal 6, tak pro Drupal 7. V sedmičce najdete jeho nastavení v administrační části Konfigurace > Uživatelské rozhraní > Sweaver.

Na první stránce nastavení lze upravit cesty stránek, na kterých se lišta Sweaver nebude zobrazovat. Typicky třeba pro administrační části webu. Zajímavější je sekce Editor, kde je možné přidávat nové selektory a vlastnosti CSS, které je možné pomocí Sweaveru měnit.

Doporučuji navštívit též nastavení Plugins, kde lze oproti výchozímu nastavení zapnout další podporované funkce pro úpravy vzhledu. Na záložce Styles zase pracujete s již vytvořenými sadami úprav. Sweaver umí používat i klávesové zkratky, které si v jeho nastavení případně upravíte podle své potřeby.

Přestože pomocí modulu Sweaver nikdy nedosáhnete takové flexibility, kterou vám umožňuje ruční zápis CSS, spoustu věcí s ním ovlivníte. A jak jsem zmínil na začátku, pro případy, kdy používáte nějaká hotová témata vzhledu z Drupal.org či odjinud a chcete v nich provést jen mírné úpravy, může Sweaver plně stačit.

 

Tagy
Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer a Site Builder a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.

reklama

Komentáře k článku

Přidat komentář

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru