| title | excerpt | updated |
|---|---|---|
Tutoriel - Premiers pas sur WordPress |
Découvrez comment créer un site web avec le CMS WordPress |
2024-07-15 |
Ce tutoriel va vous permettre de créer vos premiers contenus, les organiser, les mettre en ligne et changer le thème de votre site web avec le Content Management System (CMS) WordPress. Vous pourrez réaliser votre site web sans connaissances particulières en programmation, avec un large choix de thématiques comme un site web d'entreprise, un blog, ou encore un site pour faire connaître votre activité ou votre passion.
Warning
OVHcloud met à votre disposition des services dont la configuration, la gestion et la responsabilité vous incombent. Il vous revient de ce fait d'en assurer le bon fonctionnement.
Nous mettons à votre disposition ce tutoriel afin de vous accompagner au mieux sur des tâches courantes. Néanmoins, nous vous recommandons de faire appel à un prestataire spécialisé ou à l'éditeur du CMS WordPress{.external} si vous éprouvez des difficultés. En effet, nous ne serons pas en mesure de vous fournir une assistance. Plus d'informations dans la section « Aller plus loin » de ce tutoriel.
Découvrez comment créer un site web avec le CMS WordPress.
- Disposer d'une offre d'hébergement web qui contient au moins une base de données.
- Disposer d'un nom de domaine
- Avoir installé Wordpress sur votre hébergement web
- Être connecté à l'espace client OVHcloud{.external}
Si ce n'est pas déjà le cas et avant de poursuivre, ajoutez un certificat SSL sur le nom de domaine associé à votre site web.
Lors de l'installation de votre CMS en 1-clic, vous avez reçu un e-mail contenant les éléments nécessaires à la poursuite de ce tutoriel :
- le lien d'accès à l'interface d'administration
- le nom de l'administrateur
- un lien pour obtenir le mot de passe administrateur.
Récupérez ces éléments avant de poursuivre.
Rendez-vous sur le lien d'accès à l'interface d'administration communiqué par e-mail lors de l'installation du CMS. Par défaut, l'URL se termine par wp-admin. Si vous ne vous êtes pas authentifié sur votre interface d'administration, WordPress vous redirigera automatiquement sur votre URL se terminant par wp-login :
{.thumbnail}
[!primary]
Sur cette page d'accueil, vous avez la possibilité de changer la langue par défaut de l'interface de WordPress. Rendez-vous dans le menu déroulant situé en bas de page, sélectionnez la langue de votre choix puis validez avec le bouton
Change{.action}. La langue peut être modifiée ultérieurement.
Saisissez le login (ou le « Nom de l'administrateur ») qui vous a été fourni par e-mail ainsi que le « Mot de passe WordPress » indiqué dans le même e-mail. Vous arrivez alors sur votre tableau de bord :
{.thumbnail}
Les thèmes WordPress sont des ensembles de fichiers permettant de modifier la présentation de votre site web sans en modifier le contenu. Il existe de nombreux thèmes disponibles sur internet, gratuits comme payants, avec des thématiques différentes (sites web, blogs, e-commerce, presse en ligne, ...).
Pour modifier votre thème, placez-vous dans le menu de gauche de votre Tableau de bord, cliquez sur Apparence{.action} puis sur Thèmes{.action} :
{.thumbnail}
Choisissez un thème parmi ceux proposés et cliquez sur Activer{.action} :
{.thumbnail}
Vous pouvez visualiser le résultat en vous rendant sur votre site web avec votre nom de domaine.
WordPress vous permet de créer facilement du contenu sans avoir de connaissance en développement web.
Pour créer un article, rendez-vous dans la section Articles{.action} présente dans le menu à gauche puis cliquez sur Ajouter{.action}:
{.thumbnail}
Depuis la version 5, WordPress propose une interface pour simplifier la rédaction et la mise en forme des articles : Gutenberg. Il s'agit d'un éditeur WYSIWYG (« what you see is what you get »). Il vous permet de composer directement votre page en ajoutant des éléments tels que des titres, des paragraphes, des listes, des images, etc. :
{.thumbnail}
Cliquez sur Saisissez le titre{.action} pour ajouter un titre à votre page :
{.thumbnail}
Pour ajouter du contenu, cliquez sur le signe +{.action} et choisissez ce que vous souhaitez insérer :
{.thumbnail}
Sur la droite de votre page, trois liens vous permettent d'effectuer les actions suivantes :
Enregistrer le brouillon{.action}, une action que vous pouvez également faire avec la combinaison de toucheCtrl+S(oucmd+Ssous macOS) ;Prévisualiser{.action};Publier{.action} sur votre site web.
Dans notre exemple, cliquez sur Prévisualiser{.action}, puis sur Prévisualiser dans un nouvel onglet{.action}. Choisissez le type d'appareil sur lequel faire le rendu (PC, tablette ou smartphone) :
{.thumbnail}
Pour revenir à l'interface d'administration de WordPress, cliquez sur l'icône en haut à gauche.
WordPress permet de définir des catégories et d'associer vos articles avec une ou plusieurs d'entre elles. Pour gérer les catégories de votre site web, rendez-vous dans la section Articles{.action} puis dans la section Catégories{.action} :
{.thumbnail}
Renseignez maintenant le formulaire pour ajouter une nouvelle catégorie :
- Nom : nom de votre catégorie telle qu'elle apparaîtra sur votre site web.
- Slug : élément qui apparaîtra à la fin de votre URL (utile pour améliorer votre référencement).
- Catégorie parente : permet de hiérarchiser vos catégories (la catégorie que vous créez peut être une sous-catégorie d'une catégorie existante).
- Description : non apparente par défaut, la description de votre catégorie peut toutefois être rendue visible par certains thèmes.
{.thumbnail}
Une fois ces informations indiquées, cliquez sur le bouton Ajouter une nouvelle catégorie{.action} :
{.thumbnail}
Vous avez la possibilité de gérer la hiérarchie des vos catégories. Une nouvelle catégorie peut être liée à une catégorie existante :
{.thumbnail}
Pour affecter un article à une ou plusieurs catégories, cliquez sur Articles (Posts). Vous disposerez de la liste contenant tous les articles et leurs statuts. Survolez le titre de l'article que vous souhaitez classer puis cliquez sur Modification rapide{.action} :
{.thumbnail}
Vous pouvez alors modifier les catégories en cochant ou décochant les éléments listés dans la colonne Catégories{.action} :
{.thumbnail}
Warning
Sélectionner une sous-catégorie n'entraîne pas la sélection automatique de la catégorie parente.
Les pages sont à distinguer des articles. Elles servent essentiellement à écrire des contenus qui n'évolueront pas ou peu dans le temps comme des mentions légales, des conditions générales d'utilisation, etc.
Rendez-vous sur la page Pages{.action} :
{.thumbnail}
[!primary]
Par défaut, il existe une page qui est générée à l'installation de WordPress. Pour des raisons de lisibilité, cette page a été supprimée de l'exemple.
Cliquez sur Ajouter{.action}. Vous retrouvez alors l'éditeur Gutenberg :
{.thumbnail}
Créez le contenu de votre page et publiez-le :
{.thumbnail}
Vous pouvez revenir sur la page d'accueil de votre site web, vous disposerez d'un lien vers votre nouvelle page :
{.thumbnail}
Par défaut, les liens de vos pages WordPress sont écrits avec une syntaxe de type paramètre=valeur, valeur étant un nombre entier qui n'est pas explicite. La modification de l'écriture des permaliens permet d'avoir des URLs avec un format plus explicite. Vos URLs seront plus lisibles et le référencement naturel de votre site web s'en trouvera amélioré.
Sur la page d'accueil du tableau de bord, rendez-vous sur Réglages{.action} puis sur Permaliens{.action} :
{.thumbnail}
Vous avez alors le choix entre plusieurs types de permaliens. Sélectionnez le « Titre de la publication » puis validez en bas de la page :
{.thumbnail}
Vos liens seront alors construits à partir du slug précédemment renseigné lors de l'édition de vos articles et de vos pages.
- Stockez vos accès dans un gestionnaire de mots de passe comme KeePass{.external}.
- Testez en ligne l'éditeur par défaut Gutenberg{.external}.
- Quelques ressources où trouver des thèmes WordPress :
- WordPress Themes{.external}
- TemplaMonster{.external}.
- Elegant Themes{.external}, éditeur du constructeur de thèmes Divi.
- Elementor{.external}, un autre éditeur de thèmes.
- Le site officiel WordPress{.external}.
- Utiliser le SFTP pour transférer des fichiers ou des pages vers votre WordPress{.external}.
Pour des prestations spécialisées (référencement, développement, etc), contactez les partenaires OVHcloud.
Si vous souhaitez bénéficier d'une assistance à l'usage et à la configuration de vos solutions OVHcloud, nous vous proposons de consulter nos différentes offres de support.
Échangez avec notre communauté d'utilisateurs.