Fonctionnalités

Front

• Grid et reboot Bootstrap 5 uniquement
• Font Montserrat par défaut
• Modernizr
• UI kit
• Compilation des assets (CSS, JS, images, fonts) avec Gulp
  • Compilation des fichiers .scss
  • Concaténation des fichiers .css et .js
  • JSHint
  • Autoprefixer
  • Sourcemaps
  • Minification des images du thème
  • Copie des fonts
  • Notifications

Back

• ACF color palette
• Load Javascript in Gutenberg
• Fonction pour désactiver l'éditeur Gutenberg sur certain post types
• Yoast functions
• Disable WordPress auto updates
• Get image path function
• Strip tags for wysiwyg field function
• Admin CSS
• Editor Style
• Pass PHP Data to JavaScript
• SVG render function
• Template de mail custom
• Gestion des custom post types et custom taxonomies
• Emplacements de menus
• Gestion des tailles d'images personnalisées
• Zones de widgets
• Pagination
• Templates de page
• Blocs ACF Gutenberg
• Options du thème avec ACF et création automatique des groupes de champs associés
• Synchronisation automatique des champs ACF
• Fonctions utiles

---

Mise en place du thème

1) Renommer le thème et le Text Domain your_text_domain

2) Installer les composants et dépendances :

yarn install

3) Compilation et concaténation des fichiers :

yarn build

Pour le watch :

yarn watch

UI kit :

https://your-url.local/wp-content/themes/your_theme/src/ui-kit/

---

Gestion des traductions :

Pour générer le fichier .pot avec wp-cli

wp i18n make-pot . languages/wordpress-custom-theme.pot

---

Gestion des SVG :

Pour afficher un SVG, utiliser la fonction :

<?= icon('monSVG', 'maClass'); ?>

---

PHP dans le JavaScript :

Pour afficher une info PHP dans le JavaScript :

console.log(php_vars.myVar);

Pour ajouter une nouvelle info, voir fichier /inc/theme-sub-actions.php ligne 50

---

Gestion des dépendances

Pour ajouter une dépendance :

https://classic.yarnpkg.com/fr/docs/cli/add

yarn add [package-name]

Pour une dépendance de développement :

yarn add [package-name] --dev

Pour supprimer une dépendance :

https://classic.yarnpkg.com/fr/docs/cli/remove

yarn remove [package-name]