Gutenberg Page Building Toolkit – EditorsKit

Description

EditorsKit provides set of page building block options and toolkit for the new WordPress Gutenberg editor.

Vous pouvez désormais mieux contrôler les formats de texte, le stylage et les processus de travail en utilisant tout simplement les outils fournis par l’extension EditorsKit.

See for yourself

Rich Text Formats

EditorsKit also adds the missing text formats for better content creation. The following rich text format are available upon plugin activation:

  • Option d’attributs de liens « rel » nofollow et sponsored
  • Texte surligné ou couleurs de titres
  • Couleur de fond du texte sélectionné
  • Options d’effacement de formatage
  • Justification du paragraphe
  • Underline Text Format
  • Exposant
  • Indice
  • Ajouter un retrait aux blocs Paragraphe, Titre ou Liste
  • Transformation du texte en majuscule
  • Alignement des légendes d’images et du contenu embarqué
  • Espace insécable
  • Abréviations pour les acronymes
  • Insérer des caractères spéciaux

Glyphes et caractères spéciaux

Insérez aisément des caractères spéciaux et symboles dans l’éditeur de blocs Gutenberg. Les caractères spéciaux sont catégorisés et vous pouvez utiliser le champ de recherche pour trouver un symbole spécifique.

Prise en charge du markdown

A partir de EditorsKit 1.6 , vous pouvez utilisez du markdown dans l’éditeur de blocs Gutenberg pendant la frappe. Le markdown pour *gras*, _italique_ et ~rayé~ sont disponibles dès l’activation de l’extension. La liste des markdowns disponibles est aussi accessible depuis le menu de réglages.

Watch it in action

Visibilité du bloc

En utilisant EditorsKit, vous aurez les contrôles de visibilité suivants afin de mieux gérer et afficher votre contenu.

  • Show or hide Gutenberg blocks on desktop, tablet and mobile devices
  • User logged-in or logged-out state block visibility
  • Custom PHP conditional display logic
  • Show or hide Gutenberg blocks based on Advanced Custom Fields Plugin(ACF) Value

Estimation du temps de lecture

Le compteur de mots est déjà disponible avec l’éditeur de blocs Gutenberg. EditorsKit étend ce comptage de mots et affiche également un temps de lecture estimé. Sur la base d’environ 275 mots par minute, plus des calculs supplémentaires pour les blocs Image, vous pouvez afficher une estimation plus précise du temps de lecture sur vos articles et pages.

Grâce aux shortcodes, vous pouvez afficher le temps de lecture estimé sur votre contenu en utilisant le code ci-dessous.

[editorskit display="wordcount" before="Reading Time: " after=" min"]
  • before : texte ou élément que vous souhaitez afficher avant le temps de lecture.
  • after : texte ou élément que vous souhaitez afficher après le temps de lecture.
  • tag : par défaut div : conteneur de balises Html
  • fallback : définissez la valeur sur ‘true’ pour afficher le compteur de mots basé sur PHP sur les anciens articles qui ne sont pas édités ou créés par l’éditeur de blocs Gutenberg

Block Guide Lines

EditorsKit features other tool aside from visibility management. With the new Block Guide Lines, you can easily toggle visible guide lines on title and each editor blocks in order to check the element boundaries. This feature will also help your workflow on handling nested blocks.

Copier-coller les blocs sélectionnés

Copiez facilement un ou plusieurs blocs sélectionnés, puis collez-les sur les autres pages du site ou sur un autre site en utilisant les options CMD + V, CTRL + V ou avec le clic droit de la souris.

Styles de blocs Image et Bannière

Vient avec une sélection de styles de blocs Bannière et Image pour des formes personnalisées et des mises en page diagonales, circulaires et des coins arrondis ; ajoutez même des ombres portées.

Styles additionnels pour le bloc Liste

Fournit les styles additionnels suivants pour le bloc Liste :

  • Coches
  • Flèches
  • Croix
  • Connecté
  • Etoiles
  • Tiret
  • Aucun

Alignement responsive du texte

Modifiez facilement l’alignement du texte par appareil. Cela vous aidera à fournir un alignement différent sur les appareils mobiles et les tablettes, en plus de l’option existante pour les ordinateurs.

Option de pleine hauteur d’écran

Affichez simplement les blocs sélectionnés en plein écran en basculant l’option « Pleine hauteur » dans le panneau avancé. Vous obtiendrez instantanément de belles sections héros en utilisant uniquement des blocs du cœur WordPress.

Activer ou désactiver l’enregistrement automatique

Permutez facilement l’enregistrement automatique pour résoudre certains problèmes de lenteur ou prévenir le bannissement de votre site de votre hébergeur web.

Permuter la visibilité du titre

Cachez facilement des articles, pages ou titres de types d’articles sur votre site en un seul clic. Cela vous permet de créer des articles et pages entièrement avec l’éditeur de blocs Gutenberg sans voir « (sans titre) » dans l’interface administrateur.

Import et export de blocs

Exportez chaque bloc ou bloc sélectionné et blocs réutilisables directement dans l’éditeur, sans avoir à naviguer dans un tableau de bord séparé. Cliquez et glissez les fichiers JSON exportés dans l’éditeur et ils seront automatiquement transformés en blocs Gutenberg ; même chose pour les blocs réutilisables.

Meilleures classes CSS personnalisées

Grande amélioration de l’option Classe(s) CSS additionnelle(s) ! EditorsKit offre une meilleure interface utilisateur avec proposition de classes pendant la frappe. Fonctionne avec un filtre personnalisé PHP, les développeurs de thèmes peuvent inclure des classes utilitaires personnalisées pour plus d’options de personnalisation.

Définir le bloc Image comme image mise en avant

Permettre au bloc Image sélectionné d’être facilement défini comme image mise en avant via la liste déroulante des paramètres du bloc.

Téléversement des images mises en avant par glisser-déposer

Téléversez ou modifiez facilement l’image mise en avant dans l’éditeur de blocs Gutenberg en faisant glisser l’image sur le panneau latéral intitulé Image mise en avant.

Coloration syntaxique en mode éditeur de code

Améliorer l’affichage en mode « Éditeur de code ». Alimenté par la bibliothèque CodeMirror utilisée par défaut par WordPress, l’éditeur de code s’affichera avec une coloration syntaxique du code qui permet de vérifier facilement chaque élément et s’il y a des erreurs dans vos codes HTML.

Option de mise en page lien et carte du bloc Média et Texte

Attribuer un lien personnalisé au bloc Média et Texte. Ajoutez facilement un lien personnalisé, un média ou une pièce jointe. Vous pouvez également définir l’ouverture dans un nouvel onglet, ajouter un lien non-suivi et/ou définir un lien pour l’ensemble du bloc. De plus, vous pouvez définir l’affichage du bloc Média et texte sous forme de carte avec l’option de placer l’image au-dessus ou en-dessous. Cette fonction s’intègre parfaitement à la barre d’outils de sélection de la mise en page.

Affecter un lien aux blocs Bannière, Groupe et Colonne

Affecter un lien aux blocs Bannière, Groupe et Colonnes en toute simplicité, avec la possibilité d’activer des attributs de lien « rel » tels que « ouvrir dans un nouvel onglet », « nofollow » et/ou « sponsorisé ». Vous pouvez également activer l’option supplémentaire permettant d’appliquer une animation de survol.

Raccourcis clavier

EditorsKit ajoute des raccourcis clavier qui manquent à l’éditeur Classique. Lorsqu’il est activé, vous pouvez utiliser les raccourcis suivants pour gagner facilement du temps et améliorer votre processus d’écriture.

  • CTRL + ALT + 1 : Titre de niveau 1
  • CTRL + ALT + 2 : Titre de niveau 2
  • CTRL + ALT + 3 : Titre de niveau 3
  • CTRL + ALT + 4 : Titre de niveau 4
  • CTRL + ALT + 5 : Titre de niveau 5
  • CTRL + ALT + 6 : Titre de niveau 6
  • CTRL + ALT + c : Centrer
  • CTRL + ALT + r : Aligner à droite
  • CTRL + ALT + l : Aligner à gauche
  • CTRL + ALT + j : Justifier
  • CMD + SHIFT + . : Sélectionne le bloc Parent

Navigateur de blocs

Afficher le « navigateur de blocs » sur un bloc-parent d’autres blocs. Disponible pour les blocs Colonne et Groupe.

Amélioration de l’expérience utilisateur et UI

Améliore l’interface et offre une meilleure expérience d’écriture.

Copiez et collez des dégradés personnalisés

Copiez facilement les couleurs de dégradés personnalisés dans votre presse-papier et collez-les où vous voulez. Vous pouvez aussi sélectionner les combinaisons disponibles de CopyGradients et coller facilement les couleurs dans les blocs Bannière et Bouton.

Réglages de fonctionnalités

Activez ou désactivez des fonctionnalités d’EditorsKit via le menu « Réglages d’EditorsKit ». Vous avez les pleins contrôles sur les fonctionnalités de l’extension et pouvez désactiver les fonctionnalités dont vous n’avez pas besoin sur votre site.

Theme Supports for Developers

EditorsKit devient aussi de plus en plus developer-friendly. A partir de la version 1.5, des theme_supports personnalisés ont été ajoutés pour offrir aux développeurs de thèmes des options pour que l’expérience d’édition dans l’éditeur de blocs Gutenberg pour les utilisateurs reflète l’affichage frontend. En apprendre plus ici.

Aide, trucs et astuces accessibles

Ajoutez le bouton Aide, trucs et astuces en bas à droite de l’éditeur pour aider les utilisateurs à découvrir plusieurs conseils et raccourcis utiles. Ces conseils amélioreront certainement votre processus de travail et vous permettront de gagner du temps en parcourant le nouvel éditeur de blocs.

Bloc ShareABlock

Insérez vos téléchargements depuis shareablock.com facilement en utilisant ce bloc. Parcourez vos modèles de blocs et vos gabarits, puis ajoutez-les à votre contenu en un seul clic.

Helping you with the new Gutenberg Editor

EditorsKit is created to help you navigate through the new editor. Each new features will make your page building more convenient and easier. You can help achieving this goal through the community:

Contact and Credits

EditorsKit is maintained and developed by Jeffrey Carandang.

Captures d’écran

  • Couleurs de texte et surlignage
  • Formats de texte riche pour l'éditeur de blocs Gutenberg
  • Visibilité selon les tailles d'écran et l'état de connexion des utilisateurs
  • Paramètres de bloc
  • Styles de blocs Image et Bannière
  • Paramètres et options
  • Outil et auto-suggestion de classes personnalisées
  • Coloration syntaxique en mode éditeur de code
  • Téléversement des images mises en avant par glisser-déposer
  • Option d'attributs de liens "rel" nofollow et sponsored

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the full directory into your wp-content/plugins directory
  2. Activate the plugin at the plugin administration page
  3. That’s it! I hope you’ll love this plugin 🙂

Avis

5 août 2020
Thank you for building this plugin and providing this great functionality! I am especially grateful for the responsive settings for my blocks!
30 juillet 2020
Es un plugin que permite funciones especificas muy necesarias, excelente complemento para otros plugins.
29 juillet 2020
This powerful and clean plug-in adds many useful features to the block editor. As long as the official Gutenberg plug-in does not implement these features, EditorsKit is a great companion to Gutenberg.
16 juillet 2020
This is very useful, and combined with Kadence Blocks is all you need. No more bloat page builders.
8 juillet 2020
I am new to WP, but I am sure that too much plugin material is not a good way for my system. This is a part that I need and that works and is nice and clear.
Lire les 67 avis

Contributeurs & développeurs

« Gutenberg Page Building Toolkit – EditorsKit » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Gutenberg Page Building Toolkit – EditorsKit” a été traduit dans 5 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Gutenberg Page Building Toolkit – EditorsKit » 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.29.2

  • Update readme « Tested Up to » WordPress version

1.29.1

  • New: Add ndash and mdash
  • Fixes and compatibility with Gutenberg Plugin
  • Fixes and compatibility with thirdy party plugin

1.29

  • New: Add new preview mode with shortcut using CMD/CTRL + SHIFT + P. #264 🎊
  • Fixes: Compatibility fixes for upcoming WordPress 5.4 🐛

1.28

  • New: Gradient picker copy and paste controls. #264 🎊
  • Fixes: Compatibility with new Gutenberg plugin UI and block guide lines. #265

1.27

  • New: Special Characters Inserter Format. #254 🎊
  • New: Heading and alignment keyboard shortcuts. #262🎉
  • Tweaks: Add more compatibility changes for Gutenberg plugin
  • Fixes: Prevent error when switching to Code Editor using keyboard shortcut. #255

1.26

  • New: New ShareABlock block. #251🎉
  • New: New ‘dashed’ list block style. #252
  • Tweaks: Use three empty paragraph to show shortcut for spacer block transform instead of four.
  • Tweaks: Few more compatibility with Gutenberg plugin

1.25

1.24.1

1.24

1.23.1

1.23

1.22.1

  • Tweaks: Add new features to Features Manager

1.22

1.21

1.20

1.19

1.18.3

  • Fixes: Resolve issue with Code Editor mode changes not reflecting when switching to to Visual Editor mode

1.18.2

1.18.1

1.18

1.17

1.16

  • New: Copy single or muliple selected blocks and paste anywhere 🎊
  • New: Caption Alignment for images, galleries and embed blocks 🎉

1.15

  • New: Estimated Reading Time 🎊
  • New: Media and Text Block card layout option 🎊
  • New: Block Navigator on Columns and Group Block 🎉
  • Improvement: Add ‘sponsored’ rel attributes option on Media and Text Block link
  • Improvement: Prevent menu and tools link overlap when there are lots of menu
  • Fixes: Few other 🐛 cleanup for errors and Gutenberg compatibility

1.14

  • New: Link format noFollow rel attribute option 🎊
  • New: Link format sponsored rel attribute option 🎉
  • Improvement: Helper filter for Block Lab plugin support
  • Fixes: Fix Chrome overlapping metabox issue
  • Fixes: Few other 🐛 cleanup

1.13

  • New: Drag and Drop Featured Image Upload 🎊
  • New: Add Toolbar to Media and Text Block to Add Custom Link to Image or Whole Block 🎉
  • New: Media and Text Block Link no follow and open to new tab toggle 🎉
  • Improvement: Add background on block drag and drop for better UI
  • Fixes: Clean up 🐛

1.12

  • New: Add option to set Image Block as Featured Image 🎊
  • New: View Heading Block label for better content writing 🎉
  • Improvement: Change URL Popover « Open in New Tab » alignment for lesser mouse movement
  • Improvement: Add POT string translations for both PHP and JS text
  • Fixes: Improve performance and clean up 🐛
  • Fixes: Compatibility and fixes for Gutenberg version 6.4.0

1.11

  • Improvement: Convert process to wp-scripts for WordPress Gutenberg standard
  • Improvement: Ability to hide « Responsive Panel »
  • Fixes: Prevent issues with third party plugin’s settings page
  • Fixes: Compatibility and fixes for Gutenberg version 6.3.0

1.10

  • New: Add Code Syntax Highlighting when on Code Editor Mode 🎊
  • New: Add « View Custom Fields » option to easily scroll down to Custom Fields area 🎉
  • Fixes: Prevent display bug when Editor Height is toggled on
  • Fixes: More compatibility fixes for the latest Gutenberg plugin

1.9.2

  • New: Editor Height Option to set editor min-height to 100% of the viewport 🎊
  • Improvement: Only load editorskit scripts on admin pages that are running Gutenberg
  • Improvement: Do not automatically disable Auto Saving after plugin activation
  • Improvement: Extended support for Block Lab Plugin with editorskit_blocklab_classname() helper function
  • Fixes: Prevent error from third-party plugins for REST API missing attributes
  • Fixes: More compatibility fixes for the latest Gutenberg plugin

1.9.1

  • Improvement: Add ek- identifier for custom Utility Classnames
  • Improvement: Extended support for Block Lab attributes
  • Fixes: Prevent issues on REST API from blocks added via PHP register_block_type

1.9

  • New: Custom Utility Classes and Class(es) Suggestions 🎉
  • Improvement: Add editorskit-title-hidden body class when title is hidden
  • Improvement: Add Text and Highlight Colors to Features Manager
  • Fixes: Exclude ‘core/nextpage’ block to visibility option ( https://wordpress.org/support/topic/nextpage-feature-broken/ )
  • Fixes: Compatibility fixes for new Gutenberg plugin version

1.8

  • New: Image and Cover Block Styles ( circular, diagonal, rounded corners and shadow ) 🎉
  • New: Full Screen Height toggle option 🎉
  • Improvement: Add responsive panel with display settings to show/hide blocks on desktop, tablet and mobile
  • Improvement: Change logged-in user state to toggle options with descriptions
  • Improvement: Show title on search and menu item even hidden toggle is active
  • Fixes: Compatibility fixes for new Gutenberg plugin version

1.7

  • New: Block Import and Export ( https://twitter.com/phpbits/status/1138412218721026049 ) 🎉
  • Improvement: Better UI for Text Color and Highlighter
  • Fixes: Gutenberg 5.9+ compatibility fixes
  • Fixes: Fix ACF on advanced visibility tab issue

1.6.2

  • Fixes: Bug fix for new reusable block name « core/template » and block options

1.6.1

  • Fixes: Conflict with custom post type and hidden title feature : https://wordpress.org/support/topic/error-with-custom-post-type-registration-after-plugin-update/

1.6

  • New: Gutenberg Editor Markdown Support 🎊
  • New: Clear Formatting Options 🎉
  • New: Subscript, Superscript and Uppercase Text Formats 🎉
  • New: Toggle Title Visibility Option 🎉
  • New: EditorsKit Features Manager 🎊
  • Add: Freemius Insights
  • Compatibility: Disable duplicate formats when JetPack or CoBlocks is active
  • Fixes: Shortcode Block Compatibility Bugs
  • Fixes: Remove EditorsKit id instance for other plugin’s compatibility
  • Fixes: Conflict with Thrive Comments plugin( https://github.com/phpbits/block-options/issues/49 )

1.5

  • New: Highlighted Text or Heading Colors 🎉
  • New: Highlighted Text Background Color 🎉
  • New: Paragraph Justify Alignment 🎉
  • New: Enable or Disable Auto Save 🎊
  • New: editorskit-template-block-sizes and editorskit-genesis-layout-block-sizes theme supports 🎊

1.4.3

  • Add new Underline Text Format 🎉
  • Fix issue with Classic Block Conversion to Blocks

1.4.2

  • Fix button CSS issue on modal popup for older Gutenberg version

1.4.1

  • Block Guide Lines Compatibility for old version

1.4

  • Rebranded to EditorsKit
  • Improve UI and UX
  • Add new Block Guide Lines feature
  • Fix issue with Advance Custom Fields Plugin visibility
  • Rewrite for better Gutenberg support

1.3.3

  • Fix issue with latest Gutenberg version

1.3.2

  • Fix issue with column styling

1.3.1

  • Fix classes duplicate

1.3

  • Add fixes for Gutenberg 3.7 issue and deprecated functions

1.2.1

  • Add fixes for ACF Pro integration
  • Fixes for deprecated variables

1.2

  • Add ACF Support for managing visibilities based on specific field value and conditions

1.1.1

  • Upgrade API and fix issues with Gutenberg 3.1

1.1

  • Fix issues with other Gutenberg plugins, options not saving
  • Add support for inner column blocks
  • Add option to hide descriptions for adept users to minimize section content

1.0

  • Initial Block Options for Gutenberg Plugin release