Construire un contenu sur WordPress/Oxygen de A à Z

Tout d'abord, identifiez-vous sur le Back-Office de Wordpress grâce à votre e-mail ou ID et mot de passe préalablement confiés. Cliquez sur "Se connecter".

Cliquez sur "Pages" sur la gauche, puis "Ajouter" comme l'encadré rouge.

C'est ici où vous placerez votre titre principal (H1), il apparaîtra comme le gros titre de votre page. Cliquez sur "enregistrer le brouillon".

Sur votre droite, dans la partie "Folders" Choisissez où vous souhaitez ranger votre page et "Attributs de la page", si vous souhaitez la placer sous une page parente ; puis enregistrez le brouillon.

Modifiez le texte dans les encadrés à gauche en respectant la limitation de caractère, observez le rendu à droite puis enregistrez. 

Cliquez sur "Articles" sur la gauche, puis "Ajouter" comme l'encadré rouge.

C'est ici que vous placerez votre titre principal (H1), il apparaîtra comme le gros titre de votre article. Cliquez sur "enregistrer le brouillon".

Sur votre droite, dans la partie "Catégorie", sélectionnez la catégorie (Tag) à laquelle votre article correspond puis dans la rubrique "étiquettes", sélectionnez ou ajoutez les mots-clés correspondant également à celui-ci. Enregistrez le brouillon.

Modifiez le texte dans les encadrés à gauche en respectant la limitation de caractère, observez le rendu à droite puis enregistrez. 

Toujours sur cette page, dans la colonne de droite, cherchez la rubrique "image mise en avant" puis remplacez l'image et remplissez les balises titre, texte alternatif et description de l'image. Enregistrez.

Cliquez sur "clone" comme l'encadré rouge ; une nouvelle ligne se créait et vous n'avez plus qu'à modifier le titre, la balise "Title", la balise "Méta description" et la page parente si c'est une page. Catégorie, étiquettes et image de mise en avant si c'est un article comme vu plus haut. 

Cliquez sur le bouton "Edit with Oxygen".

Pour vous permettre de bien organiser votre structure, vous avez la possibilité de renommer les éléments de votre structure en cliquant sur le stylo puis sur "Rename" du titre que vous voulez modifier. 

Cliquez sur l'Icon "+", puis sur l'onglet "Basic" où vous sélectionnerez "H1 heading".

C'est dans la partie "Content" sur la gauche que vous écrirez votre texte, ou bien en cliquant directement sur le texte dans la partie centrale. Ensuite, vous sélectionnerez dans le menu déroulant "Tag" la taille de votre titre ; H1 étant le plus gros puis H2, puis H3... 

Nous verrons dans cette partie :

• Comment charger une image.
• La dimension et le poids idéal.
• L'optimisation du titre, texte alternatif et description de l'image.
• Comment insérer une image que l'on peut agrandir en cliquant dessus.

Tout comme pour le titre ; commencez par cliquer sur l'Icon "+", puis dans l'onglet "basic", cliquez sur "image".

Après être atterri sur cet espace, cliquez sur "sélectionnez des fichiers", puis choisissez l'image voulue en ayant pris soin de l'enregistrer avec une description courte, contenant des mots-clés ciblés avec un  (-) entre chaque mot et sans accent/caractères spéciaux.

Sélectionnez l'image désirée, puis remplissez les données à droite (encadré rouge) en respectant ces différents règles d'optimisation :

• Dans la rubrique "texte alternatif", notez des mots-clés ciblés avec un ordre compréhensif sans tiret (c'est ce que vos visiteurs verrons si votre image ne se charge pas correctement).
• Dans la partie "titre", notez les mots-clés ciblés pertinents avec des tirets entre chaque mot, sans caractères spéciaux, majuscule et espace (cela sera le nom de l'url de votre image).
• Dans l'encadré, "description", tapez une description claire et compréhensible (c'est ce que Google va analyser pour vous positionner).

Cliquez sur "select image".

Pour insérer une image que l'utilisateur pourra grossir en cliquant dessus sur le "Back-office", cliquez sur l'Icon "+" -> "librairy" -> "design set" -> "BA themes" puis "sections&éléments".

Ensuite, dans l'onglet "Blog",  sélectionnez l'élément article de blog comme l'encadré ci-dessus. 

Pour que l'image soit configurée correctement et que l'option de zoom photo soit bien prise en compte, vous devez charger la photo deux fois. Cliquez une fois sur "image" et chargez la photo via "browse" (procédure de chargement normale) puis recommencer la manipulation, cette fois-ci en sélectionnant l'élément de structure "Lightbox". Aidez-vous de l'encadré rouge. Sauvegardez régulièrement tout en haut à droite à l'aide de la disquette.

Même procédure que pour une image, cliquez sur l'Icon "+" -> onglet "Basic" puis cliquez sur "Rich text". Suite à cela, un petit encadré s'affiche sur votre interface centrale, double-cliquez dessus.

Vous n'aurez plus qu'à noter votre texte et le mettre en page dans cet onglet "Visuel" puis cliquez sur "Save & Close"

Afin d'ajouter un lien de redirection, c'est-à-dire que votre visiteur peut atterrir vers une autre page web, soit une page de votre propre site, soit une page vers un autre site, vous n'aurez qu'à sélectionner avec votre souris la partie du texte que vous voulez rendre cliquable, puis cliquez sur l'Icon "insérer/modifier un lien" comme l'encadré rouge ci-dessus ; puis insérer le lien de la page web désiré dans l'encadré gris.

Pour finir, cliquez sur la flèche bleue  puis sur "Save & Close". Votre texte sera mis en avant et vos visiteurs n'auront plus qu'à cliquer dessus pour être redirigé. 

Pour insérer des onglets dépliants afin de pouvoir insérer beaucoup de texte tout en ayant une structure aérée et ludique, nous serons sur la même procédure que pour le bloc "Lightbox image". Cliquez sur l'Icon "+" ->  "library" -> "design set" -> "BA theme"-> "sections&éléments" -> "content"  puis "Content type 14".

Double-cliquez sur l'intitulé que vous souhaitez modifier, puis notez à même l'encadré ou dans la partie "Content" sur la gauche. Sauvegardez. 

Afin de rendre visible la partie texte, c'est-à-dire celle que l'utilisateur verra lorsqu'il cliquera sur la petite flèche ; cliquez sur l'onglet que vous voulez modifier, puis observez dans votre structure à droite l'intitulé qui deviendra violet -> vous verrez l'intitulé "Accordion Row" -> un peu plus bas, décochez l'œil de l'intitulé "Accordion Content" ; vous verrez apparaître le texte, c'est à même ce texte ou bien dans l'encadré "Content" de la partie gauche de l'interface que vous pourrez modifier son contenu. Une fois modifié, recochez l'œil de "Accordion Content" puis sauvegardez. Répétez l'opération pour chacun des onglets. 

Si vous avez trop d'onglet, il vous est possible de supprimer ceux qui vous sont en trop, en cliquant sur celle que vous souhaitez supprimer puis en clinquant sur la corbeille comme l'encadré rouge. 

Pour au contraire ajouter un onglet, cliquez sur le stylo de "Accordion Row", puis cliquez sur "duplicate".

Après avoir vérifié et corrigé toutes les optimisations techniques ; retournez sur votre page ou article dans wordpress, en cliquant sur "modifier", puis une fois sur la page, cliquez sur "Publier"