Comment créer un site web facilement ?

Vous envisagez de créer votre site web et vous cherchez comment mener à bien cette tâche ?

Baleez a le plaisir de vous annoncer que vous êtes au bon endroit et va vous présenter ici le processus pour concevoir votre site. Votre prestataire souhaite à travers cet article vous apporter l’essentiel à connaître. Nous allons donc voir ensemble étape par étape comment arriver à votre objectif final.

Cependant, même en allant à l’essentiel, beaucoup d’informations seront apportées ici alors n’hésitez pas à :

• Prendre des notes
• Mettre en favoris cette page pour y revenir ultérieurement
• Utiliser le sommaire pour une meilleure navigation
• Prendre un bon café 😉

Ce tutoriel s’adresse à toute personne désirant créer un simple site web. Peu importe votre niveau, votre expérience, nous allons voir ensemble les bases depuis le début. Baleez vous souhaite un bon tuto !

Comment définir la solution adéquate pour votre futur site web ?

Avant même d’envisager de créer de votre site web, vous devez réfléchir à la technologie que vous devez utiliser. Il existe plusieurs outils permettant de concevoir des sites, certains sont très techniques, d’autres moins. Vous avez globalement le choix entre deux possibilités.

Dans le cas où un site web codé à la main est plus la solution à votre besoin, Baleez vous conseille de faire appel à un professionnel. Il faut en effet de véritables compétences en langages de programmation pour réaliser ce type de site.

En revanche si votre besoin est standard, votre prestataire vous conseille d’utiliser un CMS pour créer votre site web. Baleez est d’ailleurs spécialisé sur le CMS WordPress et c’est justement dessus qu’est basé ce tutoriel.

Comment faire pour créer un site web sur WordPress ?

WordPress est le CMS (système de gestion de contenu) N°1 au monde et il est utilisé par de très nombreux sites web. Cet outil permet de créer un site sans connaissances particulières en code (bien qu’en avoir est un atout non négligeable). Vous pouvez grâce à WordPress ajouter votre contenu de manière aisée et gérer facilement votre site web.

WordPress est conçu pour vous permettre de vous focaliser véritablement sur votre site et moins sur la technique. Cet outil gratuit peut s’apparenter comme un logiciel où toutes les fonctionnalités de bases nécessaires pour créer un site web y sont regroupés. C’est notamment le cas de l’interface d’administration complète qu’offre par défaut le CMS WordPress.

Ne perdons pas de temps et lançons nous !

Le nom de domaine et l’hébergement du site web

Avant de créer un site web, il est indispensable de réserver votre nom de domaine et votre hébergement (possible chez un même prestataire) pour que votre site soit en ligne.

Bien choisir son offre

Il existe plusieurs offres d’hébergement sur le marché marocain et Baleez vous conseille de bien les comparer. Voici quelques points principaux à vérifier avant :

• Domaine (souvent compris la première année) et sous-domaines
• Serveur mutualisé, dédié, VPS, cloud
• Performance (RAM, limite mémoire, etc.)
• Certificat SSL (pour passer votre site en version sécurisé HTTPS)
• Capacité espace web (plus votre site est volumineux, plus il faut prévoir une capacité de stockage importante)
• Nombre de bases de données comprises (peut servir si vous prévoyez d’avoir plusieurs sites hébergés sur votre hébergement)
• Boîte e-mail professionnelle, capacité et nombre
• Sauvegarde quotidienne et restauration
• Installation module en 1 clic (WordPress, Joomla!, PrestaShop, etc.)
• Assistance

Il existe des hébergeurs très connus tels que Nindohost, ADK Media, Cap connect ou encore OVH. Il est conseillé d’opter pour une offre payante afin de bénéficier d’un serveur plus performant.

Si votre besoin de site web est standard et que vous prévoyez un nombre de visiteurs modéré, un serveur mutualisé (que vous partagez avec d’autres sites) avec une capacité d’espace web de 50 Go devrait suffire. Si vous envisagez un accès FTP (pour transférer des fichiers sur votre serveur), optez plutôt pour un hébergeur classique. Cela vous permettra à la fois d’installer WordPress, avoir un accès à vos fichiers et profiter de plus de liberté sur la gestion de votre hébergement.

Enfin, pensez à vérifier que le nom de domaine, le certificat SSL et la boîte e-mail professionnelle sont compris.

Vous souhaitez plus de conseils sur les hébergements web ?

N’hésitez pas à consulter l’article de Baleez qui vous explique qu’est-ce qu’un hébergeur web et comment le choisir au mieux.

Procédure de réservation

À partir d’ici, Baleez va vous présenter des captures d’écrans qui sont faites directement depuis l’hébergeur 1&1. Les procédures présentées ici devraient être similaires chez les autres hébergeurs et facilement applicables à votre cas. Il est conseillé d’opter pour la réservation de votre nom de domaine et de votre hébergement en même temps pour plus de simplicité.

Choisissez à ce stade le nom de domaine que vous souhaitez (sous réserve de disponibilité). Vous pouvez choisir une extension comme le « .ma » (national pour viser le Maroc) ou des génériques comme le « .com » « .net » « .org » et bien d’autres encore. Une fois le nom de domaine choisi, continuez la procédure de réservation et prenez les options qui vous semblent essentielles (si elles vous sont proposées).

Une fois votre commande passée, vous avez accès à votre espace personnel où vous pouvez gérer votre compte, nom de domaine, hébergement, etc.

Comment installer WordPress sur l’hébergement du site web ?

Les hébergeurs proposent désormais d’installer très facilement WordPress. Si vous avez choisi un hébergeur spécialisé WordPress, vous n’avez normalement pratiquement rien à faire. En 2 – 3 clics, vous devez pouvoir accéder à votre interface d’administration et pouvoir envisager de créer votre site web.

Dans le cas où vous avez choisi un hébergeur classique, la plupart proposent d’installer également plusieurs modules, CMS en quelques clics (dont WordPress).

Suivez la procédure d’installation du module WordPress jusqu’à arriver au choix de vos accès pour l’interface d’administration du site (et non de l’hébergement).

Arrivé à ce stade, vous devez normalement choisir à quel nom de domaine vous souhaitez rattacher votre site WordPress. Vous devez avoir la possibilité de sélectionner celui que vous avez choisi lors de la réservation de l’hébergement web. Une fois l’installation du CMS terminée, connectez-vous à votre interface d’administration WordPress à l’aide de l’identifiant et du mot de passe que vous avez précédemment choisi.

La gestion du site web depuis l’interface d’administration

Votre site WordPress est enfin installé, félicitations ! Il reste cependant du travail pour le mettre au goût du jour et cela commence par quelques paramétrages. Après vous être connecté, vous êtes censé être sur l’interface d’administration de votre site (également appelé dashboard).

Vous pouvez gérer entièrement votre site depuis votre dashboard. Baleez va vous montrer les grandes étapes pour démarrer à bien la création de votre site web.

L’administration de votre site se fait principalement depuis le menu vertical sur la gauche. Il se peut également que certains paramétrages se fassent aussi depuis la barre horizontale du dessus. Sur le menu vertical gauche, vous retrouvez plusieurs onglets qui permettent une gestion poussée de votre site sur tous les aspects (technique, esthétique, etc.). Parcourons-les ensemble afin de voir à quoi ils servent.

Notez que vous avez ici une interface très épurée et c’est la version par défaut de WordPress quand il est installé sur un nouveau site. Elle devrait évoluer selon les éléments à intégrer par la suite comme par l’ajout d’un nouveau thème, de nouvelles extensions, etc. Les onglets de « moindre » importance seront volontairement sautés pour aller à l’essentiel, mais n’hésitez pas à tous les passer en revue 😉

Paramétrages généraux

Général

Rendez-vous tout d’abord dans l’onglet « Réglages » section « Général » et vérifiez les informations que vous y trouvez. C’est ici que vous pouvez modifier la langue de votre site (interface d’administration) dans le cas où il n’est pas installé par défaut en français ou en arabe. Il est conseillé également de changer le format de la date (par défaut en F j, Y) par un format en j F Y ou encore d/m/Y. Le format de l’heure peut également être modifié si vous préférez opter pour un autre affichage.

De manière générale, lorsque vous effectuez des modifications dans votre dashboard WordPress pensez toujours à les enregistrer avant de quitter la page (bouton généralement en bas).

Lecture

Passons à la section « Lecture ». Il y a un élément très important à prendre en compte et à venir paramétrer dans cette section.

Avant cela, il faut savoir qu’initialement WordPress a été conçu pour réaliser des blogs. Cependant, les temps ont changé et désormais il peut servir à créer tout type de site web. Seulement, il reste dans l’interface WordPress quelques vestiges du passé et il est paramétré par défaut pour un affichage en mode blog et c’est justement dans la section « Lecture » que vous pouvez changer cela.

Sauf si vous souhaitez que votre page d’accueil recense vos articles de blog, vous pouvez ici sélectionner quelle page vous souhaiter afficher pour l’accueil de votre site.

Enfin, vous pouvez remarquer une case concernant l’indexation de votre site par les moteurs de recherche. Il ne faut surtout pas cocher cette case si vous souhaitez que votre site soit visible sur le web.

Permaliens

Quelques ajustements importants sont également à faire dans la section « Permaliens ». Par défaut, WordPress propose une structure personnalisée, mais il est conseillé de sélectionner « Titre de la publication » afin d’avoir des URLS mieux optimisées. Profitez-en également pour changer le préfixe des catégories (juste en dessous) si vous prévoyez de publier des articles de blog.

Par défaut, le préfixe est en anglais (category), mais vous pouvez par exemple le remplacer par « catégorie ». Avec ces ajustements, vous aurez ainsi des URLS qui reflètent le contenu de vos pages.

Il est recommandé aussi de choisir la bonne structure de vos liens avant même d’envisager de créer votre site web. Si vous le faites par la suite cela risquera de causer des désagréments sur votre référencement naturel si ce n’est pas fait correctement.

L’installation du thème

Rendez-vous désormais dans l’onglet « Apparence » section « Thèmes ». Le point central de WordPress est bien évidemment le thème ! Vous pouvez constater que le CMS installe par défaut pour vous plusieurs thèmes dont un qui est activé (le Twenty Twenty-One) à l’heure où ces lignes sont rédigées.

Les finalités des thèmes sont nombreuses d’autant plus qu’il en existe de toutes sortes, pour tous les besoins, des gratuits ou payants, des généralistes ou spécialisés, etc. L’objectif ici est plus de vous montrer où se passe la sélection d’un thème sous WordPress. Très brièvement, un thème permet de gérer l’agencement, la structure ou encore le design de votre site internet.

Si vous souhaitez en savoir un peu plus sur les thèmes et celui que Baleez utilise pour la conception des sites des clients, n’hésitez pas à consulter la page Divi pour y découvrir le thème le plus populaire au monde. Pour ce tutoriel, restons sur le thème installé par défaut sur WordPress : le Twenty Twenty-One.

Si vous avez déjà une idée du thème que vous souhaitez ou que vous voulez parcourir d’autres thèmes disponibles, cliquez sur le bouton « ajouter » juste au-dessus du thème activé. Une bibliothèque comportant tout type de thème sera présentée pour que vous puissiez faire votre choix. Il ne vous restera plus qu’à choisir celui qui répond le mieux à votre besoin.

Bibliothèque WordPress ou plateformes

Les thèmes qui vous sont présentés depuis la bibliothèque officielle WordPress sont des thèmes totalement gratuits. Ils peuvent également être freemiums (gratuit au départ, mais payant pour débloquer plus de fonctionnalités).

Il est possible de passer par d’autres plateformes pour vous fournir votre thème et l’une des plus connues est : ThemeForest. Depuis ces plateformes, ces thèmes sont souvent payants (premiums) et souvent de meilleure qualité ou plus complets que ceux qui sont gratuits.

Pour importer un thème qui ne vient pas de la bibliothèque WordPress, vous avez juste à cliquer sur « Téléverser un thème » et suivre la procédure. Attention cependant à toujours acheter et importer des thèmes de qualités et reconnus (avis positifs, nombre d’installations élevé, etc.). Cette remarque est également valable pour les extensions que nous allons voir un peu plus bas dans le tutoriel.

La construction du menu

Maintenant que vous êtes arrivés à ce stade pour créer votre site web, nous allons passer à la construction d’un menu de navigation. Cela se passe depuis l’onglet « Apparence » section « Menus ».

Il est recommandé de réfléchir au contenu que vous souhaitez intégrer sur votre site et de le catégoriser par thématiques. Une fois que vous avez vos thématiques, étudiez comment vous souhaitez répartir cela sur votre site, en combien de pages web, etc. Vous pouvez à partir de là définir toutes les pages que vous souhaitez.

Par défaut, WordPress prévoit une « sample page » et c’est celle que l’on voit ci-dessus. Dans ce tutoriel, le menu a été nommé « principal » et les pages souhaitées y ont été ajoutées depuis le menu de gauche. En l’occurrence ici, il n’y a qu’une seule page : la « sample page » de WordPress.

Étant donné que vous n’avez pas encore ajouté à ce stade les pages que vous souhaitez, il est conseillé de cocher la case « Ajouter automatiquement les pages de premier niveau à ce menu ». Cela vous permettra d’ajouter automatiquement les nouvelles pages conçues à votre menu sans intervention de votre part. Dans le cas où vous souhaitez gérer vous-même l’ajout des pages à votre menu, il faudra penser à venir dans cette section pour ajouter manuellement les nouvelles pages.

Il est également possible à travers cette section d’ajouter des sous-menus. Il faut pour cela faire un glissé-déposé du contenu souhaité vers la page parent en effectuant un décalage pour que l’imbrication se fasse.

Enfin, il vous est possible d’ajouter plusieurs menus. Cela peut être pratique si vous souhaitez un menu d’en-tête différent d’un menu de pied de page (ce n’est qu’un exemple).

L’ajout de pages et articles

Pages

Nous avons désormais configuré les bases indispensables pour démarrer à bien la création du site web. Passons désormais à l’ajout de nouvelles pages ou d’articles de blog. Considérons pour ce tutoriel que nous réalisons un site de type vitrine simple.

Rappelez-vous, nous n’avons pas défini les articles de blog par défaut pour la page d’accueil. Cependant, le processus d’ajout de page est assez similaire à celui des articles de blog donc pas d’inquiétude à avoir dessus. Pour ajouter la première page de votre site web, rendez-vous dans l’onglet « Pages » et cliquez sur « Ajouter ».

Afin de rester simple et concis, les constructeur de pages (page builder) ne seront pas utilisés pour ce tutoriel. Un constructeur de pages est un outil permettant de construire ses pages et son design, ajouter des fonctionnalités de manière simplifiée. Il en existe plusieurs sur le marché dont les plus célèbres sont le Divi builder (qui est compris pour les sites des clients de Baleez) et Elementor.

Par défaut, WordPress est livré avec un éditeur visuel : Gutenberg. Cet éditeur permet à lui seul de construire ses pages, mais pas de manière aussi poussée qu’avec un page builder. Gutenberg permet donc de construire vos pages en WYSIWYG qui peut être traduit par : ce que vous voyez est ce que vous obtenez.

Vous voyez ainsi les opérations que vous réalisez s’afficher instantanément à l’écran sans écrire la moindre ligne de code.

Modules et personnalisation

Depuis le panneau d’administration sur la gauche, vous avez la possibilité d’ajouter différents modules depuis Gutenberg. Il est par exemple possible d’ajouter des paragraphes, titres, tableaux, images, fichiers, boutons, etc. Une fois que vous cliquez sur un module, celui-ci vient s’ajouter automatiquement sur votre page.

Vous pouvez également consulter les options de personnalisation qui s’offrent à vous depuis les paramétrages des modules. Pour vos textes par exemple, vous pouvez les personnaliser avec de la mise en gras, italique, justification ou encore de l’insertion de lien. N’hésitez pas à consulter aussi le panneau d’administration sur la droite qui est composé de deux sections : « Page » et « Bloc ».

Concernant la section « Bloc », elle vous permet de personnaliser un peu plus vos blocs (modules) notamment les couleurs, tailles de textes, hauteurs de lignes, bordures pour les images, etc. La partie « Page » quant à elle vous permet de gérer les aspects généraux de votre page comme par exemple :

• Visibilité publique, privée ou protégé par mot de passe
• Planification de votre publication à l’heure et à la date de votre choix
• Changement d’URL (si vous avez suivi la partie permaliens de ce tutoriel, vous ne devriez pas en avoir besoin)
• Image mise en avant (utile pour un meilleur affichage dans les résultats de recherches mobiles notamment)
• Commentaires (plus adapté pour des articles de blog)

Une fois votre page terminée, vous aurez soit la possibilité de la passer en brouillon soit de la publier immédiatement en cliquant sur « Mettre à jour » (en haut à droite). Enfin, il vous est également possible de prévisualiser votre page avant de la publier à vos visiteurs (en haut à droite également).

Articles

Le processus d’ajout d’articles étant très similaire à celui des pages, abordons plutôt directement les catégories. L’une des différences notables entre les pages et articles de blog ce sont les catégories. Les articles eux sont obligatoirement catégorisés selon des thématiques que vous définissez alors que les pages ne le sont pas.

Pour ajouter une catégorie vous pouvez soit vous rendre en amont dans « Articles » > « Catégories » ou bien directement lors de l’ajout de l’article en question. Voici un exemple d’article de blog automatiquement ajouté par WordPress. Vous pouvez constater que contrairement à une page, un article comporte des métadonnées comme sa catégorie, sa date de publication, son nombre de commentaires, son auteur, etc.

La personnalisation du thème

Chaque thème WordPress dispose d’un customizer qui permet plus ou moins de personnaliser les paramétrages généraux de votre site (selon les possibilités offertes par le thème). Dans le cadre de ce tutoriel, le site est conçu avec le thème par défaut Twenty Twenty-One. De votre côté, vous pouvez vous rendre sur votre tableau WordPress et cliquer sur « Aller sur le site » pour accéder au customizer.

Une fois sur votre site, vous devrez être désormais sur votre page d’accueil (que vous pouvez définir depuis « Réglages » > « Lecture » pour rappel).

Depuis la page d’accueil, vous pouvez accéder à l’outil de personnalisation de votre thème en cliquant sur « Personnaliser » en haut à gauche.

Depuis l’outil de personnalisation, plusieurs possibilités s’offrent à vous. Vous pouvez par exemple :

• Ajouter votre logo
• Gérer vos couleurs, votre menu (c’est ici que le menu créé depuis le dashboard a été ajouté), votre en-tête et pied de page, etc.
• Ajouter du code additionnel

Bien d’autres possibilités sont à explorer. Veuillez noter également que selon chaque thème, le customizer peut être différent. Certains vous offrent en effet plus de flexibilité et d’autres moins, d’où l’importance de bien choisir un thème adapté à son besoin.

Si vous souhaitez appliquer les mêmes modifications à toutes les pages de votre site, il est conseillé de passer par le customizer. Cela vous évitera de devoir passer par chaque page et une par une pour appliquer ces changements.

La gestion des commentaires

Il vous est possible si vous le souhaitez de recevoir des commentaires de vos visiteurs sur vos publications (pages, articles de blog). C’est cependant bien plus courant sur les articles et votre dashboard dispose d’un onglet « Commentaires » que vous pouvez consulter.

Vous pouvez à partir de cet onglet gérer tous les commentaires postés par vos visiteurs. Cette gestion vous permet notamment de :

• Approuver et désapprouver
• Répondre
• Apporter des modifications
• Classer en indésirable
• Supprimer

Dans le cas où vous ne souhaitez pas recevoir de commentaires sur l’ensemble de vos publications, rendez-vous dans « Réglages » > « Commentaires » pour désactiver la possibilité d’en ajouter. Si vous souhaitez les désactiver pour une seule publication, cela est possible lors de l’ajout de la publication en question à travers le panneau d’administration.

L’installation d’extensions

WordPress par défaut permet déjà de réaliser beaucoup de choses pour son site internet, mais le CMS grâce à son principe open source donne la possibilité d’aller encore bien plus loin. Les extensions (plugins) font intégralement partie du paysage WordPress. Elles permettent d’ajouter à votre site toutes sortes de fonctionnalités dont vous pourriez avoir besoin.

Comme pour les thèmes, vous avez la possibilité de choisir parmi les extensions proposées depuis la bibliothèque officielle WordPress. Vous pouvez également téléverser sur votre site une extension que vous auriez achetée sur une autre plateforme par exemple.

Les extensions sont indispensables pour la bonne santé de votre site. Étant donné qu’il en existe un très grand nombre, il est vivement conseillé de bien les sélectionner avant de les ajouter. Vous pouvez pour cela vérifier les avis, notes, nombres d’installations actives, fréquence des mises à jour, etc.

Veillez également à installer uniquement des extensions dont vous avez vraiment le besoin. Baleez vous recommande d’installer à minima celles qui sont essentielles à tous sites internet (sécurité, SEO, sauvegarde, 404, SSL pour le HTTPS, etc.).

Comment un professionnel peut vous accompagner pour la création de votre site web ?

Ce tutoriel touche à sa fin 🙂

Il reste cependant important de partager avec vous quelques points essentiels à savoir avant d’entamer la création de votre site web. Nous avons vu ensemble les grandes lignes pour démarrer la conception d’un site sous WordPress.

Votre prestataire a choisi de rester focalisé sur l’essentiel pour rendre ce tutoriel le plus accessible possible et au plus grand nombre. Beaucoup d’autres points n’ont pu être abordés ici, car il faudrait encore beaucoup d’autres articles pour traiter le sujet de la manière la plus complète possible. Dans le cas où vous voulez aller plus loin dans la conception de votre site et que vous ayez besoin d’une véritable solution professionnelle avec un très beau design, de bonnes performances, une bonne structure de site, faire appel à un développeur web reste nécessaire.

Nous n’avons vu ensemble que les aspects généraux les plus simples. Pour mener véritablement à bien un projet WordPress, de véritables compétences sont nécessaires. Votre prestataire Baleez est là pour vous accompagner et peut vous proposer une solution web professionnelle clé en main alors n’hésitez pas à prendre contact sans plus attendre.