Concevoir un site Web avec WordPress et OxygenBuilder.

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.

Nous découvrirons ensemble, et de manière progressive, avec des exemples concrets, les bases essentielles de la mise en oeuvre et de la gestion d'un site WordPress, installé en local, au travers du réglages de l'interface, de l'ajout de thèmes et d'extensions, en expliquant enfin les différences majeures qui 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, 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. A 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.

Au sommaire:

• WordPress.com et WordPress.org
• Introduction à l'installation d'un site WordPress en local
• Installation en local de WordPress avec WPLocal
• Paramétrages généraux de WordPress
• Paramètres des permaliens de WordPress
• Paramètres en écriture de WordPress
• Paramètres en lecture de WordPress
• Paramètres de la zone commentaire de WordPress
• Paramètres des médias de WordPress
• Quelles sont les différences entre les articles et les pages WordPress
• Les thèmes WordPress: installation et personnalisation
• Pourquoi choisir d'utiliser un Content Builder comme Oxygen dans WordPress
• Installation d'Oxygen Builder
• Création de templates généraux et spécifiques dans Oxygen Builder
• Présentation de l'interface utilisateur d'Oxygen Builder
• Les réglages globaux d'Oxygen Builder
• Ajouter un nuancier de couleurs dans Oxygen Builder
• Mettre en forme le template général
• Rappel des règles et usages des langages HTML et CSS par l'exemple dans Oxygen Builder
• Application de ces règles avec la conception d'une structure complexe
• Concevoir des blocs avec l'aide des DesignSets d'Oxygen Builder
• Création et utilisation des blocs ré-utilisables d'Oxygen Builder
• Mise en forme du texte
• Transformer des blocs standards en blocs LinkWrapper
• Ajout d'images dans la médiathèque de WordPress
• Ajout d'images dans des blocs images ou en arrière-plan de blocs standards dans Oxygen Builder
• Créer un effet parallax sur l'image d'arrière-plan d'une section
• Créer une galerie d'images dans Oxygen Builder
• Insertion et utilisation de données dynamiques de WordPress depuis Oxygen Builder
• Insertion d'un formulaire à l'aide de l'extension Ninja Form et des Codes Courts de WordPress
• Insertion d'un slider sur la page d'accueil
• Page d'accueil: Préparation des articles à insérer dans une grille
• Page d'accueil: insertion d'une liste d'articles avec le bloc Repeater d'Oxygen Builder
• Page d'accueil: mise en place des éléments du bloc Repeater
• Conception du template Oxygen Builder de présentation des articles WordPress dans leur version détaillée
• Intégration d'un menu sur la page d'accueil du site
• Ajout de liens hypertextes vers les articles WordPress
• Concevoir un lien interne (ancre) sur la page d'accueil depuis un menu WordPress
• Concevoir en bas de page et animer un bouton pointant vers le haut de la page d'accueil (ancre)
• Fluidifier le déplacement vertical sur la page d'accueil avec l'extension Scroll To ID
• Adapter la mise en forme des pages pour concevoir un site responsive
• Mise en place des éléments de référencement naturel avec SEO Press
• Sauvegarde d'un site WordPress avec l'extension All-In-One-WPMigration
• Restauration et mise en ligne d'une sauvegarde d'un site WordPress et présentation de l'outil LiveLink de WPLocal