Create Block Theme

Description

Cette extension vous permet de :

  • Créer un thème vierge
  • Créer un nouveau thème basé sur le thème actif
  • Créer une thème enfant du thème parent actif
  • Créer une nouvelle variation de style
  • Exporter un thème
  • Enregistrer les modifications de modèles et de styles de l’utilisateur ou l’utilisatrice dans le thème actif

Les thèmes ou variations de style nouvellement créés incluront les modifications effectuées dans l’éditeur de WordPress.

Cette extension apporte également plusieurs modifications au contenu d’un thème, notamment :

  • Ajoute au dossier assets du thème toutes les images utilisées dans les modèles.
  • S’assure que le balisage des blocs utilisé dans les modèles et les compositions de blocs est prêt pour l’exportation.
  • Veille à ce que la plupart des chaines utilisées dans les modèles et les compositions de blocs soient traduisibles.

Avertissement : L’extension Create Block Theme offre des fonctionnalités essentielles orientées développement ; vous pouvez la considérer comme une sorte de mode de développement pour WordPress, et devez garder à l’esprit que les modifications apportées par le biais de cette extension peuvent changer votre site et/ou votre thème de manière permanente.

(Assurez-vous de savoir ce que vous faites avant d’appuyer sur le bouton « Enregistrer » 😉)

Étape 1 – Configuration

Installez et activez l’extension Create Block Theme.

Il y aura un nouvel onglet accessible depuis l’éditeur de WordPress, que vous pouvez ouvrir en cliquant sur une nouvelle icône à droite du bouton « Enregistrer », dans la barre supérieure de l’écran.

Étape 2 – Personnalisation du style

Apportez des modifications au style et aux modèles de votre site avec l’éditeur de site.

Étape 3 – Exportation

Toujours dans l’éditeur de WordPress, naviguez vers le menu de Create Block Theme dans la barre supérieure.

Pour enregistrer les modifications récentes effectuées dans l’éditeur dans le thème actif :

  • Sélectionnez « Enregistrer les modifications » pour enregistrer toutes les modifications récentes dans le thème actif.

Pour installer et désinstaller des polices :

  • Installez et activez une police de caractères à partir de n’importe quelle source avec la bibliothèque de polices de WordPress.
  • Sélectionnez « Enregistrer les modifications dans le thème » et sélectionnez « Enregistrer les polices » pour enregistrer toutes les polices actives dans le thème actif. Ces polices seront alors activées dans le thème et désactivées dans le système (et pourront être supprimées du système en toute sécurité).
  • Les polices installées dans le thème qui ont été désactivées depuis la bibliothèque de polices de WordPress seront retirées du thème.

ou exporter le thème :

  • Sélectionnez « Exportation Zip » pour exporter le thème sous forme de fichier zip.

Pour modifier les métadonnées du thème :

  • Sélectionnez « Éditer les métadonnées du thème » pour modifier les métadonnées du thème. Ces détails seront utilisés dans le fichier style.css.

Pour inspecter le contenu du theme.json du thème actif :

  • Sélectionnez « Inspecter theme JSON »

Pour créer un nouveau thème vierge :

  • Sélectionnez « Créer un thème vierge »
  • Fournissez un nom pour le nouveau thème (et les métadonnées supplémentaires le cas échéant)
  • Cliquez sur « Créer un thème vierge »

Pour créer une variation :

  • Sélectionnez « Créer une variation de thème »
  • Fournissez un nom pour la nouvelle variation
  • Cliquez sur « Créer une variation de thème »

Pour créer un nouveau clone du thème actuel ou pour créer un thème enfant du thème actuel :

  • Cliquez sur « Créer un thème »
  • Cliquez sur « Cloner le thème » pour créer un nouveau thème basé sur le thème actif avec vos modifications.
  • Cliquez sur « Créer un thème enfant » pour créer un nouveau thème enfant avec le thème actif comme parent comportant vos modifications.

La plupart de ces options sont également disponibles sur l’ancienne page Create Block Theme, obsolète, sous Apparence > Créer un thème basé sur des blocs.

Dépannage général

Si vous rencontrez des problèmes, veuillez essayer ce qui suit :

  • Assurez-vous que la dernière version de WordPress est installée.
  • Assurez-vous que la dernière version de l’extension est installée.
  • Désactivez toutes les extensions et voyez si cela résout le problème. Si cela fonctionne, réactivez les extensions une par une jusqu’à ce que vous trouviez le(s) extension(s) qui pose(nt) problème.
  • Remplacez le thème par le thème par défaut afin d’écarter tout problème lié au thème.
  • Consultez le forum de support pour des problèmes similaires.

J’obtiens un fichier zip corrompu lorsque j’exporte mon thème.

  • Suivez d’abord les étapes générales de dépannage ci-dessus.
  • Assurez-vous que les préférences WP_DEBUG de votre fichier wp-config.php sont réglées sur false de cette manière : define( 'WP_DEBUG', false );.
  • Si votre thème contient des fichiers PHP, vérifiez que ces fichiers n’utilisent pas des balises fermantes PHP ?> en fin de fichier. Si c’est le cas, retirez ces balises fermantes.

Captures d’écran

  • Fenêtre de Create Block Theme dans l’éditeur WordPress
  • Fenêtre d’enregistrement de Create Block Theme dans l’éditeur WordPress
  • Fenêtre d’édition des métadonnées du thème dans l’éditeur de WordPress
  • l’inspecteur theme.json dans l’éditeur WordPress
  • Onglet 1 Créer un thème dans l’éditeur WordPress
  • Onglet 2 Créer un thème dans l’éditeur WordPress
  • Page sous Apparence > Create Block Theme

FAQ

Comment obtenir de l’aide ?

Si vous rencontrez un problème, consultez d’abord le Forum d’assistance. Le forum est un endroit idéal pour obtenir de l’aide.

Comment signaler un problème ?

Si vous avez un bogue à signaler, veuillez l’envoyer au dépôt Dépôt GitHub en tant que problème. Veuillez rechercher avant de créer un nouveau bogue afin de vous assurer qu’il ne s’agit pas d’un doublon.

Avis

12 septembre 2024
Excellent plugin, simple, lightweight, does what it says.The only bad thing about this plugin is why is it not a native feature of Wordpress !! Especially when creating style variations it just create so much ease of mind.
16 juillet 2024 2 réponses
I think I said it all in the title. I couldn’t upload the theme as it was missing a styles.css. I checked the files and can confirm that there isn’t one. I guess I could add a blank one, but then I could just create a child theme myself if I wanted to start creating files. Nice idea, poor execution…a bit like blocks 😉
4 mai 2024 2 réponses
I didn’t use this to really customize anything. I just used it to create a child theme of 2024. It worked great. I exported the theme and it automatically downloaded to my computer. I tried it to upload it to add a new theme, BUT it said it would be overwriting my 2024 theme. So, I did have to unzip and rezip to rename the folder, something that SHOULD be part of the export options (maybe in a future release?). However, AFTER doing that. I simply uploaded the zip and my child theme was there!
25 février 2024
Wow, 2 days of work completely gone! In the end I edited the « theme info », hit « saved changes » and *poof*, all gone.
Lire les 32 avis

Contributeurs/contributrices & développeurs/développeuses

« Create Block Theme » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Create Block Theme” a été traduit dans 18 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Create Block Theme » 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

2.6.0

  • Process inner html of blocks when escaping text content (#719)
  • Removed all of the code relating to ‘folder management’ of a theme. (#723)
  • Fix Image URL Localization URI (#720)
  • Add __nextHasNoMarginBottom to BaseControl-based components (#729)

2.5.0

  • Copy font assets to the local theme folder when creating a style variation (#713)
  • Adds minimum WordPress version to theme metadata (#715)
  • Add a main tag wrapper around the query loop (#726)
  • Remove « Categories: hidden » from default pattern header (#718)
  • Fix « troobleshooting » typo in readme.txt (#721)
  • Mise à jour des dépendances node (#717)
  • Try: Add synced patterns to theme on save (#675)
  • Rename font assets when theme is saved and/or exported (#712)
  • Mise à jour de la fonction échappement (#683)
  • Redirect to proper editor_url (#708)
  • Update README.md disclaimer wording and formatting (#703)

2.4.0

  • Augmentation de la version minimale requise de WordPress à 6.6 (#704)
  • Ne pas activer la colonne latérale pour un thème classique (#705)
  • Formatage en markdown du README (#702)
  • Mise à jour du lien cassé dans le README (#701)
  • Mise à jour de la version de theme.json des thèmes vierges (#700)
  • Inspecteur de données JSON pour les styles globaux (#697)
  • Supprimer les caches liés uniquement au thème lors de l’enregistrement des modifications (#685)
  • Mise à jour de version « Testée jusqu’à » à 6.6 (#694)
  • Ajout de la section Réinitialiser le thème (#687)
  • Normalisation du style de la nouvelle ligne DOS (Windows) du readme.txt (#681)

2.3.0

  • Persist font settings when cloning a theme (#678)
  • Page de destination : amélioration du design (#673)
  • Correctif d’une coquille du Readme (#674)
  • Accessibilité : amélioration du contraste de la couleur du bouton « aide » (#672)
  • Quality: Fix warning error when exporting theme (#671)
  • Remove unused REST API endpoint (#670)
  • Refactor theme fonts class for readability (#661)
  • Vérification de la présence des polices du thème avant de les retirer (#660)
  • Add an about section in the editor (#667)
  • Update escaping function (#665)
  • Make external links translatable (#663)
  • Mise à jour de l’url pour le blueprint (#658)
  • Ajout de la possibilité de modifier les permissions des crédits d’image dans la fenêtre modale de modification du thème (#662)
  • Qualité : retirer les classes PHP inutilisées (#664)

2.2.0

  • Mise à jour de la largeur de la modale à 65vw (#638)
  • Fixed font utilities to work with font sources as an (optional) array. (#645)
  • Handle font licenses when editing theme metadata (#649)
  • Adds an endpoints that returns a list of font families used by a theme (#648)
  • Flush cache after creating new themes (#654)
  • Replace/admin interface (#637)
  • Added subfolder to initial theme state to eliminate render error (#652)
  • Fix the jslint warning (or infinate loop error when fixed) from useSelect usage (#651)
  • Enforce specifying which eslint rule is disabled when using eslint disable comments (#650)
  • Handle font credits in the backend (#647)
  • Déplacement de lib-font et ajout du texte de la licence GPL (#646)

2.1.4

  • Fix template texts localizing/escaping (#641)
  • Use only major.minor version in ‘Tested up to’ field (#635)
  • Don’t Clobber Metadata (#634)
  • Clean and complete the changelog (#636)
  • Add prefix to the names in the PHP global namespace. (#628)
  • Improve tags UI (#630)
  • Refactor Theme_Readme (readme.txt) PHP class (#626)
  • Metadata screenshot (#621)
  • Allow spaces in slugs. Changed logic to correctly replace functions. Updated tests. (#622)
  • Reset changelog and version on clone and theme creation (#623)
  • Use non-default port for wp-env (#611)
  • Update package-lock.json (#620)
  • Tests: use tests-wordpress wp-env for phpunit (#618)
  • Add Repository Management section to contributing docs (#614)
  • Update wp-env version (#619)
  • Update Node version to 20 (#617)
  • ESLint: Add new rules (#616)

2.1.3

  • Editor Sidebar: Persist « Save Changes » panel settings (#607)
  • Fix problem with zip file creation on Windows (#606)
  • Fix custom fonts assets path (#601)
  • Remove unused UpdateThemePanel component (#608)
  • Check ZipArchive class before zip export (#609)
  • Editor Sidebar: Make save panel text translatable (#603)
  • Editor Sidebar: Improve screen title UI (#605)
  • Move files (#598)

2.1.2

  • Document the release process (#594)
  • Make sure code is being deployed to the directory only on Release PR Merge (#593)
  • Remove font management (#595)

2.1.1

  • Process group background image when saving theme (#586)
  • Removed unnecessary filter rejecting unsafe URLs (#588)
  • Fix/cover-block-content-stripped (#587)
  • When there are no fonts to export an error is thrown (null ref). This change checks for fonts to copy to the theme before trying to. (#582)
  • Fix hardcoded wp-admin URLs (#576)
  • Code Quality: Remove no-undef eslint rule (#577)
  • Move screenshot refs to screenshot section (#580)

2.1.0

  • Save only templates that have been changed (#572)
  • I18n: Make modal titles translatable (#575)
  • Update readme with changes from UI changes and updated screenshots (#571)
  • Fix concatenation of translation strings (#554)
  • Include activated Fonts on theme zip export functions (#564)
  • Fix/un transposed patterns (#567)
  • Try/refactor editor UI (#563)
  • Update readme files with editor-specific steps and screenshot references (#555)

2.0.2

  • Update readme, remove test files from release build (#548)

2.0.1

  • Add missing build step to deploy workflow (#546)

2.0.0

  • Remove reviewer addition (#544)
  • Refactor GitHub release workflows (#542)
  • Fix changelog creation script (#541)
  • Add theme json inspector (#520)
  • Add deprecation notice in theme export admin screen (#540)
  • Replace font management with screen pointing to native font library (#539)
  • Added creation of theme validation to site editor interface (#532)
  • Add/child theme creation (#531)
  • Add blueprint.json file to enable plugin previews (#511)
  • Extracted any logic that may need to be tested from the api class (#522)
  • Use CORE for Font Management (#518)
  • Add integration tests (#393)
  • Remove CODE_OF_CONDUCT.md from .distignore. (#515)
  • Remove repo specific CoC. (#514)
  • GitHub Actions: Add JavaScript Unit Test (#508)
  • Add files and directories not needed for release to .distignore (#512)
  • Replace dash icon with SVG icon (#506)
  • Fix browser warning error when clicking the reset button (#505)
  • Add markdown and package.json lint command (#504)
  • Fix react warning error on font upload page (#502)
  • Fix dynamic property deprecation (#501)
  • Add text domain to translation target (#499)

1.13.8

  • Remove the development-only warning

1.13.7

  • docs: Add recent release notes to the changelog

1.13.6

  • Fix manage fonts page

1.13.5

  • Make form files more specific to form page
  • Set page titles that set only within CBT

1.13.4

  • Bump « tested up to » to 6.4
  • Update Google Fonts JSON data from API
  • Update theme form markup and styles
  • Fix/child export
  • Corrects malformed input tag
  • Add quotes to font family names

1.13.3

  • Mise à jour de « Testée jusqu’à » la version 6.3
  • Add .wp-env.override.json to .gitignore
  • Use wp_add_inline_script for createBlockTheme object
  • Update Google Fonts JSON data from API
  • Mise à jour de « nécessite la version PHP » 7.4
  • Fix PHP 8.1 errors caused by missing page titles

1.13.2

  • Update Google Fonts JSON data from API
  • Set the initial version to 1.0.0 instead of 0.0.1
  • Fix: react render warning
  • Introduce basic wp-env environment

1.13.1

  • Add default value for recommended plugins section
  • Update Google Fonts JSON data from API

1.13.0

  • Conserver les informations de copyright lors de la création d’un nouveau thème.
  • Update Google Fonts JSON data from API
  • Déplacer la vérification de download_url vers le haut
  • Évitez les espaces ou autres caractères étranges dans les chemins d’accès aux ressources de police de caractère.
  • Ajouter des fichiers au sous-dossier zip appelé comme slug du thème
  • Update Google Fonts JSON data from API

1.12.1

  • Corriger un double remplacement dans replace_namespace

1.12.0

  • Ajouter une entrée de crédits d’image
  • Mettre à jour la logique version du thème pour utiliser isset()
  • Update Google Fonts JSON data from API

1.11.0

  • Update Google Fonts JSON data from API
  • Add linebreaks before hyphen lists in readme to fix plugin repository display
  • Empêcher une espace blanche supplémentaire dans les crédits de police dans readme.txt
  • Polices Google : remplacer les gestionnaires onClick par onChange
  • Escape special characters to avoid syntax errors
  • Mettez à jour la version requise du nœud et mettez à jour les dépendances

1.10.0

  • Update Google Fonts JSON data from API
  • Ajout de FAQs de dépannage
  • Mise à jour du champ « Nécessite au moins » des thèmes générés
  • Améliorer la gestion des erreurs de licence de police
  • Corriger la propriété tabIndex
  • Ajouter automatiquement les informations de licence de police pour les polices locales

1.9.0

  • Handle Google Font Credits
  • Update Google Fonts JSON data from API
  • Corriger une erreur de console dans la fonction prepareThemeNameValidation
  • Ajouter une section FAQ au fichier readme.txt
  • Ajouter automatiquement les informations de licence de police pour les polices Google
  • Supression du lien de donation

1.8.2

  • Bump tested version
  • Mise à jour testée jusqu’à : version 6.2 de WordPress
  • correction de la duplication d’étiquettes dans le thème exporté
  • Corriger la vérification des erreurs
  • Update Google Fonts JSON data from API
  • Remanier le code de l’application React pour un usage général
  • ajouter le répertoire de construction à la liste d’exclusion de php
  • Ne pas appeler replace_template_namespace lors de l’écrasement du thème
  • Corriger une erreur lors du passage en mode modification de modèle dans l’éditeur de publication
  • Ajouter useRootPaddingAwareAlignments à un thème vierge
  • Update Google Fonts JSON data from API
  • Évitez d’ajouter les informations de modèle à style.css s’il est vide
  • Corriger la suppression du chemin famille-de-caractère/police lorsque le nom de la police est différent de celui la famille
  • Ajouter la validation du nom du thème
  • Corriger le thème exporté par l’éditeur de site
  • Supprimer les caractères d’échappement avant d’imprimer la feuille de style
  • Linting unlinted file

1.8.1

  • Add current WordPress version to style.css and readme.txt
  • Add labels around Google font family checkbox controls
  • Fix theme slug, textdomain, and template for cloned, child and sibling themes.
  • Remplacer le slug du thème dans les modèles après en avoir obtenu les URL multimédias

1.8.0

  • Exporter les variations de style avec les modifications apportées par l’utilisateur ou l’utilisatrice
  • fix issue where package-lock is not updated on version bump
  • Adding default value to an to avoid error when calling export_theme_data()
  • Fixing image downloading not working in some cases
  • Update Google Fonts JSON data from API
  • Add Export (Clone) to site editor

1.7.1

  • Update screenshots
  • Fix manage fonts UI and backend when no settings are defined in theme.json
  • Variable font weight range

1.7.0

  • Manage fonts minor refactor. Move elements from PHP to react
  • Allow otf font file upload
  • Local fonts section implementation in React
  • Fonts outline sidebar
  • Update Google Fonts JSON data from API

1.6.3

  • (Fix refactor regression) Remove white spaces from theme slug

1.6.2

  • Refactor font-management class
  • Refactor create-block-theme class
  • fix manage theme font menu casing
  • Add phpcs exception to avoid PHP8.0 incompatibility errors
  • Fix blank theme screenshot fatal error
  • Fix lint issues using auto fixer tool
  • Update Google Fonts JSON data from API
  • Fix CSS lint issues
  • Fix PHP lint issues
  • Fix JS lint issues
  • Add lint validation to PR workflows
  • fix package lock sync issue

1.6.1

  • Add: input for theme tags
  • Placeholder URL change to TT3
  • Remove white spaces from theme slugs

1.6.0

  • Update main readme and add supporting docs
  • Fix Depreciation Warning
  • Cleanup Manage Theme Fonts UI
  • Bundle template images into theme assets and make their urls relative
  • Cloned themes: Add original theme name to readme.txt and style.css
  • Font families collapsed by default
  • Fix: Unexpected action when clicking Collapse chevron
  • Lint all CSS files
  • Fix: composer scripts doesn’t work on Windows
  • Use Gutenberg Theme JSON resolver if its available
  • Update Google Fonts JSON data from API
  • Replacing mkdir() calls with WordPress wp_mkdir_p() function

1.5.1

  • check for DISALLOW_FILE_EDIT and simplify permission check logic
  • Load google fonts data from url
  • Separate styles and templates reset
  • Add spinner while google fonts load instead of showing a blank page
  • Add: code linting scripts
  • Update Google Fonts JSON data from API
  • Avoid pre commit verifications on Github actions to prevent action errors caused by linting problems

1.5.0

  • Fix: browser console errors
  • Fix: Adding or removing fonts fails in some Windows environments
  • Add placeholder screenshot to boilerplate theme
  • Refactor: Add Google Fonts section from vanilla JS to React app
  • Adding demo text settings

1.4.0

  • Specify node and npm versions, add nvmrc file
  • Add theme screenshot uploading
  • Manage fonts: Demo text editable
  • Update Google Fonts JSON data from API

1.3.10

  • Remove font face: avoid unwanted removal of fontfamily.
  • Add missing spaces to option labels

1.3.9

  • Updating Tested up to: 6.1
  • I18N: Some new UI strings are not translatable
  • Replace « current theme » with « active theme » (or « currently active theme »)
  • Improve translation process by removing trailing spaces
  • Fonts: remove font files from theme assets folder if the font face/family is removed.
  • Refactor to read raw theme.json data instead of using core methods
  • Update Google Fonts JSON data from API

1.3.8

  • Correction de l’orthographe de la définition
  • Fixing readme contributors
  • Add contributor username to readme
  • Update GitHub action to avoid deprecation warning
  • Update Google Fonts JSON data from API
  • Update Google Fonts JSON data from API
  • Check permission before running functions that need file write permissions
  • Allow previewing system font

1.3.7

  • Moving assets files to be auto updated by the release action

1.3.6

  • Auto update assets using a github action

1.3.5

  • Auto release: commit updated php file with the new version

1.3.4

  • auto update version of php file

1.3.3

  • Automatic release improvements

1.3.2

  • Automatic release improvements

1.3.1

  • Mettre à jour .distignore

1.3.0

  • Mettre à jour les données des polices Google
  • Force https to load Google fonts preview
  • Add the ability to select/unselect all google font variants
  • Update google fonts JSON data automatically using a repo action
  • Gérer les polices du thème
  • Automate release: build, version bump, changelog, deploy to wp.org
  • Automatiser la mise en ligne

1.2.3

  • Ajout du domaine de traduction (#121)
  • Vérification de l’index nonce (#120)
  • Validation du type mime du fichier de police côté serveur (#119)

1.2.2

  • Add capabilities and nonce checks (#118)

1.2.1

  • Corriger le numéro de version

1.2.0

  • Embarquer les polices Google et les fichiers de police locale dans le thème (#113)
  • Modification du texte du bouton (#112)
  • Add check and directory creation for template and parts folders. (#110)
  • Modification du schéma de theme.json du thème vierge si Gutenberg n’est pas installé. (#107)

1.1.3

  • update links, screenshots of the new changes (#97)
  • Add $schema and use Gutenberg classes (#99)
  • Update readme to include latest features (#100)
  • Generate $schema URL in the same way as core. (#105)

1.1.2

  • Enregistrer une variation de thème (#90)
  • Make UI string ‘Create Block Theme’ can be translatable (#92)

1.0.1

  • Ajout d’une option pour créer un thème vierge. (#70)
  • Amélioration des instructions du formulaire (#76)
  • Nettoyage du formulaire et vérification du nom du thème (#77)
  • Get the correct merged theme.json data (#88)

1.0

  • Version initiale.