Gutenberg

Na této stránce ukazuji, jak jsem sem implementoval Gutenberga. Dost možná to postačí na vělkou většinu webu.

Předdefinovaná barevná paleta o

Gutenberg i TinyMCE mají předdefinovanou barevnou paletu s barvami z návrhu. Díky tomu už to nebude třeba lovit.

Protože je paleta dostupná všude, nakonec jsem neudělal předdefinovanou barevnost obsahu. U tlačítek a u všeho, co lze obarvit, je barevnost volitelná na pár kliknutí…. Přijde mi to asi lepší takto, než to přepisovat natvrdo v kódu. Podle mne když budou chtít odkazem či tlačítkem z jedné sekce odkázat na druhou, bylo by dobré, aby zůstala možnost obarvit obsah i podle jiné sekce – což se může dělat manuálně a snadno.

Rozšíření obsahu

Gutenbergovský obsah má definovanou standardní šířku, kterou je možno rozšířit na .alignful a .alignwide. Ukázky níže:

Přes celou šířku

Rozšířená šířka

Výše uvedné bloky jsou odstavce, kterým je nestandardně nastavená šířka pomocí tříd alignfull a alignwide. U bloků, které podporují rozšiřování, není třídu nutné nastavovat a vše funguje ručně.

Následují ukázky alignful bloků