CATALOGUE Code & Data Formation WordPress Créez vos thèmes WordPress 4.x - Sites one-page et multi-pages Personnalisation d'un thème WordPress avec Bootstrap

Personnalisation d'un thème WordPress avec Bootstrap

Ajout d'un logo, affichage du titre et slogan du site
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créez vos thèmes WordPress 4.x - Sites one-page et multi-pages
Revoir le teaser Je m'abonne
4,0
Transcription
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,0
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Intégration du Logo et des Informations de Site

Objectifs

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.

Résumé

Apprenez à habiller votre template en intégrant un logo et les informations de votre site WordPress utilisant Bootstrap.

Description

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.

Voir plus

Questions fréquentes

Comment pouvez-vous lier dynamiquement un logo dans un thème WordPress?
En utilisant la fonction getTemplateDirectoryURI() pour obtenir le chemin du répertoire du thème et en ajoutant echo avant.
Quelle fonction permet de récupérer les informations du site WordPress?
La fonction bloginfo() permet de récupérer et d'afficher diverses informations du site, telles que le titre, la description, et l'URL.
Que faut-il ajouter pour rendre un logo cliquable et rediriger vers la page d'accueil dans WordPress?
Il faut envelopper l'image dans une balise <a> et définir l'attribut href à bloginfo('wpurl').

Programme détaillé

5 commentaires
4,0
5 votes
5
4
3
2
1
Natcol
Il y a 1 an
Bon pédagogue, dommage que la formation date
stevenchauvets
Il y a 4 ans
Pourquoi il n'y pas une vidéo qui montre comment importer le theme wordpress en ligne
stevenchauvets
Il y a 4 ans
Pourquoi il n'y pas une vidéo qui montre comment importer le theme wordpress en ligne
stevenchauvets
Il y a 4 ans
Pourquoi il n'y pas une vidéo qui montre comment importer le theme wordpress en ligne
stevenchauvets
Il y a 4 ans
Pourquoi il n'y pas une vidéo qui montre comment importer le theme wordpress en ligne