GutenBlocks, les tout premiers blocs #WordPress que j’ai conçus

Publié le

par

Lego sur fond orangé
Photo de Markus Winkler sur Unsplash

Bonjour chèr·e·s lecteur·rice·s,

Pour prĂ©parer la mise Ă  jour de mon site WordPress Ă  la dernière version en date, par exemple la 5.8, je prends toujours la prĂ©caution de la tester sur un environnement de dĂ©veloppement local qui reproduit l’environnement de ce site (thème et extensions actives). Une fois mes tests terminĂ©s, je rĂ©alise une sauvegarde de la base de donnĂ©es de ce site et de son rĂ©pertoire wp-content avant de cliquer sur le bouton de mise Ă  jour de l’administration de WordPress.

Je m’y prends gĂ©nĂ©ralement plus tĂ´t par rapport au processus de dĂ©veloppement de WordPress en commençant Ă  tester Ă  partir de la première bĂŞta. Je n’ai malheureusement pas eu le temps de le faire pour cette version, ce qui explique une mise Ă  jour tardive de l’extension qui regroupe ma collection personnelle de blocs « GutenBlocks ». Si toutefois vous utilisiez cette extension et WordPress 5.8, je vous recommande de la mettre Ă  jour pour profiter des adaptations que j’y ai apportĂ©es.

Pour rappel : voici les trois blocs qui constituent cette collection

S’agissant du bloc d’insertion d’un morceau de code hĂ©bergĂ© sur Gist.GitHub.com, la version 1.6.0 de « GutenBlocks Â» amĂ©liore l’affichage du formulaire vous permettant de copier l’URL de votre Gist pour qu’il s’intègre mieux dans vos Ă©diteurs de bloc (celui de vos publications et celui de vos widgets). Comme j’ai crĂ©Ă© ce bloc il y a un peu moins de 3 ans, cette mise Ă  niveau par rapport aux Ă©volutions de la prĂ©sentation du bloc de contenu embarquĂ© de WordPress Ă©tait vraiment nĂ©cessaire. Ă€ noter, vous pouvez Ă©galement profiter d’une version amĂ©liorĂ©e et autonome de ce bloc en optant pour « Bout de Code ».

J’ai Ă©galement revu le bloc de doublage de vos contenus dans une autre langue afin de le rendre indisponible dans l’Ă©diteur de blocs de Widget. En effet, ce bloc part du principe que vous affichez la page individuelle d’une publication pour lire son contenu dans la langue du site ou la langue alternative disponible (la plupart du temps l’amĂ©ricain – en_US). Or un widget peut ĂŞtre affichĂ© dans n’importe quelle page de votre site : il me semble donc important de travailler Ă  une adaptation plus radicale du fonctionnement du bloc pour que le chargement des contenus dans une autre langue se fasse sans rechargement de la page en utilisant par exemple une terminaison personnalisĂ©e de l’API REST de WordPress.

Enfin, pour celui qui vous permet de prĂ©senter une version de votre rĂ©alisation hĂ©bergĂ©e sur GitHub.com, rien n’a changĂ© ! Vous pourrez d’ailleurs le constater en lisant le chapitre consacrĂ© au tĂ©lĂ©chargement de la version 1.6.0 de « GutenBlock » un peu plus bas.

D’ailleurs, cet article utilise les trois blocs disponibles dans l’extension ! Si vous souhaitez le lire en anglais, il suffit de cliquer sur le drapeau amĂ©ricain sous la photo de Markus et un morceau de code hĂ©bergĂ© sur Gist.GitHub.com vous explique ci-dessous comment je m’y prends pour dĂ©sactiver le bloc de doublage lorsque vous utilisez l’Ă©diteur de blocs de widget.

Téléchargement

L’extension « GutenBlocks » est hébergée sur GitHub et est enregistrée sur l’Entrepôt. Si vous utilisez l’Entrepôt, vous pourrez effectuer l’installation d’un simple clic. Autrement, il s’agira d’utiliser l’interface de téléversement d’une nouvelle extension de votre administration WordPress pour y déposer le fichier zip téléchargeable ci-dessous.