Create a horizontal scroller with CSS Grid — An instant UI improvement for any blog grid!
From https://www.youtube.com/watch?v=Ipi46aNFyfE
Tutorial
Add CSS Class scroll-grid to the Looper Block inside the Query Block
Add CSS code via Customizer or Child Theme
@media (max-width: 1024px) {
.scroll-grid {
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: 320px;
overflow-x: scroll;
}
scroll-gnap-type: x mandatory;
.scroll-grid > div {
scroll-snap-align: start;
}
}Demo
To see the effect, simply view this post on your mobile device:
Wann nutzt du Elements, Patterns oder Synced Patterns?
11.12.2024
Webdesign mit dem GenerateStack Als WordPress-Entwickler oder in einer Agentur brauchst du klare Richtlinien für die Verwendung verschiedener Komponenten-Typen. Besonders wenn du mit GeneratePress und GenerateBlocks arbeitest, ist die richtige Wahl zwischen Elements, Patterns und Synced Patterns entscheidend für eine effiziente Website-Entwicklung. Das Fundament: Customizer und Global Styles WordPress Customizer Der GeneratePress Customizer ist deine
Reusable Blocks Vs Global Styles Vs Local Pattern (GenerateBlocks & GeneratePress) – Ivan Oung
11.12.2024
What sets site-wide editing apart from page editing, is the capability of managing multiple elements across the entire site. Source: Reusable Blocks Vs Global Styles Vs Local Pattern (GenerateBlocks & GeneratePress) – Ivan Oung
MB Add dynamic template tags2
02.10.2023
Beispiel: {{theme.company_info}} -> (Company Info – von Dashboard > Business DetailsBeispiel: {{fn.get_the_title}} -> (Post Titel) Requirements: Aber es geht auch mit Groundhogg (“Replacement Code”), siehe Anleitung! Use Case: Dynamische Anzeige von Custom Fields Syntax innerhalb {{}}: Nachfolgend beschreibe ich die Optionen je mit einem Beispiel, ansonsten auch hier beschrieben. field – Gets the custom fields
Timer Actions in Groundhogg
29.06.2023
Check FB-Group-Post & GH-Docs Groundhogg has four timers(Actions) *Date Timer, Field Timer, and Advanced Timer require the Groundhogg – Advanced Features extension
Simple Responsive Font Size Calculator – The Admin Bar
21.04.2023
Using this calculator is actually very simple. All you need to do before using the Simple Responsive Font Size Calculator is determine the pt size of the body copy on your website. … Source: Simple Responsive Font Size Calculator – The Admin Bar
GH Replacement Codes & Shortcodes
14.04.2023
Replacement Codes sind Variablen für einzelne Felder im Zusammenhang mit einem Kontakt, die in E-Mails, Funnels oder auf Seiten oder Beiträgen eingesetzt werden können. Eine Intro zum Thema Replacement Codes findest du in den GH-Docs hier. Ein Beispiel, um auf einer Page ein “Hallo Adrian” einzufügen: Doch was tun, wenn einige Kontakte ohne Vorname sind?
GH Webform CSS Groundhogg
13.04.2023
Konditionale Layout-Breite mit GP-Elements & per Child-Theme (Full Width)
08.04.2023
Mit GeneratePress und GenerateBlocks ist es möglich, nahezu jegliche Layout-Anforderungen umzusetzen. Häufig sollen beispielsweise Landingpages erstellt werden, auf denen sich ein farbiger Hintergrund einzelner Sektionen über die gesamte Bildschirmbreite erstreckt. Der Content soll aber in den Sektionen innerhalb der global definierten Content-Width bleiben. GP & GB ermöglichen solche Layouts, indem Content-Width (per Theme & Editor)
GH Checkbox im Kommentarfeld – Subscribe via Comment mit Groundhogg
10.01.2023
Die Kommentar-Funktion in WordPress ermöglicht dir, mit denen Besuchern mehr zu interagieren und sogar deine SEO-Rankings zu verbessern. Für die kommentierenden Besucher, Benutzer oder Kunden deiner Site selbst hingegen bietet WP standardmäßig keine weiteren Funktionen bereit. Dabei wäre es sinnvoll, eine automatische Anmeldung im Newsletter, oder auch eine automatische Mail-Benachrichtigung über weitere Kommentare anzubieten. Für