Quadratisches Bild als Cover-Block mit innerem Container (Generate Blocks)
Twenty Twenty ist ein WordPress-Theme, das zunächst ziemlich schlicht ist. Das Theme wurde mit der WordPress 5.3 erstmals als neues Standard-Theme veröffentlicht. Das Standard-Theme für 2020 soll die Flexibilität des Block-Editors voll ausschöpfen. Zusätzlich soll das Theme u. a. die Möglichkeit bieten, dynamische Landing-Pages mit Layouts durch Nutzung der Gruppen- und Spaltenblöcke zu erstellen.
Wir hatten schon kurz nach Erscheinen des Themes die Idee, dieses Theme im Bedarfsfall einzusetzen. Immer wieder haben wir uns das Theme angeschaut und kamen dabei sehr häufig damals zu dem Schluss, lieber Themes wie z. B. Twenty Seventeen, Customizr oder Evolve einzusetzen, weil wir einfach nicht ganz überzeugt waren und uns einige Features wie z. B. ein „Sticky Menue“ fehlten. Natürlich ist die Farbgebung nicht jedermanns Sache. Aber die Farben kann man natürlich weitestgehend mit Bordmitteln, also über den Customizer ändern (siehe Design > Customizer).
Man kann mit wenigen Mitteln mit CSS durchaus interessante Effekte einbauen. Das möchte ich in diesem Beitrag beschreiben.
Die Überschrift
Herzlich willkommen
Folgend bieten wir Ihnen aktuelles, fundiertes Expertenwissen rund um unsere Produktwelt
Imintistione perro maio et dolum dolorum con et audisi rem delendi rem fugitatat dolore maximagnis eum ut vellab ipsant, volent modit et, audipiet eum re, aniae volenis parisse quamusc ipsaeru ntisiminim aut qui dolupta seque ommod ex et ute vollani stiume prere volupta ectiatent quame in parum exceari vernat quia aut occatur? To iniassim ipsunt quo blatias autemped quo tet proremp orehent emperor estrum quuntur, nuscieniam, as et magnatur aut quo volorep eribusti comnim et quia quid unt aut omnimus. Imintistione perro maio et dolum dolorum con et audisi rem delendi.
Die Überschrift
Nur mit Bordmitteln
Die Überschrift
Cover
Noch ein Cover
TEST
Die Überschrift
Hier steht die Überschrift oben und das passt dann auch quadratisch perfekt
Die Überschrift
Hier steht die Überschrift unten. Da passt das quadratisch zumindest bei schmaleren Devices nicht mehr