Un One-Page-Layout avec WordPress
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Un One-Page-Layout avec WordPress

Julien Maury
4,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Ce tuto WordPress, en vidéo, est consacré à la création d'un un site One-Page-Layout. Le  One Page Layout est est un site généralement consitué d'une seule page qui va regrouper l'ensemble des contenus. Au lieu d'une navigation avec des liens internes on y retrouvera un système d'ancres et une navigation animée pour passer d'une section à l'autre.

Il n'est pas rare d'avoir ce type de demande pour un site web et plus particulièrement avec WordPress. L'intérêt est double :

  • facilité de mise à jour des contenus (chaque section de contenu est modifiable et indépendante dans l'administration).
  • un back-end solide et intuitif grâce à WordPress avec la possibilité d'ajouter des plugins.

Il existe de nombreuses méthodes et solutions pour parvenir à ce résultat. Dans ce tutoriel, vous allez apprendre à le faire vous-même et de manière très très simple en utilisant tout simplement les outils WordPress (thème enfant, hooks, boucles, menus).

Cette méthode est réutilisable et adaptable en fonction des spécifications de vos projets. 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Chapitre 1 : Rappel sur les thèmes enfants
Leçon 2
Chapitre 2 : Objectifs et choix des outils
Leçon 3
Chapitre 3 : Hiérarchie des templates et boucle personnalisée
Leçon 4
Chapitre 4 : Création du template des sections
Leçon 5
Chapitre 5 : Une navigation animée par ancres avec jQuery
Leçon 6
Conclusion : Une méthode simple et réutilisable

Plan détaillé du cours

Leçon 1Chapitre 1 : Rappel sur les thèmes enfants
06m01
Leçon 2Chapitre 2 : Objectifs et choix des outils
02m47
Leçon 3Chapitre 3 : Hiérarchie des templates et boucle personnalisée
11m46
Leçon 4Chapitre 4 : Création du template des sections
03m39
Leçon 5Chapitre 5 : Une navigation animée par ancres avec jQuery
03m35
Leçon 6Conclusion : Une méthode simple et réutilisable
10m24

Avis des apprenants

Détail des avis
381
Apprenants
15
Commentaires
3,9/5
Note moyenne
5/5
8
4/5
1
3/5
4
2/5
0
1/5
2
Laurent Mesana
Laurent Mesana
Publié le 24/12/2019
Bon formateur, les explications sont claires
Membre-8287-9455
Membre-8287-9455
Publié le 24/07/2017
Excellent et précis !
Valérie Blanchard
Valérie Blanchard
Publié le 01/02/2017
Ok, fonctionne parfaitement, très clair sur le principe. Par contre que conseilles tu pour les url des pages (qui constituent les différentes sections) qui existent bel et bien, au cas où un visiteur y accède malgré tout ? Une redirection 301 de leur url vers leur ancre respective dans le .htaccess ? Cordialement
Julien Maury
Hello merci pour cet avis, tu as des plugins comme "redirections" qui permettent de gérer dans le BO les redirections sans avoir à éditer le fichier .htaccess mais oui je recommanderais une redirection de type permanente pour les sous-pages.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

WordPress 4

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le thème enfant créé pour le tuto.

Bonjour Julien, votre tutoriel est-il utile si je veux intégrer ma propre maquette html/css en one page dans wordpress. Merci beaucoup !

Bonjour, Bien sûr le principe reste le même.

Payer plus tard

Prix d'achat : 4,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données