CoBlocks – Page Builder Blocks for Gutenberg

Beschreibung

CoBlocks is the most innovative collection of page building blocks for the new Gutenberg WordPress block editor. Hands down, CoBlocks is the Gutenberg page builder you’ve been waiting for; it will make you rethink what WordPress is capable of.

See for yourself

One for all, all in one

CoBlocks is the last page builder you’ll ever need. With tens of custom blocks, including the extraordinary row block, you have everything you need to make beautiful web pages:

  • Resizable Row/Columns (New!)
  • Accordion
  • Alert
  • Author Profile
  • Click to Tweet
  • Dynamic Separator
  • Gif
  • GitHub Gist
  • Highlight
  • Pricing Table
  • Social Sharing

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.

Breakthrough Block System

CoBlocks features an innovative block system that allows you to create stunning web pages, and even entire websites, without one line of code.

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

On top of that, each block within CoBlocks has 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.

Our Vision

The vision for CoBlocks has always been to create a suite of blocks to help folks make beautiful websites. This newest release of CoBlocks is the ultimate expression of that vision. And we think we’ve nailed it.

Join us in welcoming the future of WordPress:

Entwickelt für Entwickler

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 and join the party. 🎉

Screenshots

  • 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

Installation

  1. Lade den Ordner coblocks in das Verzeichnis /wp-content/plugins/ oder lade die Datei coblocks.zip über die Plugin-Seite von WordPress hoch, indem du auf ‚Neu hinzufügen‘ klickst und die ZIP-Datei von deinem Computer auswählst.
  2. Installieren und aktivieren Sie das Gutenberg-WordPress-Plugin.
  3. Aktivieren Sie das CoBlocks-WordPress-Plugin über das Menü ‚Plugins‘ in WordPress.
  4. Verwende CoBlocks-Blöcke auf deiner nächsten Seite oder in Beiträgen.

FAQ

Ist CoBlocks kostenlos?

Yes! CoBlock’s core features are absolutely free.

Wie fange ich an, Gutenberg zu benutzen?

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.

Welche WordPress-Themes funktionieren mit 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.

Where can I get help?

Please reach out via the contact form at the bottom right of our website.

Rezensionen

Super Awesome

Rich has done an amazing job of creating user-friendly blocks for the new WordPress editor.

Efficient, Valuable, and Perfected

The quality that has been put into CoBlocks creates a massive efficiency for users to simply and immediately understand how they work. The features of Rich Tabor's blocks is well thought out and appreciated, but it is his level of detail to develop for the WordPress platform that I admire!

Picks up where Core left off

These are the kinds of blocks that should be standard in Core. Thankfully, talented and dedicated developers are here to pick up the slack. This plugin is developed with love, care, and thoughtfulness that is rarely seen in the community. Very useful blocks and very well coded. You can't go wrong by installing this plugin!

This deserves 5 stars.

I have played with many Gutenberg related blocks plugins, including this one in the past, and I kept saying, eh..., I can do better !!! However, the new rows/columns feature, blows everything out of the water. I'm not sure how Gutenberg's implementation in phase 2 will compare to this, but for the time being, this plugin's rows/columns feature is second to none, WHEN it comes to Gutenberg. I still believe that when it comes to rows/columns WPBakery does the best job overall in general for many reasons, but as far as Gutenberg is concerned, this is by far the winner. Thanks again.
Lies alle 14 Rezensionen

Mitwirkende & Entwickler

„CoBlocks – Page Builder Blocks for Gutenberg“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„CoBlocks – Page Builder Blocks for Gutenberg“ wurde in 4 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „CoBlocks – Page Builder Blocks for Gutenberg“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.6.0

  • New: Add drag and resizable Row and Columns blocks with support for dynamic layouts
  • New: Add controls to the Row and Columns blocks for adjusting margin and padding
  • New: Add responsive media query controls to the Row and Columns blocks
  • New: Add :row text prefixs for faster block creation, where the number of „:“ represents the number of columns
  • New: Adjust row layouts from the row toolbar or inspector sidebar panel
  • New: Add support for Google fonts!
  • New: Add Typography Control Panel for selecting custom Google fonts
  • New: Add line-height controls to the Typography Control Panel
  • New: Add letter-spacing controls to the Typography Control Panel
  • New: Add support for customizing fonts of core heading, paragraph, and button blocks
  • New: Add support for conditional font weights from Google fonts
  • New: Add new .has-{size}-margin and .has-{size}-padding utility classes for the Dimensions controls
  • New: Add support for the WP 5.0+ wp_set_script_translations() function
  • New: Add new uppercase formatting control for making text all caps
  • New: Add custom background color support to core Heading blocks
  • New: Add custom text color support to core Heading blocks
  • Tweak: Add CoBlocks color to icons for improved recognition and visibility between similarly named blocks
  • Tweak: Pricing table now using standard background color and text color attributes
  • Tweak: Accordion block now supports to following blocks: Alert, Social, Highlight, Row, Column, List, Heading and Button
  • Tweak: Use the MediaUploadCheck component to make sure the current user has upload permissions
  • Tweak: Remove the background image overlay style and use the current background color as the overlay color

1.5.3

  • Fix: Resolve isSelected styles issue with the Dynamic HR block

1.5.2

  • New: Add support for column blocks to the Accordion Item
  • Fix: Resolve editor conflict when changing social block styles

1.5.1

  • Tweak: Remove check for Gutenberg

1.5.0

  • New: Refactor Accordion Item block to enable adding images, lists, headings and buttons
  • New: Add support for custom text/icon colors in the Social block
  • New: Add caption support to the Gist block
  • New: Refactor Gif block based on the core Image block
  • New: Add caption support to the Gif block
  • New: Add translation strings in /languages/coblocks.pot
  • New: Add support for the WP 5.0 wp_set_script_translations() function
  • New: Add coblocks-translations.php for referencing PHP translatable strings
  • New: Add „:alert“ prefix transform for launching the Alert block
  • New: Add „:accordion“ prefix transform for launching the Accordion block
  • New: Add „:author“ prefix transform for launching the Author block
  • New: Add „:pricing“ prefix transform for launching the Pricing block
  • New: Add „:author“ prefix transform for launching the Author block
  • New: Add „:gist“ prefix transform for launching the Gist block
  • Tweak: Remove unnessary padding from Highlight block
  • Tweak: Add help text to the Accordion item Display Open toggle
  • Tweak: Improve styling of social block for wider theme compatibility
  • Tweak: Improve pricing table structure within the editor and on the frontend
  • Tweak: Improve UI of the Author block within the editor
  • Tweak: Center the Gif Block loading spinner
  • Fix: Setting the social button radius to zero actually works now
  • Fix: Remove Gutenberg installation notice for WordPress 5.0
  • Fix: Pricing Table column selection now properly functions

1.4.1

  • New: Gutenberg 4.5 compatibility! 🎊

1.4.0

  • New: Gutenberg 4.4 compatibility! 🎊
  • New: Add ContrastChecker to Alert block
  • New: Add four new styles to the Social block
  • New: Add size, style and border radius options for the Social block
  • New: Add option to use social media colors on the Social block
  • New: Add Reddit share option to the Social block
  • New: Add Email share option to the Social block
  • New: Add Google Plus share option to the Social block
  • Tweak: Add ContrastChecker to the Social block
  • Tweak: Improve Gist block styling
  • Tweak: Add proper help text for the Gist block meta toggle
  • Tweak: Adjust inner blocks appender on Accordion block
  • Tweak: Improve Pricing Table item rendering within the editor and on the frontend
  • Tweak: Clean up editor styling for Dynamic HR block
  • Tweak: Clean editor styling for easier theme overrides
  • Tweak: Adjust Alert block colors
  • Fix: Click to Tweet transforms function properly
  • Fix: Dynamic HR transforms

1.3.0

  • New: Gutenberg 4.2 compatibility! 🎊
  • New: Accordion block now uses InnerBlocks to generate multiple items
  • New: Add font size controls to the Highlight block
  • Tweak: Improved font size controls for the Click to Tweet block
  • Tweak: Add InnerBlocks button block support to the Author block
  • Tweak: Add InnerBlocks button block support to the Pricing Table block
  • Tweak: Add CoBlocks icon to the block category
  • Tweak: Improve block category registration
  • Tweak: Improve how blocks are registered

1.2.0

  • New: Gutenberg 4.0 compatibility! 🎊
  • Fix: Resolve missing resize handles for the Dynamic HR and Gif blocks
  • Fix: Resolve attribute source 4.0+ issue for the Author, Alert, and Accordion blocks
  • Tweak: Resolve line-height issue on the Pricing Table block buttons

1.1.10

  • New: Gutenberg 3.9 compatibility! 🎊
  • Fix: Resolve attribute issue with italized strings in the Accordion block
  • Fix: Resolve Pricing Table block display issue in Gutenberg 3.9

1.1.9

  • Fix: Click to Tweet display bug on the unified toolbar
  • Fix: The Dynamic Separator is now editable when the unified toolbar is enabled
  • Tweak: Add proper RichText.isEmpty checks
  • Tweak: Add better defaults for the Alert block

1.1.8

  • New: Refactor Pricing Table block
  • New: Add Pricing Table Item child-block
  • New: Now add up to four pricing tables
  • Fix: Resolve Pricing Table block line height bug
  • Fix: Resolve left/right/center alignment bug in the Gif block
  • Fix: Resolve issue where the unified toolbar displayed some controls oddly
  • Tweak: Update icons to reflect Gutenberg’s updated UI
  • Tweak: Update Pricing Table block icons to better represent each button URL field
  • Tweak: Resolve deprecated .value prop in color objects (for Gutenberg 3.9+)
  • Tweak: Update getColorClass to getColorClassName

1.1.7

  • New: Add transforms for improved copy/pasting of CoBlocks blocks
  • New: Add support for color classes in the Dynamic HR block
  • New: Add DropZone support for uploading the avatar within the Author block
  • Fix: Click to Tweet transforms now properly set
  • Tweak: Improve splitBlock functionality for an improved UX with the Highlight block
  • Tweak: Move Dynamic HR block style option to use the Gutenberg styles UI

1.1.6

  • New: Add a notice to install or activate the companion CoBlocks WordPress theme
  • New: Add a feedback request to display after a week

1.1.5

  • New: Gutenberg 3.6.2 compatibility! 🎊
  • New: Add a „Delete Gif“ control to the Gif block
  • New: Refactor the Alert block
  • Tweak: Adjust UI for Gutenberg 3.6+
  • Tweak: Update block icons to fit in better with the new icons in core Gutenberg
  • Tweak: Fix the Dynamic HR block rendering to resemble the core spacer block

1.1.4

  • Fix: Resolve an issue where the Author block would throw an error when the button is clicked

1.1.3

  • New: Gutenberg 3.5 compatibility! 🎊
  • Tweak: UI fix for the Gif block to support Gutenberg 3.5
  • Tweak: Minor style fixes for the Gif Block wide and full alignments

1.1.2

  • Neu: Gutenberg 3.4 Kompatibilität! 🎊
  • Neu: Unterstützung für Übersetzungen hinzufügen
  • Fix: Update Gif block UI for the latest ResizableBox capabilities
  • Tweak: Move CoBlocks blocks into a separate block category
  • Tweak: Add support for color classes to the Alert and Highlight blocks
  • Optimiert: Hinzufügen eines neuen „type“-Attributs für den Benachrichtigungs-Block
  • Optimiert: Update der Blöcke zur Verwendung der neuen PanelColorSettings-Komponente
  • Optimierte Verwendung der RichText.Content-Komponente für den Autoren-Block
  • Optimiert: Schaltfläche „Bild entfernen“ für den Autorenblock hinzufügen

1.1.1

  • Neu: Gutenberg 3.1.1 Kompatibilität! 🎊
  • Neu: getColorClass-Unterstützung zum Preistabellen-Block hinzufügen
  • Neu: ContrastChecker-Unterstützung zum Preistabellen-Block hinzufügen
  • Neu: withFallbackStyles-Unterstützung zum Preistabellen-Block hinzufügen
  • Tweak: Add proper left/right/center alignment option for the Pricing Table block
  • Tweak: Implement RichText.Content front-end rendering within the Pricing Table block
  • Tweak: Set withColors for Gutenberg 3.1.0+ support
  • Tweak: Resolve Pricing Table block Inspector Panel typo
  • Tweak: Update the Pricing Table block UI for a more streamlined editing experience

1.1.0

  • Neu: Highlight-Block hinzufügen 🎉
  • New: Add wide alignment support for the GitHub Gist block
  • Neu: Unterstützung für den GitHub-Gist-Block hinzufügen
  • Tweak: Add a check for #file in the GitHub Gist block + store the file name properly if it’s found
  • Tweak: Implement color classes for the Click to Tweet block
  • Fix: Set a max width for the Click to Tweet block’s empty button placeholder

1.0.9

  • Neu: Gutenberg 3.0 Kompatibilität! 🎊
  • Tweak: Add a gist file TextControl block control
  • Tweak: Add default value to the buttonText attribute of the Author block
  • Tweak: Adjust the Dynamic Separator block resize handlers, which changed in Gutenberg 3.0
  • Fix: Assign proper src for custom block SVG icons per Gutenberg 3.0
  • Fix: Center Author block avatar uploader placeholder SVG
  • Fix: Check if isSelected before showing the alert block title

1.0.8

  • Neu: Gutenberg 2.9 Kompatibilität! 🎊
  • Tweak: Improve UI of the Accordion block component toolbar
  • Tweak: Improve UI of the Pricing Table button links
  • Tweak: Improve UI of the Author block
  • Tweak: Ensure box shadow and text-decoration do not affect social icons

1.0.7

  • Neu: Gutenberg 2.8 Kompatibilität! 🎊
  • Tweak: Change the name of the Dynamic HR block to Dynamic Separator
  • Tweak: Modify the edit component of the Dynamic Separator to resemble the core Spacer block
  • Tweak: Change the Dynamic Separator’s height range control to a number input
  • Fix: Adjust the pricing table button markup to match the core Button block for Gutenberg 2.8
  • Fix: Remove custom color function for the Alert block
  • Fix: Remove the Spacer block as Gutenberg 2.8+ now has a Spacer block
  • Fix: Resolve alert text editor error

1.0.6

  • Neu: Preistabellen-Block hinzufügen 🎉

1.0.5

  • Neu: Autoren-Block hinzufügen 🎉
  • New: Add Click to Tweet block 🎉
  • Tweak: Adjust focus style for the Accordion block

1.0.4

  • Neu: GitHub Gist-Block hinzufügen 🎉

1.0.3

  • Fix: wp-edit-blocks Frontend-Abhängigkeit entfernen

1.0.2

  • Neu: Fokusstil für den Akkordeon-Block hinzufügen
  • Tweak: Adjust font size for the Alert block title
  • Fix: Problem mit der Textfarbe des Benachrichtigungs-Blocks

1.0.1

  • Neu: Akkordeon-Block 🎉
  • Neu: Block-Transformationen für die Blöcke Benachrichtigungen, Abstandhalter und dynamisches HR hinzufügen
  • New: Refactor Alert block
  • Optimiert: eine Inhaltsprüfung vor dem Rendern des Benachrichtigungs-Blocks
  • Tweak: Rename „Separator (Dynamic)“ block to „Dynamic HR“
  • Optimiert: Benachrichtigungs-Block-Symbol aktualisieren
  • Tweak: Update Gif block category to „common“

1.0.0

  • Erste Veröffentlichung auf WordPress.org. Genieße es!