GenerateBlocks

Beschreibung

Füge deinem Editor eine unglaubliche Vielseitigkeit hinzu, ohne ihn mit Tonnen von eindimensionalen Gutenberg-Blöcken aufzublähen. Mit GenerateBlocks kannst du eine Handvoll Blöcke in der Tiefe lernen und sie zum Erstellen von allem verwenden.

GenerateBlocks arbeitet Hand in Hand mit GeneratePress, ist aber so konzipiert, dass es mit jedem beliebigen Theme funktioniert.

Looking for more features? Check out GenerateBlocks Pro.

Container

Organisiere deinen Inhalt in Zeilen und Abschnitte. Der Container-Block ist die Grundlage deines Inhalts und ermöglicht es dir, einzigartige Abschnitte für deinen Inhalt zu gestalten.

Raster

Erstelle erweiterte Layouts mit flexiblen Rastern. Der Raster-Block gibt dir die Möglichkeit, jede Art von Layout zu erstellen, die du dir vorstellen kannst.

Überschriften/Schlagzeile

Erstelle textreiche Inhalte mit fortgeschrittener Typografie. Alles von Überschriften bis hin zu Absätzen – übernimm die volle Kontrolle über deinen Text.

Button

Mit schönen Buttons Conversions voranbringen.

Query Loop

Build a list of posts from any post type using advanced query parameters.

Image

Add static or dynamic images to your content to make a visual statement.

Performance

Wir nehmen Performance ernst. Minimales CSS wird nur für die Blöcke generiert, die du benötigst, und unsere HTML-Struktur ist so einfach wie möglich und bietet gleichzeitig maximale Flexibilität.

Coding-Standards

Gebaut nach den höchsten Kodierungsstandards für Sicherheit, Stabilität und zukünftige Kompatibilität.

Vollständig responsiv

Jeder Block wird mit Bedienelementen für Tablet und Smartphone geliefert, so dass du volle Kontrolle über dein responsives Design hast.

Dokumentation (engl.)

Weitere Informationen zu den einzelnen Blöcken und ihrer Verwendung findest du in unserer Dokumentation (engl.).

Installation

Es gibt zwei Möglichkeiten, GenerateBlocks zu installieren.

  1. Gehe zu „Plugins > Installieren“ in deinem Dashboard und suche nach: GenerateBlocks
  2. Lade die .zip-Datei von WordPress.org herunter und lade den Ordner per FTP in das Verzeichnis /wp-content/plugins/ hoch.

In den meisten Fällen wird #1 gut funktionieren und ist viel einfacher.

FAQ

Wie kann ich Blöcke zu meiner Seite hinzufügen?

  • Erstelle einen neuen Beitrag oder eine neue Seite
  • Füge einen neuen Block hinzu, und suche nach der Kategorie „GenerateBlocks“.
  • Wähle deinen Block und beginne mit dem Aufbau.
  • Es ist immer am besten, mit einem Container-Block zu beginnen.

Welches Theme sollte ich verwenden?

GenerateBlocks wurde entwickelt, um Hand in Hand mit GeneratePress zu arbeiten. Es funktioniert jedoch mit jedem von dir gewählten Theme.

Rezensionen

28. April 2023 1 Antwort
The grid block makes it easy to construct a tiled layout or 2 unequal columns to form a sidebar. These are responsive so, for example, if there are 3 tiles across the page, as the width is reduced the layout changes to 2 tiles, then one. Initially setting up the tiles is a bit complicated. One needs to add one tile (container), set all its options (width, padding, border, background, etc) then duplicate it as many times as required. It would be useful to be able to set properties for all the containers in a grid at once. Navigation can get a bit confusing and it's easy to add an extra container unintentionally. One has to keep an eye on the breadcrumbs at the bottom of the edit screen, or switch to the document overview. I haven't used any other blocks in the plugin.
16. März 2023 1 Antwort
With just 6 blocks you can built 98% of what you want! And, and it's free version is complete - they don't push you to buy PRO, because free lacks too many features.
14. Februar 2023 1 Antwort
5 stars to these guys. Elegant plugin, easy to use - and brilliant, friendly, responsive support. What more can you want?
10. Februar 2023 1 Antwort
GenerateBlocks integrate perfectly with the GeneratePress theme and the combination allows me to do almost anything I want! The documentation is excellent, clearly written and their support team are always willing to help and quick to respond! Thank you 🙂
28. Januar 2023
Other good options exist, but no other options are as good or crafted with such care.
Alle 103 Rezensionen lesen

Mitwirkende & Entwickler

„GenerateBlocks“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„GenerateBlocks“ wurde in 16 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „GenerateBlocks“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.7.3

  • Fix: REST API warnings
  • Fix: Old block deprecations

1.7.2

  • Fix: Non-registered onboarding keys were breaking root container
  • Fix: Block styling in block theme templates

1.7.1

  • Tweak: Add link to documentation under legacy layout toggle
  • Fix: Container width migration for old blockVersion: 1 blocks
  • Fix: Container padding migration for old blockVersion: 1 blocks
  • Fix: Missing block styling with some third-party plugins

1.7.0

  • Feature: Add flexbox controls to all blocks
  • Feature: Add sizing controls to all blocks
  • Feature: Add global max-width option to sizing
  • Feature: Add position option to all blocks
  • Feature: Add overflow options to Container block
  • Feature: Add flex child controls to Headline and Button blocks
  • Feature: Add Button Container variant using Container block
  • Feature: Deprecate existing Button Container block
  • Feature: Remove inner container div from newly added Container blocks
  • Feature: Add manual migration for existing Container blocks with inner container
  • Feature: Add insert inner Container button
  • Feature: Allow adding singular Button blocks
  • Feature: Allow grouping of singular Buttons inside a Container
  • Feature: Add z-index options to tablet and mobile
  • Feature: Add order option to desktop
  • Feature: Add text alignment to Button block
  • Feature: Add generateblocks_dynamic_source_id filter
  • Feature: Add generateblocks.editor.addButtonCurrentColors filter
  • Feature: Add generateblocks_block_css_selector filter
  • Feature: Add button type option
  • Feature: Accept ID-only searches in dynamic content post selects
  • Feature: Add template selector system
  • Feature: Add generateblocks.editor.renderBlock hook
  • Feature: Add onboard system
  • Feature: Add generateblocks.editor.settingsPanel filter
  • Feature: Use row-gap for Grid vertical gap option
  • Feature: Add generateblocks_block_one_time_css_data hook
  • Feature: Add generateblocks_before_container_open hook
  • Feature: Add generateblocks_after_container_close hook
  • Feature: Allow „auto“ as value in margin controls
  • Feature: Add generateblocks_use_visited_selector filter
  • Feature: Add generateblocks_query_loop_editor_posts_cap filter
  • Tweak: Improve typography font family select
  • Tweak: Improve Container block appender
  • Tweak: Migrate flexBasis to use one value with unit
  • Tweak: Move z-index to Layout panel
  • Tweak: Add Flex Child panel to Layout panel
  • Tweak: Improve Typography section layout
  • Tweak: Move Container alignment to typography section
  • Tweak: Change panel icon color
  • Tweak: Update block icons
  • Tweak: Move device buttons above block name
  • Tweak: Remove transition from Button block
  • Tweak: Remove block description from inspector controls
  • Tweak: Improve advanced select results
  • Tweak: Use new editor_script/style_handles
  • Tweak: Re-order panels
  • Tweak: Move Headline tag name control to Advanced
  • Tweak: Ignore button hover colors on current buttons
  • Tweak: Remove :visited pseudo selector from CSS
  • Tweak: Remove tag name from CSS selectors
  • Tweak: Load CSS later to prevent specificity issues
  • Tweak: Allow „0“ as HTML attribute value
  • Tweak: Replace gb-button__current class with gb-block-is-current
  • Tweak: Add pointer-events: none to pseudo backgrounds
  • Fix: Responsive placeholder not showing 0 value
  • Fix: Excerpt spelling mistake
  • Fix: Image placeholder position
  • Fix: Missing source ID in excerpt
  • Fix: Pagination buttons missing generateblocks_query_loop_args filter
  • Fix: Dynamic Button tag name with no link
  • Fix: Prevent faded background image in editor
  • Fix: Pass $block to generateblocks_parse_attr function
  • Fix: WP Filesystem error missing credentials

1.6.0

  • Feature: Add support for FSE styling
  • Feature: Improve dynamic select components performance
  • Feature: Add necessary filters and actions for ACF integration in GB Pro
  • Fix: Missing styling when blocks added outside content
  • Fix: Missing styling for blocks within loop content
  • Fix: Removing icons without text does not display text back again
  • Fix: „Sticky posts only“ not displaying correctly in the frontend
  • Fix: Pass dynamic container link to settings variable
  • Fix: Color picker behavior when manually changing value
  • Fix: Missing legacy alpha color slider in gradient component if set to 0
  • Fix: Remove gb-*-text class from dynamic blocks with icons
  • Fix: Dynamic content conflict with icons and custom classes
  • Fix: Missing legacy alpha color slider in gradient component
  • Tweak: Enqueue inline embedding stylesheet using wp_enqueue_scripts
  • Tweak: Remove block-editor-block-list__block class from root wrapper
  • Tweak: Headline transform to core Heading keep the level

1.5.4

  • Fix: Non hierarchical taxonomies with broken REST API calls

1.5.3

  • Feature: Added necessary filters for related posts
  • Feature: Add option to include/exclude term children in query
  • Fix: Dynamic image placeholder border radius
  • Fix: Duplicated block options in Query Loop when selecting links
  • Fix: Inherit query option in Query Loop
  • Fix: Keep the order in which query loop parameters are added
  • Tweak: Move Post Template list view label to Container

1.5.2

  • Feature: Add option to exclude or ignore sticky posts
  • Fix: Container gridId attribute not updating correctly
  • Fix: Broken dynamic author image block when avatars are disabled
  • Fix: Properly reset postdata after queries
  • Tweak: Set hasUrl attribute when adding URL to button

1.5.1

  • Fix: Require WordPress version 5.9 or higher

1.5.0

  • New: Dynamic data
  • New: Query Loop block
  • New: Image block
  • New: Add inline background image option
  • New: Add default container width option
  • New: Number component
  • New: Block icons in the editor
  • Fix: Button link redirecting outside editor
  • Fix: Nested block post excerpts
  • Fix: Button block causing window confirm on refresh
  • Fix: Shape panel spacing issues
  • Fix: Headline link hover color in editor
  • Fix: Outer container width in editor
  • Fix: Error in FSE when adding a Container to the front page
  • Fix: Color picker autocomplete when typing in color
  • Fix: Inherit box-sizing on gb-inside-container in editor
  • Tweak: Full code refactor in the editor
  • Tweak: Move button URL options to toolbar
  • Tweak: Switch all blocks to apiVersion 2
  • Tweak: Require WordPress 5.6
  • Tweak: Rebuild color component
  • Tweak: Rebuild dimensions component
  • Tweak: Rebuild typography component
  • Tweak: Add memory to open editor panels
  • Tweak: Make device buttons sticky
  • Tweak: Improve container width label
  • Tweak: Use compiled assets in script registration
  • Tweak: Improve button CSS selectors in the editor
  • Tweak: Allow more decimal places in background image opacity

1.4.4

  • Fix: Grid layout selector in WP 6.0

1.4.3

  • Fix: Error when opening Headline color pickers in WP 6.0
  • Fix: Button URL field not selectable in WP 6.0

1.4.2

  • Fix: Missing responsive editor styles in Firefox

1.4.1

  • Fix: Color picker UI in WP 5.9
  • Fix: PHP notice when first saving Dashboard settings
  • Tweak: Make Container appender relative positioned in WP 5.9

1.4.0

  • New: Add flex (flex-grow, flex-shrink, flex-basis) options to grid item containers
  • New: Add „auto“ width option to grid item containers on tablet and mobile
  • New: Allow CSS variables in color picker component
  • New: Use built-in color transparency in color picker component
  • Tweak: Improve design of empty Container blocks
  • Tweak: Remove Container padding defaults
  • Tweak: Remove grid gap default
  • Tweak: Remove gradient defaults
  • Tweak: Remove grid item width defaults
  • Tweak: Make Button Container stack & fill options device-specific
  • Tweak: Stop auto-adding z-index to Container when using pseudo gradients
  • Tweak: Only output shorthand CSS values if all fields are set
  • Tweak: Add missing tablet „order“ property from editor CSS
  • Tweak: Improve unique ID generation
  • Tweak: Remove GeneratePress full width option from Container block
  • Tweak: Replace advanced typography attribute with local storage
  • Tweak: Allow for empty Container padding values
  • Tweak: Check for FS_CHMOD_FILE constant in external css file
  • Tweak: Force inline CSS on single posts
  • Tweak: Remove „Select Grid“ button from grid item Containers
  • Tweak: Allow for no value in grid item width field
  • Tweak: Allow zero values for minHeight on devices
  • Tweak: Add new block on Enter key in Headline block
  • Tweak: Remove relative protocol from Google Fonts requests
  • Fix: Responsive border-radius when using pseudo backgrounds
  • Fix: Buttons alignment in the editor
  • Fix: Container tag name accepting any value
  • Fix: Missing align wide/full options when using block themes

1.3.5

  • Fix: Error saving classic widgets in Customizer
  • Fix: Console error in widget editor due to core/edit-post
  • Tweak: Remove wp-editor dependency from widget editor

1.3.4

  • New: Integrate with the new widget block editor
  • Fix: Memory leak when reusable blocks try to render inside themselves
  • Tweak: Use new block_categories_all filter in WP 5.8

1.3.3

  • Fix: Constant re-rendering of SVG icons in code editor
  • Fix: Broken CSS when empty/non-published re-usable blocks are on the page
  • Tweak: Add missing text domains

1.3.2

  • New: Add generateblocks.editor.buttonDisableFormatting filter
  • Fix: Error when using em unit on a div headline
  • Fix: Icon button spacing in WP 5.7
  • Fix: Responsive block borders when no desktop border is set
  • Tweak: Prevent Global Styles (Pro) from regenerating unique ID
  • Tweak: Integrate Grid block with Global Styles (Pro)
  • Tweak: Always inline CSS on AMP pages to avoid needing to fetch
  • Tweak: Adjust editor grid class name to prevent Sass build error

1.3.1

  • Tweak: Apply generateblocks.editor.cssAttrs filter to backgrounds

1.3.0

  • New: Add generateblocks.editor.cssAttrs filter
  • New: Add generateblocks_headline_selector_tagname filter
  • New: Add generateblocks.editor.panelContents filter
  • New: Add Add generateblocks.frontend.containerTagName filter
  • New: Add generateblocks.editor.headlineDisableFormatting filter
  • New: Add generateblocks.editor.beforeHeadlineElement filter
  • New: Add generateblocks.editor.urlInputMoreOptions filter
  • New: Admin header
  • Fix: Fix gradient when no stop value is found
  • Fix: Translations in the editor
  • Fix: Force inner container z-index when pseudo in use
  • Fix: Headline text input when has icon but no text
  • Tweak: Merge bg image and gradient controls into one tab
  • Tweak: Prepare for Global Styles in Pro
  • Tweak: Remove duplicate .gb-container class from CSS
  • Tweak: Add script translations file for settings JS
  • Tweak: Hide color picker label element if no label
  • Tweak: Update domPurify
  • Tweak: Import WP packages instead of defining them
  • Tweak: Add border-radius to pseudo background image elements
  • Tweak: Change Element Tag label to Tag Name
  • Tweak: Add placeholder to Headline block
  • Tweak: Remove add grid item button from toolbar when selecting layout

1.2.0

  • Markup-Änderung: headline-wrapper Element von Überschriften mit Icons entfernt
  • Markup-Änderung: Klasse button-text in gb-button-text im Button-Block geändert
  • Markup-Änderung: Bei Verwendung eines Icons nur den inneren gb-button-text span ausgeben
  • Markup-Änderung: Button-Block als span-Element ausgeben, wenn keine URL existiert
  • Markup-Änderung: Hinzufügen von gb-headline-text span-Element, wenn ein Icon im Headline-Block verwendet wird
  • Neu: Form Trenner im Container-Block
  • Neu: Alle Blöcke vollständig responsiv machen, wenn die responsiven Editor-Vorschauen genutzt werden
  • Neu: Eine Option hinzugefügt, die Gradienten als Pseudo-Element anwendet
  • Neu: Ein Option hinzugefügt, um die Bildgröße des Hintergrunds zu wählen
  • Neu: Optionen für Rahmen-Radius zum Headline-Block hinzugefügt
  • Neu: Der Filter frontend.insideContainer im Editor für den Container-Block
  • Neu: Der Filter frontend.beforeContainerClose im Editor für den Container-Block
  • Neu: Der Filter generateblocks_after_container_open im Frontend für den Container-Block
  • Neu: Der Filter generateblocks_inside_container im Frontend für den Container-Block
  • Neu: Der Filter generateblocks_before_container_close im Frontend für den Container-Block
  • Neu: Der Filter generateblocks_container_tagname im Frontend für den Container-Block
  • New: Add div as Headline block element choice
  • New: Add span as Headline block element choice
  • New: Add inner z-index option to Container
  • New: Aside option as Container tag name
  • New: generateblocks_dynamic_css_priority filter
  • New: Add support for desktop/tablet-only CSS
  • Fix: Stacked button alignment in the editor
  • Fix: Broken background image upload when using official AMP plugin
  • Fix: Button mobile border-radius
  • Fix: Check if grid data is an array before looping
  • Fix: Container tablet/mobile font size values
  • Fix: Button text not selectable in editor using Firefox
  • Tweak: Bump required WP version to 5.4
  • Tweak: Make Container block wrapper HTML dynamic
  • Tweak: Make Grid block wrapper HTML dynamic
  • Tweak: Make Button Container block wrapper HTML dynamic
  • Tweak: Move custom classes to core CSS classes field
  • Tweak: Move custom ID to core anchor field
  • Tweak: Remove deprecated isLarge prop in editor
  • Tweak: Better stacked button alignment on frontend
  • Tweak: Remove old browser prefixes
  • Tweak: Update DOMPurify
  • Tweak: Don’t strip protocol from dynamic stylesheet URI
  • Tweak: Move controls from our Advanced panel into core Advanced panel
  • Tweak: Move text alignment options in all blocks to the Block Toolbar
  • Tweak: Remove block margin in the editor
  • Tweak: Reverse grid gap when using RTL
  • Tweak: Add default inherit option to tablet/mobile Headline icon alignment
  • Tweak: Change frontend.insideContainer filter to frontend.afterContainerOpen
  • Tweak: Update color picker component UI
  • Tweak: Make icon sets filterable
  • Tweak: Move Container element tag option to Layout panel
  • Tweak: Move Container z-index options to Spacing panel
  • Tweak: Disable fixed background images on mobile
  • Tweak: Rebuild Headline Element toolbar component
  • Tweak: Add tag name to Headline CSS selector to improve CSS conflicts
  • Tweak: Changed order of generateblocks_block_css_data params
  • Tweak: Use device-specific media queries for remove vertical gap option
  • Tweak: Change generateblocks.editor.desktopCSS filter to generateblocks.editor.mainCSS
  • Tweak: Rebuild settings area using React
  • Tweak: Remove placeholder text from Headline block
  • Tweak: Move GenerateBlocks admin menu item to top level
  • Tweak: Regenerate static CSS files after plugin update
  • Tweak: Adjust unit picker default styling
  • Tweak: Rebuild background image upload UI

1.1.2

  • Fix: Set background image selector default if undefined
  • Fix: Set background image opacity default if undefined
  • Tweak: Caching geparster Inhalte entfernen

1.1.1

  • Fix: Undefined index notice when using background images

1.1.0

  • New: Persistent responsive controls across blocks
  • New: Filter all HTML attributes
  • New: Filter Container tagNames
  • New: Add containerAfterElementTag filter
  • New: Add option to apply background image as pseudo element
  • New: Add support for alignwide/alignfull in Container block
  • New: Display color palette by default in Color component
  • New: Add option to choose default view in Color component
  • New: Add aria-label option for Buttons into advanced panel
  • Tweak: Deprecate background image overlay option
  • Tweak: Move hexToRGBA to utils
  • Tweak: Fix repeated common CSS
  • Tweak: Re-design normal/hover state buttons
  • Tweak: Filter default background image size
  • Tweak: Cache parsed blocks on front-end
  • Tweak: Better display of admin notices in Dashboard
  • Tweak: Change Container Width label to Contained Width
  • Tweak: Add future framework for migrating/updating old options
  • Tweak: Don’t allow single button to be saved as reusable
  • Tweak: Don’t allow element tagName to be filtered
  • Tweak: Allow all standard richText formats in Headline block
  • Tweak: Better iconSize responsive placeholders
  • Tweak: Allow decimal values in gradient start/stop
  • Tweak: Move block name to the end of editor.desktopCSS filter args
  • Tweak: Add buttonColorsHover to editor.controls filter
  • Tweak: Change editor.insideContainerWrapper filter to frontend.insideContainer
  • Tweak: Pass attributes to frontend.insideContainer instead of props
  • Fix: gridId value in nested grids
  • Fix: Use inline-block for inline headlines with no icon
  • Fix: Missing text domains
  • Fix: Display Headline highlight option in Headline block only
  • Fix: Headline icon center alignment in IE
  • Fix: Headline highlight background color in IE
  • Fix: Mobile selector for width in min-height container
  • Fix: Add box-sizing to min-height container on tablet/mobile
  • Fix: Headline text alignment when using an icon
  • Fix: Allow 0 as iconSize value

1.0.2

  • Tweak: Minify/compress all dist files

1.0.1

  • Fix: Add wp_set_script_translations() to translate block editor
  • Tweak: Add spacing to update nag in Settings area

1.0

  • Erste Veröffentlichung