-
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
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
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…
-
Convertir une police variable en format woff2
Woff2 (Web open font format) est un format de police bien pris en charge par les navigateurs modernes (WOFF 2.0 – Web Open Font Format | Can I use). C’est un format compressé pour les polices.Vous devez donc utiliser ce format pour vos sites WordPress pour réduire la taille des fichiers. Cependant, lorsque vous téléchargez…
-
DynaMo, le plugins méconnus pour optimiser son WordPress
DynaMo est un plugin pas très connu mais très utile. Comme l’expliquent ses auteurs (les créateurs de Polylang), tout dans WordPress est écrit en anglais (US).Dès que vous utilisez WordPress dans une autre langue, les processus de traduction ralentissent votre site. Et, nous ne parlons pas de site multilingue, nous parlons de tous les sites.…
-
Configurer le htaccess pour un WordPress performant
Si votre site WordPress tourne sur un serveur Apache (comme la majorité) et que vous souhaitez optimiser la performance, voici des directives à insérer dans votre fichier .htaccess qui se trouve à la racine de votre site. Le fichier de base comporte quelques lignes pour faire fonctionner l’url rewrite de votre WordPress. Vous devez conserver…
-
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
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()…
-
Remplacer le lazy loading des images pour optimiser le chargement du LCP
Depuis la version 5.4, WordPress intègre le lazy loading sur les images en natif.C’est une grosse évolution pour la plateforme et de plus, une majorité de navigateur, supporte cette fonctionnalité. Le problème avec le lazy loading Le souci, c’est que WordPress ne fait pas dans la demi-mesure et il ajoute donc l’attribut « loading=’lazy’ » sur toutes…