Concevoir un site Web avec Wordpress et Oxygen Builder sans saisir de code
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Concevoir un site Web avec Wordpress et Oxygen Builder sans saisir de code

Laurent Briere
60,00€
Paiement différé ou en 3x avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Concevoir un site Internet seul, surtout quand on est débutant dans ce domaine, n'est pas chose facile.
Cela nécessite très souvent, avant d'y arriver, d'acquérir un nombre important de connaissances techniques, saisir du code...
Ce qui très souvent a le don de vous dissuader de vous lancer dans la création d'un site Web.

Voyons dans cette formation en vidéo comment l'incontournable gestionnaire de contenu open source Wordpress, complété par le Content Builder (Concepteur de contenu) Oxygen pourront vous y aider.

Au programme de cette formation concevoir un site web avec WordPress et Oxygen Builder

  • Nous découvrirons ensemble, et de manière progressive, avec des exemples concrets, les bases essentielles de la mise en œuvre et de la gestion d'un site Wordpress. Installation en local, réglage de l'interface, ajout de thèmes et d'extensions, explications des différences majeures qu'il peut y avoir entre les articles et les pages Wordpress.
  • Nous intégrerons ensuite Oxygen Builder dans ce CMS, afin de concevoir à la fois des gabarits généraux mais également des modèles spécifiques de pages.
  • Après une présentation de l'interface utilisateur d'Oxygen Builder, nous parcourrons ensuite les principaux blocs à vous disposition dans cet outil pour facilement structurer et mettre en forme votre contenu.
  • Vous apprendrez à insérer du texte, des icônes, des images, des galeries photos, des boutons et liens hypertextes.
  • À intégrer des grilles de contenus dynamiques issus de Wordpress en plusieurs colonnes, des listes d'articles.
  • Nous intégrerons un formulaire de contact, des ancres, animation et transformations d'objets sans la moindre saisie de code HTML ou CSS, aidé par l'interface et les outils intuitifs d'Oxygen Builder.
  • Une fois les pages du site responsive finalisées et optimisées pour une lecture adaptée à différentes tailles d'écrans, nous mettrons en place avec l'extension SEO PRESS les bases du référencement naturel.
  • Nous verrons enfin, à l'aide d'un outil de sauvegarde, All-In-One-WP Migration, comment restaurer et mettre en ligne votre site Internet.

Les sources sont disponibles en libre téléchargement. Identifiant et mot de passe de la sauvegarde Wordpress fournie: admin/admin
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Très bonne formation !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Wordpress.com et Wordpress.org
Leçon 2
Introduction à l'installation d'un site Wordpress en local
Leçon 3
Installation en local de Wordpress avec WPLocal
Leçon 4
Paramétrages généraux de Wordpress
Leçon 5
Paramètres des permaliens de Wordpress
Leçon 6
Paramètres en écriture de Wordpress
Leçon 7
Paramètres en lecture de Wordpress

Plan détaillé du cours

Leçon 1Wordpress.com et Wordpress.org
03m12s
Leçon 2Introduction à l'installation d'un site Wordpress en local
02m56s
Leçon 3Installation en local de Wordpress avec WPLocal
07m07s
Leçon 4Paramétrages généraux de Wordpress
04m56s
Leçon 5Paramètres des permaliens de Wordpress
02m48s
Leçon 6Paramètres en écriture de Wordpress
02m07s
Leçon 7Paramètres en lecture de Wordpress
06m35s
Leçon 8Paramètres de la zone commentaire de Wordpress
02m53s
Leçon 9Paramètres des médias de Wordpress
02m18s
Leçon 10Quelles sont les différences entre les articles et les pages Wordpress
04m09s
Leçon 11Les thèmes Wordpress: installation et personnalisation
06m31s
Leçon 12Pourquoi choisir d'utiliser un Content Builder comme Oxygen dans Wordpress
12m50s
Leçon 13Installation d'Oxygen Builder
06m01s
Leçon 14Création de templates généraux et spécifiques dans Oxygen Builder
07m29s
Leçon 15Présentation de l'interface utilisateur d'Oxygen Builder
09m26s
Leçon 16Les réglages globaux d'Oxygen Builder
15m12s
Leçon 17Ajouter un nuancier de couleurs dans Oxygen Builder
08m38s
Leçon 18Mettre en forme le template général
17m26s
Leçon 19Rappel des règles et usages des langages HTML et CSS par l'exemple dans Oxygen Builder
22m10s
Leçon 20Application de ces règles avec la conception d'une structure complexe
15m47s
Leçon 21Concevoir des blocs avec l'aide des DesignSets d'Oxygen Builder
23m14s
Leçon 22Création et utilisation des blocs ré-utilisables d'Oxygen Builder
20m28s
Leçon 23Mise en forme du texte
11m58s
Leçon 24Transformer des blocs standards en blocs LinkWrapper
11m
Leçon 25Ajout d'images dans la médiathèque de Wordpress
08m19s
Leçon 26Ajout d'images dans des blocs images ou en arrière-plan de blocs standards dans Oxygen Builder
18m35s
Leçon 27Créer un effet parallax sur l'image d'arrière-plan d'une section
08m15s
Leçon 28Créer une galerie d'images dans Oxygen Builder
10m02s
Leçon 29Insertion et utilisation de données dynamiques de Wordpress depuis Oxygen Builder
15m46s
Leçon 30Insertion d'un formulaire à l'aide de l'extension Ninja Form et des Codes Courts de Wordpress
18m11s
Leçon 31Insertion d'un slider sur la page d'accueil
16m02s
Leçon 32Page d'accueil: Préparation des articles à insérer dans une grille
09m35s
Leçon 33Page d'accueil: insertion d'une liste d'articles avec le bloc Repeater d'Oxygen Builder
09m18s
Leçon 34Page d'accueil: mise en place des éléments du bloc Repeater
13m19s
Leçon 35Conception du template Oxygen Builder de présentation des articles Wordpress dans leur version détaillée
15m17s
Leçon 36Intégration d'un menu sur la page d'accueil du site
15m35s
Leçon 37Ajout de liens hypertextes vers les articles Wordpress
04m19s
Leçon 38Concevoir un lien interne (ancre) sur la page d'accueil depuis un menu Wordpress
03m47s
Leçon 39Concevoir en bas de page et animer un bouton pointant vers le haut de la page d'accueil (ancre)
03m42s
Leçon 40Fluidifier le déplacement vertical sur la page d'accueil avec l'extension Scroll To ID
04m33s
Leçon 41Adapter la mise en forme des pages pour concevoir un site responsive
19m51s
Leçon 42Mise en place des éléments de référencement naturel avec SEO Press
20m16s
Leçon 43Sauvegarde d'un site Wordpress avec l'extension All-In-One-WPMigration
03m27s
Leçon 44Restauration et mise en ligne d'une sauvegarde d'un site Wordpress et présentation de l'outil LiveLink de WPLocal
18m28s

Aperçus

Avis des apprenants

Détail des avis
18
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Doume56
Doume56
Publié le 24/02/2022
Explications claires et détaillées. Merci.

Vos questions sur le cours

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

WordPress 5

Quel est le niveau requis pour suivre ce tuto ?

débutant

Bonjour, J'ai un MAC. Est-ce que votre formation est concu pour un MAC Merci

Bien sûr ! Je suis moi même sur Mac donc vous pouvez y aller les yeux fermés 😉

La formation est-elle adpatée à la création d'une galerie photo ?

Un chapitre de cette formation est consacré à ce thème en effet.

Bonjour , je suis accompagnant bénévole pour des jeunes en démarrage d'activités. Bien évidemment les outils de communication sont une des ressources pour démarrer un business. J'ai hésité 3 ans avant de me lancer dans ses outils : j'ai peur de devoir travailler en ligne. Lorsqu'il s'agit d'installer un serveur en local et de faire fonctionner wordpress dedans je n'arrive jamais au bout de l'installation en visionnant des tutos sur youtube, trop rapides, trop succincts , font appel à des prérequis que je n'ai pas, sont bloqués sur d'anciennes versions qui ne sont plus accessibles en chargement. Tuto.com je pratique depuis un an , les bugs infranchissables sont en général liés à des décalage de version. Avez-vous des solutions pour mon activité ? Cordialement Eric Munch

Ce service (gratuit) dont je parle dans ce tuto aux chapitres 2 et 3 sur Wordpress/Oxygen (localWP) est un serveur local vous permettant de monter un site Wordpress en quelques clics. Je vous invite soit à tester vous-même cette application LocalWP, soit à investir dans ce tuto et tester celle-ci avec mes explications. Bon courage Eric.

Payer plus tard ou en 3x

Prix d'achat : 60,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, 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 plus tard ou en plusieurs fois

3 paiements de 20,00 €
tous les mois, sans intérêts
Total : 60,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1342 tutos gratuits

Notre politique de protection des données