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 variantion 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.

L’extension est uniquement destinée au développement – elle n’est pas destinée à être utilisée sur des sites de production, mais comme outil pour créer de nouveaux thèmes.

É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

16 juillet 2024
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 1 réponse
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.
14 février 2024
One thing that I would improve:When you open the assets/fonts folder of TT3 or TT4 themes, they offer .woff2 but the same doesn’t happen with this plugin. So when you add a Google font it is only adding the .ttf font format, which is a very old format.
12 janvier 2024
Thanks for this. It works well. It’s exciting that block theme design is low code. This plugin makes it even more low code.
Lire les 30 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 16 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.3.0

  • Persist font settings when cloning a theme (#678)
  • Page de destination : amélioration du design (#673)
  • Fix small readme typo (#674)
  • A11y: Improve color contrast for help button (#672)
  • Quality: Fix warning error when exporting theme (#671)
  • Remove unused REST API endpoint (#670)
  • Refactor theme fonts class for readability (#661)
  • Check if theme fonts present before removing (#660)
  • Add an about section in the editor (#667)
  • Update escaping function (#665)
  • Make external links translatable (#663)
  • Update url for blueprint (#658)
  • Add image credits edit capabilities to the edit theme modal (#662)
  • Quality: Remove unused PHP classes (#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

  • Fixes the spelling of definition
  • 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
  • Manage theme fonts
  • Automate release: build, version bump, changelog, deploy to wp.org
  • Automate release

1.2.3

  • Add translation domain (#121)
  • Check for nonce index (#120)
  • Validating mime type of font file on server side (#119)

1.2.2

  • Add capabilities and nonce checks (#118)

1.2.1

  • Corriger le numéro de version

1.2.0

  • Embed Google fonts and local font files in theme (#113)
  • Change button text (#112)
  • Add check and directory creation for template and parts folders. (#110)
  • Change theme.json schema of blank theme if Gutenberg isn’t installed. (#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

  • Add option to create blank theme. (#70)
  • Improve form instructions (#76)
  • Form cleanup and Theme name check (#77)
  • Get the correct merged theme.json data (#88)

1.0

  • Version initiale.