Personnalisation de la Page d'Accueil avec des Widgets

Le thème Attitude (suite)
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez et personnalisez les Thèmes dans Wordpress
Revoir le teaser Je m'abonne
Transcription

59,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis

59,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de vous montrer comment :
1. Ajouter et configurer des widgets sur une page d'accueil.
2. Créer des pages spécifiques pour les services et les réalisations.
3. Utiliser des images à la une pour enrichir le contenu visuel de vos pages.
4. Optimiser une page de contact avec un formulaire.

Découvrez comment ajouter et configurer des widgets pour enrichir votre page d'accueil avec des contenus dynamiques et des éléments visuels attractifs.

Dans cette leçon, nous allons apprendre à personnaliser la page d'accueil d'un site en utilisant des widgets spécifiques au thème choisi.
Nous commencerons par ajouter un diaporama suivi d'un slogan pour informer les visiteurs, avant de configurer un bouton de téléchargement. Ensuite, nous ajouterons des widgets pour afficher des services, des réalisations, et un témoignage. Chaque section sera illustrée et expliquée en détail pour garantir une mise en page professionnelle et adaptée à vos besoins.

Nous verrons également comment redimensionner automatiquement les images pour qu'elles s'adaptent à la structure de la page, et nous finirons en ajoutant une page de contact avec un widget spécifique. Cette vidéo vous aidera à comprendre comment tirer parti des fonctionnalités avancées des thèmes gratuits pour obtenir un rendu qualitatif sans recourir à des options payantes.

Voir plus
Questions réponses
Quelle est la première étape pour rajouter un widget sur la page d'accueil ?
La première étape consiste à identifier le template de page utilisé et accéder à l'interface administrateur pour ajouter les widgets aux emplacements dédiés.
Comment choisir correctement les images à la une ?
Il est recommandé de choisir des images de formats similaires ou adaptables, car elles seront automatiquement redimensionnées pour s'intégrer harmonieusement dans la mise en page.
Pourquoi utiliser un widget testimonial ?
Utiliser un widget testimonial permet de mettre en avant des avis positifs, renforçant la crédibilité et la confiance des visiteurs envers votre site et votre entreprise.
On va maintenant rajouter aussi le petit bloc en dessous, le slogan, donc sous le slider. Petit texte pour informer, le bouton télécharger et puis le lien du bouton. Et regardez sur ma page d'accueil, j'ai bien ici mon diaporama, mon petit bloc avec le bouton télécharger. Vous voyez, ça commence à prendre forme. Alors si l'on regarde le thème d'origine, ici, on se rend compte que sous ce grand diaporama, on a encore des blocs, ici, avec des colonnes titre, icône, recent work et un témoignage. Donc pour ça, on va regarder sur l'aide au niveau de notre business layout, c'est-à-dire du template de page qu'on a choisi en accueil. On a à notre disposition des widgets pour les services, pour rajouter des petits blocs Fetcher, pour rajouter des choses en avant et puis pour mettre un témoignage. Donc pour ça, on va dans notre back office, ici, et on retrouve effectivement le business page. En fait, ce n'est pas la sidebar, le nom est inexact, c'est plutôt la construction de la page business dans lequel on va rentrer nos éléments. Donc vous voyez ici, on a des widgets spécifiques et le premier qu'on va choisir, c'est le widget service. Le widget service, en fait, on retrouve ici six blocs, mais on ne peut en utiliser que trois, dans lesquels on va aller chercher des pages. Donc pour ça, il faut créer des pages. Elegant design, support, et puis à l'intérieur de ces blocs, on va mettre du contenu. Je vais rajouter des icônes. Et celle-ci, je publie. Je peux fermer ces pages. Et maintenant, je retourne dans mes widgets. Et là, au niveau de mon business et de mes services, je vais rajouter mes trois pages, nouvellement créées. Voilà, et j'enregistre. Donc là, si j'actualise, j'ai bien maintenant la reprise ici de mes titres, de mes petites icônes et du lien. Donc on va continuer comme ça à descendre. Après les services, on va mettre les features. Features, c'est une autre petite possibilité qui est intéressante, de mettre un petit titre de descriptif, nos dernières réalisations. Ce qui est intéressant ici, on va retrouver le même dispositif. Donc il va falloir à nouveau créer des pages. Et en fait, il va aller chercher non pas le contenu, mais juste les images de ces pages-là. Donc c'est ce qu'on va faire. On va créer trois nouvelles pages. Avec réalisation 1. Encore une image à la une. Nouvelle page. Réalisation 1. Encore une image à la une. Nouvelle page. Réalisation 2. Avec encore une image à la une. Réalisation 3. Avec ma dernière image. Alors vous voyez, j'ai volontairement choisi des images vraiment de formats différents. Pour vous montrer l'utilité de ces images à la une. Donc j'ai mes trois images. Si j'actualise maintenant mes widgets, je vais pouvoir sélectionner ces images au niveau de notre widget. Je vais pouvoir sélectionner mes trois réalisations. Normalement il en faut quatre, mais j'en ai fait que trois. Si on actualise là. Vous voyez, on retrouve bien nos trois réalisations. Il y a une place pour une quatrième. Avec ici le titre. Ici le descriptif. Et là on fait le lien directement sur la page. Donc il faudra remettre des images, parce que l'image à la une ne sert qu'à sélectionner un élément visuel pour ici. Et ensuite, donc c'est des liens vers des pages. Donc vous voyez, c'est plutôt intéressant, parce que ça permet vraiment de faire une mise en page dynamique. Sans avoir besoin de trop retravailler. Puis surtout, comme je disais tout à l'heure, les formats des images ont été automatiquement redimensionnés pour s'adapter à notre page d'accueil. Il nous reste encore sur cette page d'accueil à voir ce petit onglet là. Ce petit module de témoignage. Donc ça c'est tout simple. Il suffit d'installer ici Testimonial. Avec un titre. Témoignage. Petit descriptif. J'aime beaucoup ce thème. Vraiment. Un nom. Mister John. Et en dessous, il y a CEO. Founder. Enregistré. Voilà ma page d'accueil là. Voyez. Qui est pratiquement terminée. Je vais juste rapidement vous montrer aussi une autre possibilité. C'est, on peut rajouter une page. Alors une page contact. Avec ici un modèle contact. Contact page. Mais en fait, ce modèle de page contact n'a qu'une seule utilité finalement. Parce que ici, je n'ai rien de particulier. Mais simplement, au niveau de mes widgets. J'ai ici prévu un widget spécifique pour la page contact. Donc à moi ici. Donc là je vais vous montrer. Je vais mettre juste les métas. Je vais aller sur ma page. Donc dans cette page contact. J'ai bien mes métas ici. A vous ici d'installer soit un plugin. Soit d'utiliser l'extension Jetpack pour insérer facilement un formulaire de contact. Donc voilà un petit peu ce thème attitude. Qui est détaillé plus longuement dans l'aide ici en ligne. Qui est visible sur le site. Et que je trouve vraiment très intéressant à utiliser. Très moderne. Et surtout là, ce qui est intéressant. C'est cette tendance avec ces thèmes gratuits. De s'approcher en fait des thèmes payants. On va retrouver des options assez complètes. On va retrouver des thèmes responsifs. On va retrouver des diaporamas. On va retrouver des fonctionnalités assez avancées. Gratuitement. Et donc c'est une bonne base aussi pour modifier les thèmes. Et puis c'est une bonne base aussi pour utiliser des thèmes très professionnels.

Programme détaillé de la formation

Nos dernières formations WordPress