GenerateBlocks

Beschrijving

Voeg ongelooflijke veelzijdigheid toe aan je editor zonder deze vol te zetten met tonnen eendimensionale Gutenberg blokken. Met GenerateBlocks kun je een handvol blokken diep leren en ze gebruiken om alles te bouwen.

GenerateBlocks werkt hand-in-hand met GeneratePress, maar is gebouwd om met elk thema te werken.

Op zoek naar meer functies? Bekijk GenerateBlocks Pro.

Container

Organiseer je inhoud in rijen en secties. Het Container blok vormt de basis van je inhoud, waardoor je unieke secties voor je inhoud kunt ontwerpen.

Raster

Maak geavanceerde lay-outs met flexibele rasters. Het rasterblok (Grid) geeft je de mogelijkheid om elke vorm van lay-out te maken die je maar kunt bedenken.

Text

Maak tekstrijke inhoud met geavanceerde typografie. Alles van koppen tot alinea’s – neem de volledige controle over je tekst.

Knoppen

Stimuleer conversies met mooie knoppen.

Query

Build a list of posts from any post type using advanced query parameters. Query post meta and option fields in GenerateBlocks Pro.

Afbeelding

Add images to your content to make a visual statement.

Shape

Add custom SVG shapes to your pages with ease.

Dynamic Tags

Use our powerful dynamic tags to display dynamic content inside your blocks.

  • Post title
  • Post excerpt
  • Post permalink
  • Post date
  • Featured image
  • Post meta
  • Author meta
  • Comment count
  • Comments URL
  • Author archives URL
  • Author avatar URL
  • Term list
  • Previous posts URL
  • Next posts URL
  • Media

In GenerateBlocks Pro, you get additional dynamic tags:

  • Archive title
  • Archive description
  • Site option
  • Term meta
  • User meta
  • Current year
  • Site title
  • Site tagline
  • Loop index number
  • Loop item

Prestatie

We nemen prestaties serieus. Minimale CSS wordt alleen gegenereerd voor de blokken die je nodig hebt, en onze HTML-structuur is zo eenvoudig mogelijk en biedt maximale flexibiliteit.

Coderingsstandaarden

Gebouwd volgens de hoogste coderingsnormen voor veiligheid, stabiliteit en toekomstige compatibiliteit.

Volledig responsive

Style your blocks for different screen sizes.

  • Desktop: @media (min-width:1025px)
  • Desktop & Tablet: @media (min-width:768px)
  • Tablet: @media (max-width:1024px) and (min-width:768px)
  • Tablet & Mobile: @media (max-width:1024px)
  • Mobile: @media (max-width:767px)

In GenerateBlocks Pro, you can create as many custom media queries as you need.

Documentatie

Bekijk onze documentatie voor meer informatie over de individuele blokken en hoe deze te gebruiken.

Blokken

Deze plugin heeft 9 blokken.

  • Image A self-closing media element.
  • Text A text element where you can choose your own tag name, content, and styles.
  • Looper Loops its children based on the data provided by the Query block.
  • Page Numbers Display page numbers for a paginated query loop.
  • Shape A custom SVG shape.
  • No Results Display blocks when your query has no results.
  • Container An HTML element that you can add blocks inside of.
  • Query Query posts and display them in a loop.
  • Loop Item The item that is looped inside of the Looper.

Installatie

Er zijn twee manieren om GenerateBlocks te installeren.

  1. Ga naar “Plugins > Nieuwe plugin” in je Dashboard en zoek naar: GenerateBlocks
  2. Download de .zip van WordPress.org, en upload de folder met FTP naar de /wp-content/plugins/ folder.

In de meeste gevallen werkt #1 prima en is het veel gemakkelijker.

FAQ

Hoe voeg ik je blokken toe aan mijn pagina?

  • Maak een nieuw bericht of pagina
  • Voeg een nieuw blok toe en zoek naar de “GenerateBlocks” categorie
  • Selecteer je blok en begin met bouwen.
  • Het is altijd het beste om te beginnen met een Container blok.

Welk thema moet ik gebruiken?

GenerateBlocks is gemaakt om perfect samen te werken met GeneratePress. Het werkt echter met elk thema dat je kiest.

Beoordelingen

12 februari 2025 1 reactie
After working with Oxygen for several years, I found GenerateBlocks and the GeneratePress theme, and I couldn’t be happier. Simplicity. Minimalism. Incredible power. extremely fast. I’ve invested in GeneratePress One, and I haven’t looked back.
11 november 2024 1 reactie
The plugin is not translatable! The .pot file is not useful! Lots of strings are not in .pot. As a result it’s impossible to translate and load the translations of the plugin. I also tried to translate it using Loco Translate! But the .pot-generated file using Loco is incomplete! It is impossible to translate the plugin into other languages! Both the free and pro versions are not translate-ready! Lots of different people from other languages want to use the free and buy the pro version of this plugin, but it is not completely translatable! Why?
8 juli 2024 1 reactie
Thanks a lot guys! Maybe it would be useful to have some extended tools like: The ability to Hide or show divs based on media screen size; Animations (using animate.css class added by admin with select option, for example) Thanks a lot for your work!
7 juni 2024 1 reactie
To create a plug-in, which makes Gutenberg “useable” and then not charge for it, deserves a lot of praise. Thank you for doing so and for backing it up with great support – We shall support you on your journey, by purchasing the theme and blocks
Lees alle 117 beoordelingen

Bijdragers & ontwikkelaars

“GenerateBlocks” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“GenerateBlocks” is vertaald in 19 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “GenerateBlocks” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

2.0.1

  • Fix: WordPress.org zip package issue

2.0.0

  • Security: Prevent logged-in contributors from querying private post content
  • New: All blocks re-written from scratch for better performance and control
  • New: Version 1 blocks still exist where used and function normally
  • New: Version 1 blocks can be enabled by default with simple filter
  • New: Element block – replaces the Container and Grid blocks
  • New: Element blocks comes with Container and Grid variations in the block inserter
  • New: Text block – replaces the Headline and Button blocks
  • New: Text blocks comes with Headline, Text, and Button variations in the block inserter
  • New: Query block – replaces the Query Loop block
  • New: Looper block – replaces the Grid block inside of the Query block
  • New: Loop Item block – replaces the Post Template (Container) in the Query block
  • New: No Results block – add content that displays if no Query results are found
  • New: Page Numbers block – add page numbers for pagination in your Query block
  • New: Shape block – add any SVG shape to your pages
  • New: Media block – replaces the Image block
  • New: Local blocks now have the full styles builder found in GB Pro Global Styles
  • New: Local blocks can now be designed at any breakpoint or nested rule
  • New: Filter block design options in the editor based on whether they have a value
  • New: Filter block design options in the editor based on whether they’re inheriting a value
  • New: Dynamic tags system. Insert dynamic data anywhere in your blocks
  • New: Multiple dynamic tags can be inserted into a single block
  • New: –gb-container-width CSS variable for getting the global max-width
  • Performance: Local blocks now generate their CSS and HTML as you build in the editor
  • Performance: Blocks are output as static HTML/CSS on the frontend for better performance

1.9.1

  • Fix: Patterns not loading properly in Chrome
  • Fix: Pattern search mixing up active libraries
  • Fix: Broken pattern preview in bulk select mode
  • Fix: Headline editor margin when set to div
  • Tweak: Improve pattern preview loading performance

1.9.0

  • Security: Disallow scripts in custom field values
  • Feature: New Pattern Library
  • Feature: Add support for new Global Styles in Pro
  • Feature: Added opt-in defaults cache filter: generateblocks_use_block_defaults_cache
  • Feature: Added new generateblocks_do_inline_styles filter to force inline styles if needed
  • Feature: Add styles indicators to local block controls if Global Styles exist
  • Feature: Keep p tag when converting core paragraph block to Headline block
  • Feature: Use arrow keys to increase or decrease values in unit control
  • Fix: Button URL dropdown closing on input
  • Fix: Undefined $fontFamily in old Headline version
  • Fix: Missing block width alignment in block themes
  • Tweak: Remove “one-time” block CSS and include it for specific blocks when needed
  • Tweak: Added new (min-width: 768px) media query to filterable queries
  • Tweak: Replace Twitter icon with X icon
  • Tweak: Use core Block Name for block labelling

1.8.3

  • Security: Add user capability check to Query Loop post status

1.8.2

  • Fix: Border colors not showing when old attributes are set.
  • Tweak: Add support for the newly created core function “wp_img_tag_add_loading_optimization_attrs”

1.8.1

  • Fix: Icon padding controls order
  • Fix: Global styles overwriting local attributes
  • Fix: Editor controls spacing using RTL languages

1.8.0

  • Feature: Add flexbox alignment matrix component to Container toolbar
  • Feature: Add new Borders panel with width/style/color options for all four sides
  • Feature: Add new dimensions components in Spacing panel
  • Feature: Mix and match padding/margin units across sides and devices
  • Feature: Add more available units to all options that accept them
  • Feature: Allow text values (calc(), var(), etc…) in options that accept them
  • Feature: New “Add to Container” icon added to the toolbar of all blocks
  • Feature: Allow removal of Container block around innerBlocks
  • Feature: Display text field to allow user to replace image URL
  • Feature: Headline block show text in List View
  • Feature: Button block show text in List View
  • Feature: Image block show alt/title in List View
  • Feature: Add Block Label option to label Container, Query Loop, and Grid blocks in List View
  • Feature: Only show one dimension field if synced
  • Feature: Add option to disable Google fonts
  • Feature: Allow all unit types in UnitControl
  • Feature: Add help icon to unit list
  • Fix: Attributes merging incorrect values when multiple blocks are selected
  • Fix: Color and Background panels are visible/accessible on responsive views
  • Fix: Template lock system not applying to inner blocks
  • Fix: Button with dynamic content not displaying the aria-label
  • Fix: unique id not regenareted correctly on widgets editor
  • Fix: React createRoot warning
  • Fix: Double-click when selecting Grid template
  • Fix: Query loop parameter delete button size
  • Fix: Advanced select jumping when near the bottom of the page
  • Fix: Triple captions using static image with dynamic link
  • Fix: Flex icons based on direction in device previews
  • Fix: Container appender icon spacing
  • Fix: useDeviceType state was one state behind when triggered from core buttons
  • Fix: Use unit in UnitControl if value starts with decimal
  • Fix: Remove trailing spaces from UnitControl numeric value
  • Tweak: Require at least PHP 7.2
  • Tweak: Move block alignment to Layout panel
  • Tweak: Remove help text from Grid vertical alignment
  • Tweak: Remove the Button Container variation
  • Tweak: Clean up UnitControl display across all browsers
  • Tweak: Show all Google fonts in font family dropdown
  • Tweak: Remove top/bottom margin from Query Loop in the editor
  • Tweak: Force lowercase units in UnitControl
  • Tweak: Improve UnitControl unit visibility
  • Tweak: Show units in 2 rows
  • Tweak: Use same unit list for all UnitControl controls
  • Dev: Rebuild how block migrations run
  • Dev: Migrate spacing attributes to new spacing object attribute
  • Dev: Migrate typography attributes to new typography object attribute
  • Dev: Migrate icon padding and size attributes to new iconStyles object attribute

Full changelog can be found here.