Comment faire un site internet avec WordPress ?

Pour porter vos projets sur internet, vous devez utiliser des outils qui vous permettent de démarrer et de gérer facilement votre contenu.

La création d’un site web sur WordPress est une solution très populaire qui vous donne la possibilité de démarrer n’importe quel site web sans avoir besoin d’avoir des connaissances en programmation ou en mise en page en utilisant le langage de balisage HTML.

WordPress est actuellement utilisé dans plus de 30 % des sites Web créés sur Internet, ce qui lui confère une crédibilité et une fiabilité qui en font l’outil préféré des créateurs de contenu pour pratiquement tout type de site Web auquel vous pouvez penser.

Dans ce guide, nous allons voir comment créer un site Web WordPress.

Pourquoi utiliser WordPress ?

Dépenses minimales

De nombreuses fonctionnalités de WordPress sont gratuites ou faciles à acheter. Avec des milliers de plugins gratuits disponibles, c’est l’un des systèmes de gestion de contenu les plus rentables que vous puissiez utiliser.

Période d’apprentissage assez courte

WordPress a été conçu pour être utilisé de manière intuitive. Peu de formation est nécessaire pour que les personnes n’ayant aucune connaissance ou expérience en matière de conception web puissent l’utiliser pleinement.

Les administrateurs ayant accès au CMS WordPress sont en mesure d’ajouter des pages, des articles de blog et des images sans avoir à demander l’aide de leur concepteur web.

Personnalisable

WordPress est hautement personnalisable en termes de conception et de fonctionnalités. Les concepteurs ont la possibilité d’utiliser des thèmes personnalisés pour modifier l’aspect et la convivialité du site web.

Les fonctionnalités de WordPress vous permettent également de le personnaliser d’innombrables façons. Des calendriers, des galeries vidéo et des flux sociaux peuvent être ajoutés à un site Web WordPress grâce à des plugins.

Accès en tout lieu

En tant que CMS basé sur le cloud, WordPress est accessible partout, à condition que l’utilisateur ait accès à l’internet.

C’est l’idéal, car cela signifie que le site web peut être mis à jour et géré par presque tout le monde, où que ce soit. En outre, des applications gratuites sont disponibles pour iOS et Android.

Administration

Les administrateurs ayant accès au CMS peuvent ajouter autant d’utilisateurs différents qu’ils le souhaitent et modifier les autorisations d’accès pour chaque utilisateur selon les besoins.

Ceci est particulièrement utile si vous avez du personnel qui sera responsable de la maintenance de différents aspects de votre site web.

WordPress est bien référencé dans les moteurs de recherche

WordPress est l’un des meilleurs systèmes de gestion de contenu en termes d’optimisation des moteurs de recherche. Certains de ces avantages sont les suivants

• La possibilité de modifier les permaliens (structure URL) de tout article, ce qui vous permet de cibler des mots clés spécifiques.
• La possibilité d’ajouter des balises à vos messages aide les robots de recherche à trouver les pages internes et sert d’outil de navigation supplémentaire pour vos utilisateurs.
• Les images ajoutées à WordPress peuvent être optimisées pour aider Google à les indexer dans ses pages de résultats d’images. Cela peut être fait en ajoutant des balises alt.
• L’un des meilleurs attributs de WordPress est son code propre. Un code correctement formaté et organisé est plus facilement exploré par les robots de recherche.

WordPress est une excellente plateforme de gestion de contenu, flexible pour les concepteurs, les développeurs et les clients. Cette caractéristique, associée à sa résilience, sa portabilité et son évolutivité, en fait souvent la meilleure plate-forme pour la création de nouveaux sites web.

Comment utiliser WordPress ?

Si vous souhaitez créer un site WordPress complet, vous aurez besoin de deux éléments.

• Un nom de domaine, qui est l’adresse de votre site web.
• Un hébergement web, également connu sous le nom de serveur web, est l’endroit où votre site web sera conservé.

Nous vous conseillons de prendre O2switch comme hébergeur pour votre site WordPress. C’est un hébergeur français basé à Clermont-Ferrand.

L’hébergeur propose une offre unique avec la possibilité d’héberger plusieurs sites web.

Conseils de base pour la sécurité du site WordPress

• Choisissez un bon mot de passe ! Assez long et comportant de caractères spéciaux. Et il en va de même pour le mot de passe permettant d’accéder au service d’hébergement.
• Changez le nom d’utilisateur standard et supprimez “admin” et mettez autre chose à la place. Vous ne devez jamais créer de contenu à partir du compte administrateur. Si vous êtes piraté, l’attaquant aura le contrôle total de votre site web.
• Créez des sauvegardes régulièrement. Avec o2switch, vous pouvez créer des sauvegardes avec Wp Tiger dans le Cpanel..
• Maintenez votre version de WordPress, votre thème et vos plugins à jour. Chaque fois qu’une mise à jour est publiée, vous devez l’installer si vous ne voulez pas que votre site Web ne soit pas protégé. Tout plugin que vous n’utilisez pas doit être complètement désinstallé. Attention : avant d’effectuer une mise à jour, créez une sauvegarde. Idéalement, vous voudrez d’abord le tester dans un environnement de test. Ce qui est possible en créant une préprod toujours avec Wp Tiger.

Comment installer WordPress sur un serveur?

L’installation de WordPress est facilité à travers Cpanel avec Softaculous sous O2switch.

Lors de l’achat de votre hébergement vous avez reçu un mail avec les accès à “l’administration générale du compte web”.

Vous pouvez utiliser cPanel comme un outil de contrôle Web pour gérer l’hébergement de votre ou vos sites Web.

Il dispose d’une interface utilisateur simple à utiliser pour la gestion de vos sites.

Au préalable, comme indiqué dans la documentation de O2switch, vous devez enregistrer votre nom de domaine dans le menu “Domaines configurés” après l’avoir acheté .

Tout d’abord, connectez-vous à votre compte cPanel et allez jusqu’en bas de la page pour aller au menu Softaculous Apps installer. Cliquez sur l’icône WordPress pour installer un site WordPress.

Une fois que vous aurez cliqué sur le bouton Softaculous, vous serez redirigé vers la page où vous devez choisir l’application que vous voulez installer. Dans la partie gauche de l’écran, repérez la catégorie “Blogs”, cliquez dessus, puis cliquez sur le lien “WordPress” qui apparaîtra.

Sur la page suivante, appuyez sur l’icône flèche à côté de “Installation”.

Vous aurez deux choix, vous cliquerez sur “Quick install” ce qui veut dire installation rapide.

Enfin, choisissez la version de WordPress, nous vous conseillons fortement la dernière version, le nom de domaine avec lequel vous associez cette installation WordPress, le nom d’utilisateur et le mot de passe pour le côté administration du site.

Après avoir tout saisi vous pouvez cliquer sur installation.

saisissez les champs requis pour votre site – titre, description, nom d’utilisateur et mot de passe de l’administrateur, e-mail de l’administrateur, etc. et cliquez sur le bouton “Installer”.

Comment configurer les paramètres de WordPress ?

Paramètre Général

Dès que le site a été créé, la première chose est de régler les paramètres généraux de WordPress. Pour cela, dans la barre de menu de gauche, allez dans Réglages >Général.

1) Titre du site et slogan

Il s’agit des données que Google affichera dans sa page de résultats dans la balise Title.

2) Adresse web de WordPress (URL) et adresse web du site (URL)

L’installation de WordPress se trouve dans le répertoire racine de votre site web.

Si c’est le cas, WP vous montrera la même URL dans les deux sections.

Toutefois, il n’est pas inutile de comprendre la différence entre une URL et une autre.

L’adresse web de WordPress (URL), est l’adresse où vous avez stocké les fichiers WP sur votre serveur.

L’adresse du site (URL), désigne l’endroit où vous souhaitez que votre site web soit affiché.

Les adresses sont en http, modifiez-les juste en rajoutant un “s” pour https pour une connexion sécurisée.

Vous serez déconnecté et vous devrez saisir vos identifiants pour retourner sur le back-office.

Vous devrez par la suite avoir un certificat SSL rattaché à votre nom de domaine. Ce menu est accessible dans le Cpanel dans le menu “Sécurité” > “Let’s Encrypt SSL”

Ecriture

1) Catégorie par défaut des articles

Par défaut, WordPress attribue la catégorie “Uncategorized” aux nouveaux articles que vous publiez sur votre blog.

Au fur et à mesure que vous créerez de nouvelles catégories pour vos articles, elles apparaîtront dans cette liste déroulante et vous pourrez sélectionner, comme principale, celle qui vous désirez.

2) Publier par e-mail

Laissez-le tel qu’il est par défaut.

3) Services de mise à jour

À partir de là, vous pouvez demander à WordPress d’envoyer des notifications à des tiers pour les informer que vous avez publié un nouveau contenu sur votre site.

Lecture

1) Affichage page d’accueil

La page d’accueil fait référence à la page d’accueil de votre site web.

WordPress vous offre deux possibilités :

• Vos derniers articles, cette option est cochée par défaut et fait référence aux publications d’articles. Si vous laissez cette option cochée, la page d’accueil de votre site Web affichera les derniers articles publiés. En bref, votre site aura une structure de blog.
• Une page statique, avec cette option nous pouvons sélectionner une page qui sera la page d’accueil du site. Vous devez les créer au préalable, sinon WordPress ne les affichera pas dans les listes déroulantes.

2) Visibilité moteur de recherche

C’est une case à cocher ou non pour indiquer que les moteurs de recherche comme Google ou Bing peuvent explorer et indexer le site.

Pendant la phase de construction d’un site, il est conseiller de cocher la case. Lorsque le site est prêt à être mis en ligne, il faut impérativement décocher cette case. Sinon, votre site ne sera pas visible sur les moteurs de recherche.

Commentaire

1) Réglages de publication par défaut

Les deux premières options font référence au système des “pingbacks” et des “trackbacks”, c’est-à-dire à la procédure que suit WordPress pour notifier automatiquement les blogs qui établissent des liens entre eux.

Il est préférable de les laisser désactivés pour éviter, autant que possible, le spam.

Quant à la troisième option, cochez la case pour que les utilisateurs puissent laisser des commentaires sur vos articles.

2) Autres Réglages des commentaires

Option 1 : oblige les utilisateurs à laisser leur nom et leur adresse électronique avant de commenter. Nous vous recommandons de l’activer pour contrôler qui commente sur votre blog et pour pouvoir répondre de manière personnalisée.

Option 2 : l’utilisateur doit être enregistré pour pouvoir laisser des commentaires.

Option 3 : vous permet de fermer les commentaires lorsqu’un certain nombre de jours se sont écoulés depuis la publication d’un article.

Option 4 : la case permettant d’accepter les cookies dans les commentaires ne nécessite aucune explication.

Option 5 : Les commentaires imbriqués sont des commentaires qui s’affichent comme des réponses à d’autres commentaires. La meilleure option serait de choisir jusqu’a 2 niveaux.

Permaliens

Les Permaliens sont toutes les URL de votre site web.

Lorsque vous publiez un nouveau contenu sur votre site (page, article, catégorie…) WordPress lui attribue automatiquement une URL qui affecte directement le référencement de votre site.

Pour éviter cela, nous vous conseille de choisir l’option “Titre de publication” cochée.

Ce changement sera effectif pour les pages, les articles, les catégories, les tags, les auteurs…

Option de structure personnalisée : en cochant cette case, vous aurez la possibilité de créer votre propre structure de liens. Pour cela, WordPress vous présente une série de shortcodes que vous devrez inclure dans la zone de texte pour donner forme à vos permaliens.

Ce sont les possibilités que vous offre WordPress :

%year% – fait référence à l’année de publication de votre article.
%monthnum% – le mois de publication de l’article
%day% – le jour
%hour% – l’heure
%minute% – la minute
%second% – le deuxième
%post_id% – l’ID de l’article
%postname% – le titre de l’article
%category% – la catégorie de l’article
%author% – l’auteur

Comment installer un thème WordPress ?

Pour ce faire, suivez les étapes ci-dessous :

• Télécharger sur le site du thème ou alors faites une recherche dans Apparence > Thèmes > Ajouter
• Si vous avez téléchargé le thème, cliquez sur le bouton “Téléverser un thème” puis cliquez sur “Télécharger” pour télécharger le thème au format zip. Dézippez le dossier.
• Connectez-vous à WordPress et allez dans “Apparence > Thème > Ajouter un nouveau thème”.
• Cliquez sur “Télécharger le thème > Choisir le fichier”. Sélectionnez votre dossier préalablement téléchargé.
• Cliquez sur “Installer”, puis activez-le.

Qu’est-ce qu’un thème WordPress ?

Un thème WordPress est la structure et l’apparence sur lesquelles se base un site web construit avec WordPress.

En général, ils sont livrés avec plusieurs sites de démonstration déjà configurés, de sorte que tout ce que vous avez à faire est de choisir un design qui correspond au résultat que vous souhaitez obtenir, et de remplacer les photos et les textes d’essai par les vôtres.

Mieux encore, un thème WordPress premium appelé aussi constructeur de pages est livré avec des plugins de mise en page visuelle qui vous permettent de concevoir chaque section de votre site Web en glissant et déposant des éléments.

Les constructeurs de pages sont des outils qui vous permettent de créer des sites Web sans modifier manuellement le code.

En d’autres termes, un constructeur de pages va vous permettre de créer un site web avec des templates prédéfinis à personnaliser à votre goût.

Il existe plusieurs constructeurs de pages sur le marché comme Elementor ou Divi

Comment utiliser Elementor avec WordPress ?

L’interface d’Elementor est divisée en 3 zones très bien différenciées :

• Barre principale (Paramètres et outils).
• Zone d’outils de conception de sites Web.
• Barre de travail et de sauvegarde.

Comment utiliser les outils Elementor de conception web ?

C’est, sans aucun doute, la partie “forte” de l’outil et celle que vous utiliserez le plus lors de la création d’un site web.

L’objectif n’est pas de vous expliquer ce que fait chacun de ces outils.

L’objectif est vraiment que vous compreniez de manière générale comment utiliser Elementor et comment tout est organisé dans l’un des outils qui composent Elementor afin que vous puissiez facilement trouver ce que vous cherchez.

Autrement dit, tous ces outils suivent le même schéma lorsqu’il s’agit de les utiliser et de les configurer. Ce schéma est similaire dans tous les cas!

Lorsque vous utilisez l’un des outils de conception de site web inclus dans Elementor (en les faisant glisser et en les déposant dans votre conception de site web sur le côté droit de l’écran), vous rencontrerez toujours 3 onglets :

• Onglet “Contenu”
• Onglet “Style”
• Onglet “Avancé”

Onglet Contenu

L’onglet “Contenu” contrôle tout ce qui a trait au contenu pur et simple. En d’autres termes, ce que vous mettez sur le site web en termes de contenu.

En d’autres termes, avec l’onglet “Contenu”, vous allez définir tout ce qui concerne le texte que vous voulez mettre, l’image que vous voulez publier… mais vous ne contrôlerez rien en ce qui concerne son apparence ou son esthétique.

Onglet Style

C’est ici que ça se passe.

Dans cet onglet, vous pourrez contrôler tout ce qui a trait à l’esthétique ou à l’apparence de ce que vous avez publié sur votre site Web (textes, images, en-têtes…etc.).

Par esthétique et apparence, j’entends que vous pourrez modifier les couleurs, les couleurs ou images d’arrière-plan, les polices, les tailles de police, les styles de police, les ombres, les filtres CSS par défaut, les modes de fusion, etc.

Avec tout ce que vous trouverez dans cet onglet, vous serez en mesure de faire beaucoup de choses sur le plan esthétique. Mais si vous voulez faire un petit pas en avant ou avoir plus de contrôle sur tout… c’est à cela que sert l’onglet suivant.

Onglet avancé

On peut dire que cet onglet est celui que vous allez utiliser si vous êtes un concepteur ou un développeur web professionnel pour travailler à 100% dans des conditions comme telles.

On peut dire qu’ici, vous trouverez des options que tout concepteur de sites Web wordpress professionnel utilise au quotidien, telles que le réglage des marges, le rembourrage, la définition des classes ou des identifiants CSS, la mise en œuvre de styles CSS personnalisés à l’aide de code, les animations, l’adaptabilité des options réactives, etc.

L’onglet Avancé, si vous êtes un utilisateur ayant des connaissances moyennes/faibles, il est fort probable que vous ne l’utiliserez pas beaucoup.

Mais si vous êtes de ceux qui aiment s’améliorer et en savoir plus sur la façon d’utiliser Elementor de manière plus avancée, jetez-y un coup d’œil avec attention car tout ce que vous pouvez y trouver en vaut la peine.

Comment utiliser Divi avec WordPress ?

Après avoir installé le thème, les paramètres sont gérés à travers trois niveaux de base :

• Options du thème : le niveau de configuration le plus basique où vous pouvez ajouter votre logo, modifier le menu de navigation, maintenir votre thème à jour, etc…..
• Personnalisateur de thème : pour des ajustements beaucoup plus spécifiques du contenu de votre site, de votre en-tête et d’autres éléments tels que le pied de page.
• Personnalisateur de modules : si vous utilisez Divi Builder, cette option vous permet de définir des configurations qui seront appliquées par défaut dans chacun de ses modules.

Parmi tous ces éléments, le plus basique et le plus essentiel correspond aux Options du thème.

Les deux autres seront inclus dans les différentes étapes de la conception de votre blog avec Divi dans les articles suivants de cette série.

Après avoir installé Divi, vous pouvez configurer votre site avec Divi, connectez-vous à WordPress et dans le menu latéral, passez votre souris sur l’icône Divi.

Vous obtiendrez un menu déroulant avec tous les menus de configuration et autres options.

Cliquez sur le menu “Options du thème” pour y accéder.

Cet outil vous permettra de commencer à configurer votre site avec Divi grâce à une série de réglages généraux sur certaines options.

Comme vous le verrez, ils sont tous regroupés dans les onglets suivants :

• Général.
• Navigation
• Créateur
• Mise en page
• Publicités
• SEO
• Intégration
• Mises à jour

Création de contenus sous WordPress

Dans WordPress, il existe 2 types de contenu différents, bien que de structure similaire, que vous pouvez créer :

• Articles
• Pages

Menu Articles

Avec les articles, vous pouvez créer des contenus qui sont généralement publiés dans le blog et ils sont publiés associés à des catégories et des tags, de sorte que le contenu est classé de manière structurée et en fonction de mots-clés ou de regroupement de contenus par catégories préalablement définies.

Cela signifie qu’avant de créer un article, vous devez consacrer une partie importante de votre temps initial à concevoir la structure des catégories, de sorte que lorsque vous commencez à rédiger des articles, il y a déjà des catégories à associer à chaque nouvel article que vous publiez.

Cette association de contenus regroupés par des mots qui les définissent et facilitent leur localisation est communément appelée Taxonomie.

Il est utile, pour cette section consacrée aux articles WordPress, de comprendre que grâce aux taxonomies, principalement les catégories et les étiquettes, vous pouvez regrouper des contenus connexes afin qu’ils puissent ensuite être localisés de manière plus groupée et spécifique.

Sachant que l’idéal est de créer des catégories puis d’ajouter des articles, voyons comment générer du contenu dans WordPress pour un article ou une entrée.

Depuis le tableau de bord, en utilisant le menu de gauche, vous pouvez aller à Articles.

Dans le menu de premier niveau “Articles”, vous verrez les menus de deuxième niveau suivants :

• Tous les articles : où vous avez un aperçu de tous les messages créés, publiés ou non.
• Ajouter : pour créer de nouveaux articles
• Catégories : où vous créez, modifiez ou supprimez des catégories
• Etiquettes : où vous créez, modifiez et supprimez des étiquettes

Vous devez toujours créer des catégories et des étiquettes avant de commencer à ajouter du nouveau contenu à votre site Web.

Définissez une structure des catégories que vous allez réellement utiliser et pour affiner le filtrage du contenu, il est préférable d’utiliser les étiquettes.

Mieux vaut une structure de 5 ou 10 catégories générales et le reste géré par des balises que 20 ou 30 catégories, dont beaucoup sont vides ou avec une ou deux entrées par catégorie, ce qui appauvrirait votre structure de contenu.

Pour créer une article, allez dans le menu “Articles” et cliquez ou tapez sur “Ajouter”.

Vous verrez dans le menu de droite des éléments tels que :

• Titre
• Corps du bloc de texte.
• Le statut de la page (privé ou public).
• Publier “immédiatement” ou fixer la date et l’heure de la publication.
• Catégories : sélectionnez parmi les catégories existantes ou créez-en de nouvelles.
• Tags : sélectionnez en recherchant des tags existants ou créez-en de nouveaux.
• Slug : Format de l’extrait du titre qui identifie l’article lorsque les moteurs de recherche l’indexent.

Menu pages

Les pages sont statiques par nature. Une fois créées et publiées, elles ne subissent généralement que peu ou pas de modifications, selon le type de page et le contenu présent.

Cependant avec l’avènement des constructeurs ou builders à WordPress, de nombreuses pages sont devenues de véritables landings ou landing pages reconstruites avec des builders comme Elementor ou autres cités plus haut, permettant une amélioration constante et une adaptation du contenu de manière plus dynamique.

Il existe des pages basiques et nécessaires que vous ne devez jamais oublier de créer sur votre site web :

• Mentions légales
• Page de contact.

Voici les étapes pour créer une page :

• Allez sur Pages (tableau de bord, menu de gauche)
• Cliquez sur “Ajouter”
• Remplissez les champs obligatoires (titre, corps du texte)
• Ajoutez une image mise en avant, le cas échéant
• S’il s’agit d’une publication immédiate, cliquez sur Publier
• Liez la page à un menu à partir de Apparence, Menus

Gérer la bibliothèque des médias

Les images pour les articles, les pages et les autres éléments de WordPress sont gérées par la médiathèque, directement à partir du tableau de bord, Médias ou à partir de l’option “Ajouter une image” disponible dans l’éditeur WordPress sous Articles et Pages.

La médiathèque c’est l’endroit où sont stockés tous les fichiers multimédias que vous utilisez sur votre site web.

À partir du menu “Medias”, vous pouvez gérer des fichiers image, audio, vidéo, PDF, mp3, etc., et les utiliser dans les articles et les pages à partir des fonctionnalités natives de WordPress.

Depuis Media, vous pouvez :

• Téléchargez des fichiers multimédias avec les formats MIME autorisés.
• Modifier certains aspects des images.
• Vérifiez à quelle page les fichiers sont associés.
• Supprimez de façon permanente les fichiers multimédias hébergés.
• Supprimez les fichiers orphelins non associés à des publications.
• Ajoutez d’importantes données de référencement sur la page aux fichiers multimédias.
• Obtenir les données de poids et de dimensions des images
• Exécutez des actions par lot pour un ou plusieurs fichiers de la bibliothèque.
• Pour empêcher WordPress d’interpréter les images que vous téléchargez et de générer des tailles supplémentaires pour chaque nouvelle image, vous devez définir dans Réglages, Médias les tailles par défaut à zéro.

Gérer les menus

Les menus sont une partie essentielle d’un site web, entre autres parce qu’ils permettent aux utilisateurs ou aux visiteurs de naviguer dans la structure visible du web de manière hiérarchique et spécifique.

Ils sont une partie fondamentale de la page pour diriger les visiteurs vers les contenus, pouvant montrer des informations de premier niveau, de second niveau ou d’autres niveaux de profondeur sur le web, selon la structure du site.

Les menus de premier niveau sont les plus courants sur tous les sites Web que vous visitez quotidiennement, où vous commencez par un “Accueil” et terminez éventuellement par un “Contact”.

Selon le thème utilisé par le site Web, ces menus s’affichent horizontalement et, sur les appareils mobiles, deviennent le classique “menu hamburger”.

Un menu doit contenir l’accès à toutes les sections de premier niveau de votre site web, et qui sont généralement situées dans le menu principal.

Les sections de deuxième et troisième niveau doivent être affichées soit dans des menus déroulants du menu principal, soit dans des menus de deuxième niveau, ou contextuels, de la zone du web où elles sont requises.

Ensuite, il y a les éléments de menu qui doivent être plus ou moins visibles et accessibles tout au long de la navigation et qui sont généralement situés en bas de la page ou en “pied de page” et contiennent généralement l’accès aux politiques du site…