Display suite: naklikejte si layout článků v Drupalu bez úprav CSS

Kdo se nebojí sáhnout do šablon v Drupalu a ovládá CSS, ten určitě nemá s úpravami layoutu článků problém. Ale i zkušení Drupalisté možná ocení modul, který umožňuje naklikat layout článků a jiných typů obsahu i bez toho, že byste jej museli pracně definovat v šabloně a v CSS.

Standardní layout článku v Drupalu 7 vypadá takto: nadpis, pod ním úvodník, připojený obrázek, text článku. Pomocí kaskádových stylů můžete třeba úvodníky přeskládat tak, aby byl nadpis, pod ním jméno autora a datum, následně obrázek a vedle něj text.

Pokud byste chtěli, aby byl vedle obrázku zarovnán už i nadpis, museli byste vše pracně pozicovat pomocí stylů, případně obrázek ručně vypsat v šabloně ještě před nadpisem. Není to výrazně složité, jde jen o pár řádků kódu, ale pro někoho to může být naprosto nepředstavitelné.

Naštěstí zde existuje další možnost, jak vzhled článků, respektive jiných typů obsahu, upravit. Tou možností je modul Display suite. Tam, kde ve správě obsahu běžně upravujete vzhled políček připojených k článku v úvodníku, detailu a jiných typech zobrazení, si můžete nadefinovat nový layout a políčka přiřadit do jednotlivých částí takového layoutu.

V praxi tak můžete zvolit dvousloupcový layout pro úvodníky, do levého sloupce přesunout políčko s obrázkem a doprava pak nadpis a text. Během několika kliknutí tedy zrealizujete to, co byste jinak museli v šabloně kódovat nebo přinejmenším kopírovat z jiného projektu. Vygenerovaného kódu se to navíc nijak výrazně nedotkne - přibyde v něm pár dalších DIVů a k nim sada odpovídajících kaskádových stylů.

Jak na popsaný úkol pomocí modulu Display suite, tedy na úpravu zobrazení úvodníků článků, vám ukáže následující video.

Zde je rekapitulace zmíněných modulů:

• Display suite
• Chaos tool suite
• Devel (a jeho součást Devel generate pro hromadné vytvoření vzorového obsahu)
• Acquia Dev Desktop