Jak v Drupalu 8 na fotky s textovým vodoznakem

Styly obrázku určitě znáte. Měli byste znát, pokud s Drupalem pracujete. S jejich pomocí určujete, v jaké podobě se má nahraný obrázek zobrazit, pokud se dívám na zvolený typ obsahu v tom kterém režimu. Jednoduše řečeno: zobraz mi všechny fotky u článku zmenšené na 480 x 480 px v případě, že mám článek rozkliknutý.

Styl obrázku se skládá z několika efektů, jejichž výběrem a vhodným nastavením pořadí docílíte požadované úpravy. Základní sada efektů je však ve výchozí instalaci Drupalu poměrně omezená. Proto se v tomto návodu obrátíme na doplňkový modul Image Effects.

Jak přidat vodoznak do Drupalu 8

Stáhněte a zapněte si zmíněný modul, upravte si styl obrázku tam, kde plánujete doplnit vodoznak a do složky sites/default/files si nakopírujte soubor s písmem.

1. Po zapnutí modulu Image Effect přejděte do administrační sekce Nastavení > Média > Styly obrázků. Zde si rozklepněte úpravu zvoleného stylu obrázků.
2. V nabídce efektů budete mít díky přítomnosti modulu Image Effect celou řadu dalších nastavení. Pro vodoznak nás zajímá položka Text overlay, kterou vyberte a přidejte.
3. V nastavení efektu zadejte text, který chcete ve vodoznaku mít. Přepněte se na položku Nastavení fontu a uveďte cestu k souboru s písmem. Jestli odpovídá umístění sites/default/files/font.tff, pak zadejte public://font.ttf.
   
4. Na kartě Layout settings vyberte pozici, ve které se má vodoznak objevit. Další nastavení efektu, jako velikost písma, odsazení a podobně upravte dle libosti a nastavení uložte.
   

A to je vše. Nyní se podívejte na stránku, kde se obrázek vyskytuje v upraveném stylu, a zkontrolujte, že se u něj vodoznak objevil.

Pro ty z vás, kdo mají raději názorné video, jsem samozřejmě připravil videonávod:

Tip: pokud s Drupalem začínáte a styly obrázků jsou pro vás španělská vesnice, připomínám svou knihu Drupal 8 a také školení pro Drupal. Rád vám pomohu.