Page Builder Gutenberg Blocks – CoBlocks

Description

CoBlocks is the most innovative collection of page building WordPress blocks for the new Gutenberg WordPress block editor.

With additional blocks and true row and column building, CoBlocks gives you a true page builder experience for Gutenberg.

CoBlocks is powerful but lightweight: it adds functionality to the WordPress editor without bloat. This is the plugin you’ve been waiting for, and it will make you rethink what WordPress is capable of.

See for yourself

Make beautiful web pages with Gutenberg, and CoBlocks

CoBlocks is the last page builder you’ll ever need: you get a winning mix of additional WordPress blocks, and page builder functionality. With CoBlocks you have everything you need to make beautiful web pages with the new block editor:

  • Accordion Block
  • Alert Block
  • Author Profile Block
  • Buttons Block
  • Carousel Gallery Block
  • Click to Tweet Block
  • Dynamic Separator Block
  • Features Block
  • Food & Drinks Block
  • Form Block (New!)
  • Gif Block
  • GitHub Gist Block
  • Hero Block
  • Highlight Block
  • Icon Block
  • Logos & Badges Block (New!)
  • Map Block
  • Masonry Gallery Block
  • Media Card Block
  • Pricing Table Block
  • Resizable Row/Columns Blocks
  • Services Block (New!)
  • Shape Divider Block
  • Social Profiles Block (New!)
  • Social Sharing Block
  • Stacked Gallery Block

Breakthrough Page Builder System

CoBlocks features an innovative block system that allows you to create stunning web pages, and even entire websites, with the new WordPress editor.

You get the extra blocks you need and the layout and design functionality for a true page builder experience.

Use the exceptional Row and Columns blocks to add dynamically generated content areas with specific responsive margin and padding settings that only CoBlocks provides.

Style these with innovative new blocks such as the Shape Divider, which lets you split up your content with beautiful dividers.

Each of the WordPress blocks within CoBlocks have been precisely fined tuned to offer a familiar, yet powerful, customization experience. Tailor each block to your taste using our custom controls and settings. Change fonts, set margin and padding, pick colors and more.

Custom Typography Controls

The breakthrough Typography Control Panel within CoBlocks lets you design web pages with alluring typographic elements. Set fonts, sizes, weights, transformations and more, in our CoBlocks blocks, and in core WordPress blocks.

Going beyond Gutenberg blocks

The vision for CoBlocks is to create a suite of Gutenberg blocks to help folks make beautiful websites easily. These newest releases of CoBlocks is the ultimate expression of that vision.

Join us in welcoming the future of WordPress blocks:

Built with developers in mind

Extensible, adaptable, and open source — CoBlocks is created with theme and plugin developers in mind. If you’re intersted to jump in the project, there are opportunities for developers at all levels to get involved. Contribute to CoBlocks on GitHub and join the party. 🎉

Captures d’écran

  • Make beautiful websites with CoBlocks
  • Build modular grid systems with the CoBlocks Row and Columns blocks
  • Drag to resize and then nest CoBlocks Row blocks
  • Design with the CoBlocks Typography Control Panel
  • Add CoBlocks core blocks to pages

Blocs

Cette extension fournit 6 blocs.

coblocks/form
coblocks/field-name
coblocks/field-email
coblocks/field-textarea
coblocks/social
coblocks/social-profiles

Installation

  1. Upload the coblocks folder to your /wp-content/plugins/ directory or alternatively upload the coblocks.zip file via the plugin page of WordPress by clicking ‘Add New’ and selecting the zip from your computer.
  2. Install and activate the Gutenberg WordPress plugin.
  3. Activate the CoBlocks WordPress plugin through the ‘Plugins’ menu in WordPress.
  4. Use CoBlocks blocks on your next page or post.

FAQ

Is CoBlocks free?

Yes! CoBlock’s core features are absolutely free.

How do I start using Gutenberg?

To get the full experience of the next-generation WordPress block editor, it helps to have a properly Gutenberg-optizied WordPress theme, like this one. Then install either WordPress 5.0+, or the offical Gutenberg WordPress plugin.

How do I use my first CoBlocks Gutenberg blocks?

CoBlocks adds its Gutenberg blocks to the new WordPress editor, so you can use them exactly how you would any other WordPress blocks. Once the plugin is installed, create or edit a WordPress page or post, add a new block using the plus icon, and you’ll find all of CoBlocks’ WordPress blocks available.

What WordPress themes work with CoBlocks?

Any properly developed WordPress theme will work with CoBlocks, though if you’re looking for an exceptional theme, check out Tabor.

Developers can also apply minor style touch-ups to their themes if necessary. If you’re a developer and you need help, don’t hesitate to reach out.

Avis

4 août 2019
I looked for a long time for an easy to use gallery for photos of my artwork, and the masonry option here is perfect. The other blocks are useful and the whole plugin easy to install and use.
16 juin 2019
I am very satisfied. The plugin is perfectly integrated with Gutemberg and complete enough for my needs.
Lire les 46 avis

Contributeurs & développeurs

« Page Builder Gutenberg Blocks – CoBlocks » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Page Builder Gutenberg Blocks – CoBlocks” a été traduit dans 7 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Page Builder Gutenberg Blocks – CoBlocks » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

1.13.0

  • New: Support for Gutenberg 6.4 🎊
  • New: Example block content added for the new block inserter help panel
  • New: Block level background color can be applied to the Share block
  • New: Block level background color can be applied to the Social Profiles block
  • New: Stacked Gallery block can now be aligned left, right, and center
  • New: Internationalization improvements for utilizing GlotPress
  • New: Improvements in code organization to prepare for the Block Directory
  • Tweak: Center align Share icons by default for wide and full block alignment
  • Tweak: Center align Social Profile icons by default for wide and full block alignment
  • Tweak: Simplify top and bottom block margin setting labels
  • Tweak: Version history moved to a changelog.txt file
  • Tweak: Adjust spacing for nested blocks when selecting the parent block
  • Tweak: Improve the Pricing block description
  • Tweak: Improve the Social Profiles block description
  • Tweak: Improve the Highlight block description
  • Tweak: Improve the Author block icon and description
  • Tweak: Improve the placeholder behavior in the Food and Drinks block
  • Tweak: Unify the size control in the Icon block to match core settings
  • Tweak: Added a cancel button to the Map block preventing unwanted updates
  • Tweak: Simplify specificity of CSS styles on the Alert block
  • Tweak: Simplify specificity of CSS styles on the Accordion block
  • Tweak: Moved the Accordion block into the CoBlocks block category
  • Tweak: Change the Icon block size selector to a proper Select control
  • Tweak: Focus style added to Food and Drink block’s item attributes
  • Tweak: Prevent enqueuing frontend scripts on AMP responses
  • Tweak: Improved Alert block style selection with core component
  • Fix: Grid layout control no longer visually broken on the Hero block
  • Fix: Removed the « Layout » sidebar panel from the Row block
  • Fix: Resolve grid control tooltips missing a unique key
  • Fix: Child blocks no longer missing when adding the Hero block to a post
  • Fix: Gallery block’s media filter control no longer missing dropdown indicator
  • Fix: Resolve the edit screen failing to load with a Hero block present
  • Fix: Icon block no longer missing height attribute when a size is applied
  • Fix: Styles panel no longer visually broken on the Services block
  • Fix: Styles panel no longer visually broken on the Food and Drinks block
  • Fix: Styles panel no longer visually broken on the Share block
  • Fix: Styles panel no longer visually broken on the Social Profiles block
  • Fix: Author image placeholder no longer misaligned
  • Fix: Orientation control no longer visually broken on the Shape Divider block
  • Fix: Shape Divider block no longer loses focus when using the resize control
  • Fix: Hero block no longer loses focus when using the resize control
  • Fix: Gif block no longer loses focus when using the resize control
  • Fix: Icon block no longer loses focus when using the resize control
  • Fix: Carousel Gallery block no longer loses focus when using the resize control
  • Fix: Row block no longer loses focus when using the resize control
  • Fix: When empty, the Pricing Table block no longer saves to the post content
  • Fix: Features block is now utilizing the available block width
  • Fix: Alert block no longer escapes HTML when transforming another block to it
  • Fix: Click to Tweet block no longer removes inline HTML elements from pasted text
  • Fix: Social Profiles popover component no longer visually broken