• Afficher un bloc de code dans WordPress avec Shiki

    Afficher un bloc de code dans WordPress avec Shiki

    Shiki le highlighter de code Shiki est un puissant et élégant syntax highlighter basé sur les grammaires et thèmes TextMate, le même moteur utilisé par Visual Studio Code. Il est hautement personnalisable grâce à sa base HAST, permettant l’ajout d’extensions et de transformations. Compatible avec divers environnements JavaScript modernes, Shiki s’intègre aisément dans des contextes…

  • Créer une variation de block avec PHP

    Créer une variation de block avec PHP

    Depuis la version 6.5, il est désormais possible de définir une variation de bloc avec PHP sans passer par JavaScript. Le filtre get_block_type_variations Il faut donc passer par le filtre get_block_type_variations En paramètre de la fonction de callback, on reçoit un tableau de variation (souvent vide) et une instance du bloc enregistrée. Ce filtre est…

  • Modifier la requête d’un bloc Query Loop

    Modifier la requête d’un bloc Query Loop

    Aller directement à la vidéo Dans cet article, nous allons voir comment modifier la query du block « Query Loop » (Boucle de requête).Évidemment, comme d’habitude dans WordPress, ils ont prévu des filtres pour pouvoir modifier le résultat de la Query Loop (ou bloc de requête). Nous allons voir ensemble comment faire. Tout commence par la création…

  • Ajouter des polices avec la Web Fonts API

    Ajouter des polices avec la Web Fonts API

    Grâce au fichier theme.jon, vous pouvez gérer facilement vos fonts (polices) et par conséquence, avoir accès aux fonts dans l’éditeur Gutenberg. Comme pour le reste, cela permet d’harmoniser les éléments entre l’éditeur Gutenberg et la partie front. Il suffit donc de définir les polices dans le fichier theme.json et l’API génère le code pour charger…

  • Définir une typographie fluide dans le theme.json

    Définir une typographie fluide dans le theme.json

    La typographie fluide arrive dans WordPress 6.1.L’intérêt me direz-vous ? Et bien avoir une police/font qui change de taille en fonction de la largeur de l’écran.C’est un mode de rendu de font totalement responsive qui permet de s’affranchir l’obligation d’écrire du CSS avec des media-queries pour ajuster la taille de la police. La propriété Clamp()…