Spielwiese von Sascha Liem – für Freunde, Partner, Azubis, Kunden und andere Lernwillige …
Auf dieser Website dokumentiere ich Workarounds, um verschiedene visuelle oder funktionale Anforderungen mit den kostenlosen Versionen des GeneratePress Themes und dem GenerateBlocks Plugin umzusetzen.
Es dient als kleines Code-Schnipsel-Repository für GenerateBlocks, das mit der Zeit wachsen soll und künftig eine Filter-Funktion bekommt.
Diese Sammlung ist noch im Aufbau und einzelne Artikel noch unvollständig!
Letzte Artikel
Light Trail / Border Beam / Animated Border Gradient EFFECT wt GenerateBlocks & CSS
Examples by Greenshift: https://greenlightdemo.instawp.xyz/ & https://greenshift.wpsoul.net/who-we-are-section-greenlight/. Alternative tutorial: https://ibelick.com/blog/create-animated-gradient-borders-with-css Implementation: A (multi-)colored element rotating conically via CSS is added inside a container, which is visible only along the container’s border. Container BLOCK EDITOR:Define padding, border & border-radius of container.Set border colour to transparent or semi transparent.Add any content inside the container. Container Container Title Container … Read more
Automatisch responsive Layouts mit GP & GenerateBlocks – Ganz ohne Breakpoint-Stress [TOP]!!!
Wenn du schon mal genervt warst, an jedem einzelnen Breakpoint deinen Content in GeneratePress mit GenerateBlocks nachzupflegen, habe ich hier die perfekte Anleitung für dich. Du lernst, wie du Padding, Typografie, Karten-Grids und Bildgrößen automatisch responsiv gestaltest, ohne für Tablet und Mobile alles doppelt (und dreifach) zu machen. 1. Padding ohne nervige Einzelanpassungen Statt für … Read more
Wann nutzt du Elements, Patterns oder Synced Patterns?
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 … Read more
Reusable Blocks Vs Global Styles Vs Local Pattern (GenerateBlocks & GeneratePress) – Ivan Oung
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
GB Position posts horizontally via Query Loop
Create a horizontal scroller with CSS Grid — An instant UI improvement for any blog grid!From https://www.youtube.com/watch?v=Ipi46aNFyfE Tutorial Demo To see the effect, simply view this post on your mobile device:
Advanced Accordion & Tabs Ideas
CSS (applied via SimpleCSS): Accordion Uberschriften, Bullet-Points und Info-Felder kombinierst du mitBildern, Videos und Audios. Uberschriften, Bullet-Points und Info-Felder kombinierst du mitBildern, Videos und Audios. Uberschriften, Bullet-Points und Info-Felder kombinierst du mitBildern, Videos und Audios. Tabs My video content for Tab 1 My video content for Tab 2
Test: Memberships, User Profiles & Directories Plugins
Bold = Top Rating on WPHive BuddyPresshttps://wordpress.org/plugins/buddypress/ Community by PeepSo – Social Network, Membership, Registration, User Profileshttps://wordpress.org/plugins/peepso-core/ ProfileGrid – User Profiles, Groups and Communities – WordPress plugin | WordPress.orghttps://wordpress.org/plugins/profilegrid-user-profiles-groups-and-communities/ User Registration – Custom Registration Form, Login Form, and User Profile WordPress Pluginhttps://wordpress.org/plugins/user-registration/ RegistrationMagic – Custom User Registration Forms Pluginhttps://wordpress.org/plugins/custom-registration-form-builder-with-submission-manager/ User Meta – User Profile Builder … Read more
Create This Stunning Animation with GenerateBlocks and a Few Lines of CSS
Works on Chrome only! Check compabitily here. CSS via Simple CSS From YT TheAdminBar
Overlay Effect On Hover (GB)
Overlay Effect On Hover – GP Docs Example