Gibioctet

Le site gibaudan.com étant actuellement en standby, je vous donne rendez-vous sur mon nouveau site PRO

cliquez sur le bouton ci-dessous...

Accéder à gibioctet.fr

voir tous les articles de la catégorie: Tuto Wordpress

Créer un thème dans WordPress (partie 1)

publié le dans la catégorie Tuto Wordpress

niveau: intermédiaire


Je vous propose dans cette série d'étudier la création d'un thème WordPress "from scratch", c'est à dire en partant de zéro et dans les règles de l'art.

Dans cette première partie d'une durée approximative de 2H30 nous allons découvrir, au cours des 13 vidéos, les premières étapes à accomplir pour créer un thème dans WordPress.

Le tutoriel est axé en priorité sur le code et la logique et le fonctionnement de WordPress, l'aspect design et intégration est volontairement laissé de coté afin de pouvoir se concentrer réellement sur l'essentiel.

au programme de cette partie:

  • Création des fichiers style.css, index.php et screenshot.png afin de pouvoir déclarer et activer le thème correctement.
  • Création du fichier functions.php et intégration des styles selon les règles de WordPress.
  • Intégration du CSS de Bootstrap, notions de dépendances dans le chargement des scripts.
  • Intégration des scripts Javascript et jQuery, dans le front-end et dans l'administration.
  • Ajout de fonctions au thème, image à la une, création du modèle de liste des articles.
  • Activation du système de menus, inclusion d'une structure de menu issue de Bootstrap.
  • La boucle basique de WordPress, utilisation des fonctions dédiées à la boucle.
  • Création d'un menu dans WordPress, utilisation de la librairie wp_bootstrap_navwalker pour adapter WordPress à la syntaxe des menus de Bootstrap.
  • Améliorations de la boucle, affichage des vignettes, découpage du template en tranches réutilisables, installation du plugin show_current_template.
  • Création des fichiers de template spécifiques en s'appuyant sur la hiérarchie des templates de WordPress, affichage des méta-données, optimisation du code et notions de D.R.Y.(1)
  • Création du template category.php, optimisation avec get_template_part, template tag.php, débogage et résolution des erreurs.
  • Étude et mise en place du système de page d'accueil dans WordPress. Blog ou bien page statique en page d'accueil?
  • Création des templates front-page.php et home.php.
  • Quelques fignolages, balise <meta> Description, modification lien "lire la suite".

(1) D.R.Y. : "Don't Repeat Yourself", principe visant à optimiser le code en évitant de répéter des fragments de code qui effectuent les même opérations.

Les 13 vidéos (+ l'intro) sont disponibles ci-dessous dans une playlist de ma chaine Youtube (réglez le lecteur sur 720pHD).

Étiquettes: ,