Animated Underline Effect on Hover – NavMenu
From 30secondsofcode Class hover-underline-animation muss den Nav-Menu-Items hinzugefügt werden
Nav-Menu – Letztes Item als Button anlegen
Siehe auch GP-Docs Zunächst muss im Dashboard > Appearance > Menu die individuellen CSS-Classes für Menu-Items freigeschaltet werden. Danach einem Item die Class nav-button zuweisen und diese über Customizer-CSS zum Button gestalten.
Animated Underline Effects on Hover
Im Customizer > General kann eingestellt werden, ob und wann ein Link unterstrichen werden sollen: Always, Never, Always on Hover, Never on Hover. Dort kann auch die Linke-Farbe eingestellt werden. Sieht noch schicker aus, wenn sich etwas bei Maus-Berührung bewegt. Oder auch, wenn ein Animated-Underline-Effekt on hover nur bei Menu-Items oder dem Text in den … Weiterlesen
Lightbox-Modal mit GenerateBlocks? Geht nicht
Siehe GP-Forum Hierfür besser eine der folgenden Optionen wählen: Kein WP Featherlight mehr, weil es mit jQuery läuft Bisher noch keine finale gute Lösung gefunden! Kadence & Greenshift bieten Modal-Lösungen, aber sind umständlich und für einfach Bilder / PDF Vorschau zu aufgeblasen
Timeline without Plugin
Timeline created with Headline-Blocks & SimpleCSS Both Headline-Blocks are inside Container. CSS is added via SimpleCSS (to create the connection line). Also added JavaScript via Hook-Element (wp_header > only use on this post): Headline 1 Headline 2 In this demo, I want to show 3 container-items stacked up vertically and connected using a „timeline“. The … Weiterlesen
Umschalter / Toggle-Switch mit GB umsetzen
Mit einem Toggle bzw. Umschalter können verschiedene Inhalte an der gleichen Stelle angezeigt werden. Die Inhalte können je nach Anordnung im Block-Editor individuell platziert werden, z.b. unterhalb des Schalters oder auch links oder rechts daneben. Nachfolgend ist das Beispiel zu sehen, dann der Code und am Ende die Struktur im Editor sowie die Blöcke, auf … Weiterlesen
Hero Header with default Cover Block
This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this: Hi there! I’m a bike messenger … Weiterlesen