Beskrivning

Utrusta din redigerare med en oslagbar mångsidighet utan att svälla upp den med tonvis av endimensionella Gutenberg-block. Med GenerateBlocks kan du lära dig att använda en handfull block på djupet och använda dem till att bygga allt.

GenerateBlocks fungerar hand i hand med GeneratePress, men är byggt för att fungera med alla teman.

Är du på jakt efter mer funktioner? Kolla in GenerateBlocks Pro.

Behållare

Organisera ditt innehåll i rader och sektioner. Behållarblocket, som utgör fundamentet av ditt innehåll, gör det möjligt för dig att designa unika sektioner för ditt innehåll.

Rutnät

Skapa avancerade layouter med flexibla rutnät. Rutnätsblocket ger dig möjligheten att skapa alla typer av layouter du kan föreställa dig.

Rubrik

Skapa textrikt innehåll med avancerad typografi. Allt från rubriker till stycken – ta full kontroll över din text.

Knappar

Få högre konverteringsgrad med vackra knappar.

Query Loop

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

Bild

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

Prestanda

Vi tar prestanda på allvar. Minimalistisk CSS är genererad endast för de block du behöver, och vår HTML-struktur enklast möjliga samtidigt som du har maximal flexibilitet.

Kodningsstandarder

Byggd enligt den högsta kodstandarden för säkerhet, stabilitet och framtidskompabilitet.

Fullt responsivt

Varje block kommer med inställningar för läsplattor och mobiler, vilket ger dig full kontroll över din responsiva design.

Dokumentation

Kolla in vår dokumentation för mer information gällande de enskilda blocken och hur de används.

Installation

Det finns två sätt att installera GenerateBlocks på.

Gå till ”Tillägg > Lägg till nytt” i din adminpanel och sök efter ”GenerateBlocks”
Ladda ner zip-filen från WordPress.org och ladda upp mappen till katalogen /wp-content/plugins/ via FTP.

I de flesta fall fungerar #1 bra och är mycket lättare.

Vanliga frågor

Hur lägger jag till era block på min sida?

Skapa en ny sida eller ett nytt inlägg
Lägg till ett nytt block och leta upp kategorin ”GenerateBlocks”
Välj ditt block och börja bygg.
Det är alltid bäst att börja med ett behållarblock.

Vilket tema ska jag använda?

GenerateBlocks byggdes för att fungera hand i hand med GeneratePress, dock fungerar det med vilket tema du än väljer.

Recensioner

wizardword7 28 maj 2023

This is an excellent plugin essential for block creation! Recommended!

Chris Whitford 28 april 2023 1 svar

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.

Themico 16 mars 2023 1 svar

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.

jdlythgoe 14 februari 2023 1 svar

5 stars to these guys. Elegant plugin, easy to use - and brilliant, friendly, responsive support. What more can you want?

Allinop 10 februari 2023 1 svar

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 🙂

David 28 januari 2023

Other good options exist, but no other options are as good or crafted with such care.

Läs alla 103 betyg

Bidragsgivare och utvecklare

”GenerateBlocks” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

”GenerateBlocks” har översatts till 16 språk. Tack till översättarna för deras bidrag.

Översätt ”GenerateBlocks” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

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

Nytt: Lägg till filtret generateblocks.editor.buttonDisableFormatting
Åtgärdat: Fel vid användandet av em-enheter i en div-rubrik.
Åtgärdat: Ikonknappars avstånd i WP 5.7
Fix: Responsive block borders when no desktop border is set
Justering: Förhindrar globala stilar (Pro) från att återskapa unika ID:n
Justering: Integrera rutnätsblock med globala stilar (Pro)
Justering: Lägg alltid in CSS i HTML-koden på AMP-sidor för att webbläsaren inte ska behöva hämta detta separat
Tweak: Adjust editor grid class name to prevent Sass build error

1.3.1

Justering: Tillämpning av filtret generateblocks.editor.cssAttrs på bakgrunder

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
Åtgärdat: Översättningar i redigeraren
Åtgärdat: Forcering av den inre behållarens z-index när pseudoelement används
Åtgärdat: Inmatning av rubriktext när det finn ikon men ingen text
Justering: Slår ihop kontrollerna för bakgrundsbilder och gradienter till en och samma flik
Justering: Förbered för globala stilar i Pro
Justering: Tar bort dubbletter av klassen ”.gb.container” i CSS
Tweak: Add script translations file for settings JS
Tweak: Hide color picker label element if no label
Justering: Uppdatera domPurify
Tweak: Import WP packages instead of defining them
Justering: Lägg till konturradie på pseudoelement för bakgrundsbilder
Tweak: Change Element Tag label to Tag Name
Justering: Lägg till platshållare i rubrikblock.
Tweak: Remove add grid item button from toolbar when selecting layout

1.2.0

Markup change: Remove headline-wrapper element from Headlines with icons
Markup change: Change button-text class to gb-button-text in Button block
Markup change: Only output inner gb-button-text span if using an icon
Markup change: Output Button block as span element if no URL exists
Markup change: Add gb-headline-text span if using an icon in Headline block
New: Shape dividers in the Container block
New: Make all blocks fully responsive when using editor responsive previews
New: Add option to apply gradient as a pseudo element
New: Add option to choose background image size
New: Add border radius options to Headline block
New: frontend.insideContainer filter in editor for Container block
New: frontend.beforeContainerClose filter in editor for Container block
New: generateblocks_after_container_open filter in frontend for Container block
New: generateblocks_inside_container filter in frontend for Container block
New: generateblocks_before_container_close filter in frontend for Container block
New: generateblocks_container_tagname filter in frontend for 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: Remove parsed content caching

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

Första utgåvan