Formation Wordpress - Oxygen

Administrer son site web : guide rapide (Oxygen)

Accéder à WordPress

Connectez-vous à l'interface d'administration de votre site :

  • Pour accéder au panneau de connexion, utilisez le lien fourni, ou rajoutez simplement /wp-admin à la fin de l'URL de votre site.
    • Exemple : www.exemple-site.fr/wp-admin
  • Assurez-vous d'être en possession de votre identifiant et votre mot de passe
    • En cas d'oubli, cliquez sur le lien mot de passe oublié ou contactez-nous à l'adresse bonjour@tricorn.fr

Vous accédez ensuite au panneau de contrôle de votre site web

Le panneau de contrôle vous permet d'accéder rapidement à toutes les fonctionnalités de votre site. Les informations affichées dépendent de l'onglet que vous sélectionnez avec la barre de structure (barre verticale noire à gauche de l'écran).

Onglets principaux du panneau de contrôle

Cette partie aborde uniquement les onglets les plus importants de votre site. Pour une typologie plus complète, consultez le guide dédié au panneau de contrôle.

Articles

Cet onglet vous permet de gérer les articles de votre site. Il est à utiliser pour :

  1. Ajouter ou modifier un article de votre blog
  2. Ajouter ou modifier un élément spécifique dans une page de votre site.

Accéder à vos articles

  • Cliquez sur l'onglet Articles de votre panneau de contrôle.

Vous accédez ensuite à la page rassemblant tous vos articles. En passant votre souris sur un article, vous accédez à de nouvelles options :

  • Cliquez sur Modification rapide pour éditer les caractéristiques de l'article
    • Titre
    • Slug (adresse url de l'article)
    • Date de publication ...
    • Dimensions ...
    • N'oubliez pas de cliquer sur le bouton "mettre à jour" une fois vos modifications effectuées.
  • Cliquez sur Corbeille pour supprimer l'article
  • Cliquez sur Voir pour voir l'article telle qu'il apparaît pour vos visiteurs
  • Cliquez sur Modifier pour modifier en détail votre produit

Editer et Modifier un article

Dans cette section, nous éditions un nouvel article, mais la procédure est identique si vous modifiez un article déjà édité.

  • Saisissez le titre : vous permet d'entrer le titre de votre article
    • Si vous modifiez un article, modifiez le titre déjà existant
  • Saisir / pour choisir un bloc : vous permet d'ajouter du contenu ; texte, image ...
    • Cliquez sur le + noir pour ajouter un bloc
  • Barre de structure de l'article : c'est la barre à droite de l'écran. Elle vous permet de modifier soit les styles du bloc que vous êtes en train de d'éditer, soit l'article en général. Par défaut, sélectonnez Article
Barre de structure réglée sur Article (A sélectionner par défaut)
Barre de structure réglée sur Bloc
Information de la barre de structure ARTICLE

Faites défiler la barre de structure avec la molette de la souris pour afficher toutes les informations.

  • Visibilité : Définit qui peut voir l'article
  • Publier : Définit à quelle date sera publié l'article
    • Ne modifiez pas ce champ par défaut
  • URL : Edite le permalien de l'article
    • Ne modifiez pas ce champ par défaut
  • Catégories : définit dans quelle catégorie doit aller votre article
    • Par défaut, ne cochez rien, sauf si le guide spécifique à votre site précise le contraire.
  • Image mise en avant : Définit l'image de présentation de votre article.
    • Cliquez sur la section pour faire apparaître la médiathèque
    • Choisissez votre image ou ajouter votre image avec un glisser- déposer
  • Extrait : Résumé de votre article
    • A remplir si votre site site affiche des résumés de vos articles.

Une fois vos modification effectuées, sauvegardez vos modifications en cliquant sur le bouton Publiez ou mettre à jour

Vous pouvez également cliquer sur enregistrer le brouillon si vous ne souhaitez pas publier votre article immédiatement.

Si vous avez besoin de plus d'informations, vous pouvez consulter cet article.

Médias / Médiathèque

Accéder à la médiathèque

Depuis le panneau de contrôle, cliquez sur l'onglet Médias

Vous accédez ensuite à une page comprenant l'intégralité de vos médias :

  • Modifier une image : Cliquez sur une image pour la modifier directement dans la médiathèque (voir section suivante)
  • Supprimer une image : Cliquez sur le bouton sélection groupée, sélectionnez les images à supprimer puis cliquez sur supprimer définitivement
  • Changer le mode d'affichage : Cliquer sur l'onglet à gauche de l'écran.

Modifier une image dans la médiathèque

Pour modifier une image, cliquez simplement dessus. Une nouvelle fenêtre s'ouvrira.

La partie droite contient les informations importantes, notamment la date à laquelle a été uploadé le fichier, sa taille et ses dimensions, et l'URL du fichier.

Vous avez également accès à 4 champs modifiables :

  • Titre : Le titre de l'image. Il est préférable de donner à l'image un titre cohérent.
  • le texte alternatif : C'est le texte qui s'affiche lorsque l'image ne peut pas s'afficher ou lorsque qu'un utilisateur utilise un lecteur d'écran.
    • Le texte alternatif aide les moteurs de recherche à comprendre le but de votre site et à mieux vous référencer. Il est donc important de ne pas le négliger.
    • Un bon texte alternatif résume efficacement le contenu de l'image sans être trop long.
  • La légende : Utile si votre image doit comporter une légende
  • La description : Uniquement utile si vous avez besoin d'une description plus précise de l'image. Sinon, ce champ peut rester vide.

Si vous avez besoin de connaître d'autres éléments, cliquez sur le bouton Indiquer plus de détails.

Si vous souhaitez supprimer le fichier, cliquez sur le bouton Supprimer définitivement

Ajouter des images

Tout en haut de la médiathèque, cliquez sur le bouton Ajouter

Un onglet va s'ouvrir. Faites glisser vos fichiers à uploader en glisser-déposer, ou Sélectionnez-les directement sur votre ordinateur.

Si vous êtes en parallèle sur Oxygen Builder, les médias uploadés ne seront pas encore visible. VOus devrez recharger la page après avoir sauvegardé pour les voir.

Pages

Cet onglet vous permet de gérer les pages principales de votre site web. Il est à utiliser pour modifier :

  1. Un texte
  2. Une image
  3. Une couleur ...

Accéder à vos pages

  • Cliquez sur l'onglet Pages de votre panneau de contrôle.

Vous accédez ensuite à la page rassemblant toutes vos pages principales. En passant votre souris sur une page, vous accédez à de nouvelles options :

  • Cliquez sur Modification rapide pour éditer les caractéristiques de l'article
    • Titre
    • Slug (adresse url de l'article)
    • Date de publication ...
    • N'oubliez pas de cliquer sur le bouton "mettre à jour" une fois vos modifications effectuées.
  • Cliquez sur Corbeille pour supprimer la page
    • A ne faire que si vous savez ce que vous faites.
  • Cliquez sur Voir pour voir la page telle qu'elle apparaît pour vos visiteurs
  • Cliquez sur Modifier pour modifier en détail votre page

Modifier une page

Par défaut, votre page n'est pas modifiable directement. Il est nécessaire de passer par Oxygen builder :

  • Cliquez sur le bouton Edit with Oxygen

  • Consulter ensuite la section Modifier une page avec Oxygen pour apprendre à administrer votre page

Fluent Forms Pro

Cet onglet vous permet de voir votre ou vos formulaire et de voir les demandes soumises

Accéder à vos formulaires

Cliquez sur l'onglet Pages de votre panneau de contrôle.

Vous accédez ensuite à la page rassemblant tous vos formulaires

Gérer vos formulaires

En passant votre souris sur un formulaire, de nouvelles options apparaissent :

  • Modifier : Vous permet de modifier votre formulaire.
  • Réglages : Vous permet de gérer les réglages du formulaire.
  • Entrées : Vous permet de voir le demande enregistrées par votre formulaire.
  • Supprimer : supprime le formulaire.

Pour savoir comment modifier ou administrer en détail votre formulaire, consultez le guide dédié.

Comptes

Vous permet de gérer qui a accès à l'interface d'administration du site.

Accéder aux comptes

Cliquez sur l'onglet comptes de votre panneau de contrôle.

Vous accédez ensuite à une page affichant tous les comptes enregistrés sur le site. En passant la souris sur un compte, de nouvelles options apparaissent :

  • Modifier : Permet de modifier un compte (voir section suivante)
  • Supprimer : Supprime le compte
  • Réinitialisation de mots de passe : Envoie un lien à l'adresse mail associée pour réinitialiser le mot de passe.

Ajouter ou modifier un compte

Si vous ajoutez un compte, cliquez sur le bouton ajouter un compte en haut de page

En fonction de si vous ajoutez ou modifiez un rôle, les emplacements peuvent changer, mais les informations nécessaires sont les mêmes :

  • Identifiant : le nom que l'utilisateur devra rentrer pour s'identifier
  • E-mail : e-mail associé à l'utilisateur
  • Mot de passe : Ce champ étant très sensible, prenez soin d'utiliser un mot de passe fort.
    • WordPress vous propose par défaut un mot de passe.
  • Rôle : Définit les droits de l'utilisateur
    • Administrateur : donne accès à l'ensemble du site. Attention à ne pas donner ce droit à la légère, car l'utilisateur aura tous les droits, y compris celui de supprimer votre compte. Seul l'administrateur a accès à Oxygen ou Breakdance
    • Editeur : Permet de créer et d'éditer toutes les pages et articles
    • Auteur : Permet de créer et éditer ses propres pages et articles. Rôle à donner par défaut.
    • Contributeur : Permet de créer et éditer ses propres articles
    • Abonné : Permet de gérer son profil et de commenter si le site dispose d'un blog.

Modifier une page avec Oxygen

Avant de consulter cette section, assurez-vous d'avoir consulté la section pages et d'avoir ouvert avec Oxygen la page que vous souhaitez modifier.

Une fois le temps de chargement effectué (entre 15 secondes et une minute), la page d'édition d'Oxygen s'ouvre.

Interface

L'interface se divise en trois grande zones :

Panneau de structure

Le panneau de structure, à droite, affiche la hiérarchie des éléments, et permet d'accéder à un élément en particulier. Cliquer sur un élément à l'écran permet l'affiche dans le panneau de structure.

Ici, nous avons cliqué sur le titre guide de démarrage visible à l'écran. Cela a ouvert le panneau de structure et nous permet de voire que ce titre est l'élément Heading(#166), qui est contenu dans la section Expertise.

Panneau d'édition

Le panneau d'édition, à gauche, s'ouvre lorsque vous sélectionnez un élément à l'écran ou via le panneau de structure. Il permet d'éditer les réglages généraux :

Cliquez sur le bandeau vert avec l'intitulé class
Cliquez sur le bandeau bleu avec l'intitulé ID
Le panneau d'édition est réactivé
Titres et textes :
  • Text content : Contenu
  • Font family : Police d'écriture
  • Text color : Couleur du texte
  • Font size : Taille du texte
  • Font Weight : Epaisseur du texte
  • Background color : Couleur de fond
Images
  • Image URL / ID : Lien de l'image
    • Cliquer sur browse pour ouvrir la médiathèque et changer l'image (voir la section liée à la médiathèque pour plus d'informations)
  • Alt Text : Description de l'image
Divers
  • Background-color : Modifie la couleur de fond
Background-image

Les background-image ne sont pas des images à proprement parler. Dans ce cas précis, le visuel est inséré de manière à remplir un cadre donné, au même titre qu'une couleur de fond. Cette manière de procéder est plus technique, mais permet de contrôler la forme du visuel sans risquer de le déformer.

Pour savoir si un visuel est une image ou une background image, cliquez dessus et observez l'icône dans le panneau de structure :

Cadre avec une montagne : image / Cadre vide : background-image

Il peut arriver qu'un visuel soit difficilement cliquable à l'écran. Dans ce cas, il faudra le localiser dans le panneau de structure.

Une fois l'élément sélectionné et le panneau d'édition ouvert, cliquez sur l'onglet background, représenté par une icône d'image.

Ensuite, comme une une image, utilisez le champ Background Image et le bouton browse pour ouvrir la médiathèque.

Pour en savoir plus sur les autres options, consultez l'article dédié à l'insertion d'image.

Modifications avancées

Si vous avez besoin d'effectuer des modifications plus avancées, vous pouvez consulter le guide complet dédié à Oxygen builder. Vous aurez peut-être besoin d'un accès total aux fonctionnalités de l'outil. Pour cela, contactez-nous à l'adresse bonjour@tricorn@gmail.com

Barre supérieure

Situé en haut de l'écran, cette barre vous permet de gérer des actions diverse et d'enregistrer votre travail.

Affichage de l'écran

Permet de prévisualiser des modifications en format :

  • Grand écran d 'ordinateur (par défaut)
  • Petit écran d'ordinateur
  • Tablette
  • Grand téléphone
  • Petit téléphone
Annuler / rétablir

Permet d'annuler ou de rétablir des modifications.

Structure et historique

Le 1er bouton affiche ou cache le panneau de structure. le 2e bouton affiche l'historique des modifications.

Quitter Oxygen

Cliquez sur ce bouton pour choisir comment vous souhaitez quitter Oxygen :

  • WP admin : vous ramène sur le panneau de contrôle de WordPress
  • Frontend : Affiche la page telle que les utilisateurs la verront.

Vous pouvez faire un clic droit au moment de sélectionner votre option pour effectuer l'action sans fermer Oxygen.

Enregistrer

Vous permet d'enregistrer vos modifications.

Maintenance de votre site

Si vous avez confié la maintenance préventive de votre site, vous pouvez passer cette section. Dans le cas contraire, il est nécessaire d'effectuer ces actions régulièrement pour éviter des problèmes sur votre site

Tableau de bord

Cet onglet vous permet de mettre à jour WordPress et les thèmes.

Passer la souris sur l'onglet Tableau de bord du panneau de contrôle, puis cliquez sur Mises à jour.

Vous arrivez ensuite sur une page vous permettant de voir la version de WordPress installée, et si une mise à jour des disponible.

Cet onglet vous permet également de mettre à jour les extensions de votre site. Il est cependant conseillé d'utiliser l'onglet extension (voir section suivante).

Enfin, cet onglet vous permet de mettre à jour les différents thèmes de votre site.

Extensions

cet onglet vous permet de maintenir à jour les différents logiciels, appelés extensions, qui font fonctionner votre site.

Ces extension doivent être régulièrement mises à jour (tous les 3 mois maximum). Des extensions trop anciennes peuvent casser le site ou faciliter un piratage.

Cliquez sur l'onglet extensions pour accéder à vos extensions.

Le nombre signifie le nombre d'extensions qui peuvent être mises à jour

Vous accédez à la page qui gère vos extensions. Celles qui peuvent être mises à jour présentent un petit bandeau jaune. Cliquez sur mettre à jour maintenant.

Cas particuliers

Certaines extensions sont réputées pour être poser problème lors de leur mise à jour, notamment Oxygen et Fluent Form pro. Si un problème se produit, consultez le guide dédié, ou contactez-nous à l'adresse bonjour@tricorn.fr

Les extensions Swiss Knife et Oxyextras ne se mettent pas à jour, même si le bandeau jaune est présent. vous pouvez les laisser de côté.

Régénérer le cache CSS

En cas de modification sur Oxygen ou de mise à jour, ce message peut parfois s'afficher en haut de page :

Ce message signifie qu'il est nécessaire de régénerer le cache CSS pour éviter des problèmes graphiques sur le site. Suivez le guide dédié pour en savoir plus.

Updraft Plus

Cet onglet vous permet de sauvegarder le site en cas de problème. Pour en savoir plus, consultez le guide dédié.

Besoin de quelque chose ?

Nous sommes toujours prêts à améliorer notre formation. N'hésitez pas à nous signaler un problème ou un cours manquant.
Demande de cours
bonjour@tricorn.fr
Gérer le consentement aux cookies

Afin d'offrir la meilleure expérience possible, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.

View more
Cookies settings
Accepter
Refuser
Confidentialités et Cookies
Privacy & Cookies policy
Cookie name Active
Save settings
Cookies settings