Descrição
Add incredible versatility to your editor without bloating it with tons of one-dimensional blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to build anything.
GenerateBlocks works hand-in-hand with GeneratePress, but is built to work with any theme.
Looking for more features? Check out GenerateBlocks Pro.
Contêiner
Organize seu conteúdo em linhas e seções. O bloco ‘Contêiner’ é a base do seu conteúdo, permitindo que você crie seções únicas para o seu conteúdo.
Grade
Crie layouts avançados com grades flexíveis. O bloco ‘Grade’ permite que você crie qualquer tipo de layout que você possa imaginar.
Text
Crie conteúdo textual rico com tipografia avançada. Tudo, desde títulos a parágrafos – assuma o controle total do seu texto.
Botões
Gere conversões com belos botões.
Query
Build a list of posts from any post type using advanced query parameters. Query post meta and option fields in GenerateBlocks Pro.
Image
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
Desempenho
Levamos o desempenho a sério. Um CSS mínimo é gerado apenas para os blocos que você precisa, e nossa estrutura HTML é a mais simples possível, permitindo a máxima flexibilidade.
Padrões de programação
Construído com os mais altos padrões de codificação para segurança, estabilidade e compatibilidade futura.
Totalmente responsivo
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.
Documentação
Consulte nossa documentação para obter mais informações sobre os blocos individuais e como usá-los.
Blocos
Este plugin disponibiliza 9 blocos.
- Page Numbers Display page numbers for a paginated query loop.
- Container An HTML element that you can add blocks inside of.
- No Results Display blocks when your query has no results.
- Query Query posts and display them in a loop.
- Shape A custom SVG shape.
- Looper Loops its children based on the data provided by the Query block.
- Text A text element where you can choose your own tag name, content, and styles.
- Image A self-closing media element.
- Loop Item The item that is looped inside of the Looper.
Instalação
Há duas maneiras de instalar o GenerateBlocks.
- Acesse “Plugins > Adicionar novo” no seu Dashboard e pesquise por: GenerateBlocks
- Baixe o arquivo .zip do WordPress.org e faça o envio da pasta no diretório
/wp-content/plugins/
via FTP.
Na maioria dos casos, o #1 funcionará bem e é muito mais fácil.
Perguntas frequentes
-
Como adiciono seus blocos à minha página?
-
- Crie uma nova página ou post
- Adicione um novo bloco e procure a categoria “GenerateBlocks”
- Escolha seu bloco e comece a construir.
- É sempre melhor iniciar com um bloco contêiner.
-
Que tema devo usar?
-
O GenerateBlocks foi criado para trabalhar em conjunto com o GeneratePress. No entanto, ele funcionará com qualquer tema que você escolher.
Avaliações
Colaboradores e desenvolvedores
“GenerateBlocks” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.
ColaboradoresGenerateBlocks” foi traduzido para 19 localidades. Agradecemos aos tradutores por suas contribuições.
Traduzir o “GenerateBlocks” para seu idioma.
Interessado no desenvolvimento?
Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.
Registro de alterações
2.0.2
- Fix: Image block selection in WP 6.8
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.