GenerateBlocks

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.

  1. Acesse “Plugins > Adicionar novo” no seu Dashboard e pesquise por: GenerateBlocks
  2. 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

12 fevereiro, 2025 1 resposta
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 novembro, 2024 1 resposta
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 julho, 2024 1 resposta
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 junho, 2024 1 resposta
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
Leia todas as 117 avaliações

Colaboradores e desenvolvedores

“GenerateBlocks” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.

Colaboradores

GenerateBlocks” 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.