Gutenberg-Editor und das neue erweiterte Block-Design in WP

Einfach Dinge, die nichts mit XAMPP, Apache Friends, Apache, MySQL, PHP und alle dem zu tun haben. Allerlei halt. ;)

Gutenberg-Editor und das neue erweiterte Block-Design in WP

Postby unleash_it » 11. May 2020 19:17

als die WordPress Version 5.0 im Dezember 2018 veröffentlicht wurde - da wurde etwas neues begonnen: Für Wordpress ist die Erstellung von Inhalten nun erweitert worden. Der (Gutenberg-) Block-Editor wurde standardmäßig in WordPress integriert. Die Entwicklung des neuen GutenBerg-Editors fand und findet als Plugin mit dem Namen Gutenberg statt.

Ein Webprojekt von Jessica Lyschik zeigt die vielen Möglichkeiten der Blöcke: - sie stellt dieses Projekt vor auf der Seite Gutenberg-Fibel: https://gutenberg-fibel.de/


Entdecke die Blöcke
Das Herzstück des Block-Editors sind die Blöcke. Dabei ist ein „Block“ eine eigenständige Komponente innerhalb des Inhalts: Absätze, Überschriften, Listen, Bilder, Videos sind die üblichen Beispiele dafür. Der Block-Editor bringt von Haus aus 35 verschiedene Blöcke mit. Blöcke wie der Zitat-Block oder der Einbetten-Block können dabei mehrere Variationen aufweisen.



Auf der Gutenberg-Fibel findest du zu jedem Standard-Block eine ausführliche Beschreibung und in Kürze ein Video:

Allgemeine Blöcke
-Absatz
-Audio
-Bild
-Cover
-Datei
-Galerie
-Liste
-Überschrift
-Video
-Zitat

Formatierung
-Classic
-Code
-HTML
-Pullquote
-Tabelle
-Vers
-Vorformatiert

Layout-Elemente
-Abstandshalter
-Button
-Gruppe
-Medien und Text
-Mehr
-Seitenumbruch
-Spalten
-Trennzeichen


Widgets
-Archive
-Kalender
-Kategorien
-Neue Beiträge


sehr interessant sind die Erweiterungen im Block-Design


Kadence Blocks: Kadence Blocks – Gutenberg Page Builder Toolkit
Verbreitung: mehr als 50,000 aktive Installationen
https://wordpress.org/plugins/kadence-blocks/
meta-data: Version:1.8.1 Last updated:2 weeks ago Active installations:60,000+ WordPress Version:5.2 or higher Tested up to:5.4.0

This plugin adds custom blocks and options to extend Gutenberg’s editing capabilties so you can create custom layouts and more engaging content. This plugin is meant to be a toolkit that makes the WordPress block editor capable of creating content usually only possible through popular page builder plugins. For example, with the Kadence Row Layout Block you can better control columns for different screen sizes plus it gives you full row editing tools like padding, backgrounds, overlays with gradients, vertical-align and much more.


https://wordpress.org/plugins/coblocks/ Page Builder Gutenberg Blocks – CoBlocks Download
Page Builder Gutenberg Blocks – CoBlock
Version:1.26.1 Last updated:7 days ago Active installations:200,000+ WordPress Version:5.0 or higher Tested up to:5.4.1

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.


https://wordpress.org/plugins/advanced-gutenberg/ - Advanced Gutenberg:
meta-data: Version:2.3.8 Last updated:2 weeks ago Active installations:20,000+ WordPress Version:5.0 or higher Tested up to:5.4.0

Advanced Gutenberg adds the missing blocks and configuration you need to build professional websites. Take the control of the new Gutenberg editor with user edition profile configuration and 20+ new blocks and options.

GUTENBERG ADVANCED BLOCK CONTROL
Create edition profiles and assign user or user group to the profile
Select each block activation per user profile
Default block configuration (Advanced Gutenberg blocks)
Custom CSS styles: apply on Gutenbergparagraph blocks
Define Gutenberg editor size and column materialization
Performance: only loaded when a block from the plugin is called


https://wordpress.org/themes/atomic-blocks/ Atomic Blocks – Gutenberg Blocks Collection
Atomic Blocks ist ein Projekt von Premium Themes Firma StudioPress und dem WordPress Hoster WP Engine. Die Atomic Blöcke funktionieren in jedem Theme. Das Plugin ist kostenlos.
Interessen: Bikes & steel frames: Linux & SBC https://www.allaboutcircuits.com :: die neuen Knowledge-Base: AFFiNE: There can be more than Notion and Miro. auf affine.pro :: WordPress Entwicklung - sic: make.wordpress.org/core/
User avatar
unleash_it
 
Posts: 806
Joined: 10. December 2011 18:32
Operating System: linux opensuse 12.1

Re: Gutenberg-Editor und das neue erweiterte Block-Design in

Postby unleash_it » 11. May 2020 23:53

Wordpress und das (Gutenberg-) Block-Editor-System - hier ein Überblick auf die Möglichkeiten und auf Toolkits.

als die WordPress Version 5.0 im Dezember 2018 veröffentlicht wurde - da wurde etwas Neues begonnen: Für Wordpress ist die Erstellung von Inhalten nun erweitert worden. Der (Gutenberg-) Block-Editor wurde standardmäßig in WordPress integriert. Die Entwicklung des neuen GutenBerg-Editors fand und findet als Plugin mit dem Namen Gutenberg statt.

Ein Webprojekt von Jessica Lyschik zeigt die vielen Möglichkeiten der Blöcke: - sie stellt dieses Projekt vor auf der Seite Gutenberg-Fibel: https://gutenberg-fibel.de/


Entdecke die Blöcke: Das Herzstück des Block-Editors sind die Blöcke. Dabei ist ein „Block“ eine eigenständige Komponente innerhalb des Inhalts: Absätze, Überschriften, Listen, Bilder, Videos sind die üblichen Beispiele dafür. Der Block-Editor bringt von Haus aus 35 verschiedene Blöcke mit. Blöcke wie der Zitat-Block oder der Einbetten-Block können dabei mehrere Variationen aufweisen.


Auf der Gutenberg-Fibel ( https://gutenberg-fibel.de/ ) finden sich zu jedem Standard-Block eine ausführliche Beschreibung und in Kürze ein Video:

Allgemeine Blöcke
-Absatz
-Audio
-Bild
-Cover
-Datei
-Galerie
-Liste
-Überschrift
-Video
-Zitat

Formatierung
-Classic
-Code
-HTML
-Pullquote
-Tabelle
-Vers
-Vorformatiert

Layout-Elemente
-Abstandshalter
-Button
-Gruppe
-Medien und Text
-Mehr
-Seitenumbruch
-Spalten
-Trennzeichen

Widgets
-Archive
-Kalender
-Kategorien
-Neue Beiträge

mehr auf der Gutenberg-Fibel: https://gutenberg-fibel.de/

Darüber hinaus hier noch ein Blick auf sehr interessante Erweiterungen im Block-Design

Kadence Blocks: Kadence Blocks – Gutenberg Page Builder Toolkit
Verbreitung: mehr als 50,000 aktive Installationen
https://wordpress.org/plugins/kadence-blocks/
meta-data: Version:1.8.1 Last updated:2 weeks ago Active installations:60,000+ WordPress Version:5.2 or higher Tested up to:5.4.0

This plugin adds custom blocks and options to extend Gutenberg’s editing capabilties so you can create custom layouts and more engaging content. This plugin is meant to be a toolkit that makes the WordPress block editor capable of creating content usually only possible through popular page builder plugins. For example, with the Kadence Row Layout Block you can better control columns for different screen sizes plus it gives you full row editing tools like padding, backgrounds, overlays with gradients, vertical-align and much more.

Page Builder Gutenberg Blocks – CoBlock
https://wordpress.org/plugins/coblocks/ Page Builder Gutenberg Blocks – CoBlocks Download
Version:1.26.1 Last updated:7 days ago Active installations:200,000+ WordPress Version:5.0 or higher Tested up to:5.4.1
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.


- Advanced Gutenberg:
https://wordpress.org/plugins/advanced-gutenberg/
meta-data: Version:2.3.8 Last updated:2 weeks ago Active installations:20,000+ WordPress Version:5.0 or higher Tested up to:5.4.0
Advanced Gutenberg adds the missing blocks and configuration you need to build professional websites. Take the control of the new Gutenberg editor with user edition profile configuration and 20+ new blocks and options.

GUTENBERG ADVANCED BLOCK CONTROL
Create edition profiles and assign user or user group to the profile
Select each block activation per user profile
Default block configuration (Advanced Gutenberg blocks)
Custom CSS styles: apply on Gutenbergparagraph blocks
Define Gutenberg editor size and column materialization
Performance: only loaded when a block from the plugin is called


Atomic Blocks – Gutenberg Blocks Collection
https://wordpress.org/themes/atomic-blocks/
Atomic Blocks ist ein Projekt von Premium Themes Firma StudioPress und dem WordPress Hoster WP Engine. Die Atomic Blöcke funktionieren in jedem Theme. Das Plugin ist kostenlos.
Interessen: Bikes & steel frames: Linux & SBC https://www.allaboutcircuits.com :: die neuen Knowledge-Base: AFFiNE: There can be more than Notion and Miro. auf affine.pro :: WordPress Entwicklung - sic: make.wordpress.org/core/
User avatar
unleash_it
 
Posts: 806
Joined: 10. December 2011 18:32
Operating System: linux opensuse 12.1


Return to Allerlei

Who is online

Users browsing this forum: No registered users and 6 guests