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.
- Ga naar “Plugins > Nieuwe plugin” in je Dashboard en zoek naar: GenerateBlocks
- 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
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.