site & style guide

Basiert auf diesem Video:


Styles H1-H6 einrichten — Buttons als Global Styles, andere Titel als Global Styles (nicht-Google-semantisch?) — Generate Elements einrichten (Header; Hooks)
Bei 14:28 schlägt er noch vor, die entire width der Site einzuschränken, wg. Ultra-Bildschirmen. Zwei Hooks, Code, eines öffnet div, das andere schliesst div.


body:
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Das ist Titel H1

Das ist Titel H2

Das ist Titel H3

Das ist Titel H4

Das ist Titel H5

Das ist Titel H6

Heading aus den Global Styles (GenerateBlocks PRO)

WP / Generate Blocks / Global Styles > Headings — siehe auch Buttons aus den Global Styles

Pre Header

Pill header


Buttons aus den Global Styles (GenerateBlocks PRO):

Erstellt in den Global Styles, schlau benannt: Button-Block, dann rechts ON:useglobalstyle, dann den gewünschten Button wählen:

Button secondary, overridden bottommargin
Button primary

accent

contrast 3

contrast 2

contrast


Elements – komplex aber powerful

asdf


Plugins

  • Perfmatters: speed up your site is by disabling scripts; with simplicity in mind
  • OMGF oh my google fonts: listet die von google eingebeamten fonts auf, holt sie lokal rein