Installation de wordpress et de l'IDE
Un simple thème onepage
Un simple thème multipage
Amélioration du one page avec quelques techniques avancées
Détails de la leçon
Description de la leçon
Dans cette leçon, nous abordons les étapes pour personnaliser un thème WordPress en utilisant le framework Bootstrap. Nous commencerons par placer un logo dans le template, suivi de l'ajout du titre et du slogan du site. Après avoir copié le logo dans le répertoire du thème, nous utiliserons des balises HTML et des containers Bootstrap afin de structurer notre contenu.
Nous détaillerons comment lier dynamiquement votre logo à l'aide de la fonction getTemplateDirectoryURI() de WordPress, garantissant ainsi une bonne gestion des URLs même lorsque les permaliens sont modifiés. Nous aborderons ensuite l'affichage du slogan utilisant la fonction bloginfo(), qui permet de récupérer diverses informations du site.
Pour rendre le logo cliquable et rediriger vers la page d'accueil, une balise <a> sera employée autour de l'image, avec l'URL du site obtenue via bloginfo('wpurl'). Enfin, nous verrons comment ajouter des métadonnées importantes telles que charset et viewport à l'aide de la même fonction.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Intégrer un logo dans un thème WordPress.
- Afficher dynamiquement le titre et le slogan du site.
- Utiliser des containers Bootstrap pour structurer le contenu.
- Comprendre l'usage des fonctions WordPress pour la gestion des URLs et des métadonnées.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML, CSS, et PHP, ainsi qu'une familiarité avec WordPress et Bootstrap.
Métiers concernés
Les compétences acquises peuvent être appliquées dans des métiers tels que développeur web, intégrateur WordPress, ou designer web.
Alternatives et ressources
En alternative, vous pouvez utiliser d'autres frameworks CSS comme Foundation ou des thèmes WordPress pré-construits qui supportent ces intégrations de manière native.
Questions & Réponses
getTemplateDirectoryURI() pour obtenir le chemin du répertoire du thème et en ajoutant echo avant.
bloginfo() permet de récupérer et d'afficher diverses informations du site, telles que le titre, la description, et l'URL.
<a> et définir l'attribut href à bloginfo('wpurl').
Je m'abonne