Comment créer un site web ?

intégrateur web

En 2021, n’importe qui peut créer un site Web sans rien savoir du développement Web, de la conception ou du codage.

Que vous souhaitiez créer un site Web pour vous-même ou pour votre entreprise, vous pouvez facilement le faire en utilisant les bons outils et ressources. Demandez conseil à un créateur de site Internet !

Ce guide de création de site Web vous aidera à créer un site Web à partir de zéro sans avoir à dépenser de l’argent pour des pigistes, des agences ou des créateurs de sites Web.

Tout ce dont vous avez besoin est de 1 à 2 heures de votre temps libre pour compléter le guide et créer un site Web.

Ce dont vous avez besoin pour créer un site Web
Nom de domaine (votre adresse Web personnalisée, www.YourSite.com)
Hébergement de site Web (service qui héberge votre site Web)
WordPress (plate-forme de site Web gratuite et couramment utilisée)
Pour créer un site Web entièrement fonctionnel, vous devrez sécuriser un nom de domaine (adresse Web) et un compte d’hébergement Web. Ces deux éléments garantissent que votre site Web est entièrement accessible aux autres. Sans l’un ou l’autre, vous ne pourrez pas créer de site Web.

Une fois que vous avez un domaine et un hébergement, vous pouvez créer un site Web WordPress. WordPress est la plate-forme de création de sites Web la plus populaire utilisée par 39% de tous les sites Web sur Internet.

La configuration d’un site WordPress est généralement un processus simple en un clic via votre service d’hébergement Web.

Une fois que vous avez terminé le guide, vous aurez un site Web entièrement fonctionnel en ligne, sur un nom de domaine personnalisé et entièrement accessible par d’autres.

Prêt? Commençons…

Table des matières (étapes pour lancer un site Web):
Choisissez un nom de domaine
Enregistrez un domaine et inscrivez-vous avec un hébergement Web
Configurer un site Web à l’aide de WordPress (via l’hébergeur Web)
Personnalisez la conception et la structure de votre site Web
Ajouter des pages et du contenu importants
Configurer un menu de navigation
Ajouter une boutique en ligne (facultatif)
Divulgation complète : ce guide est pris en charge par les lecteurs. Si vous cliquez sur nos liens, nous pouvons gagner une commission.

1. Choisissez un nom de domaine
Afin de créer un site Web, la toute première chose dont vous aurez besoin est un nom de domaine.

Le nom de domaine correspond au nom et à l’adresse de votre site Web. Cette adresse est utilisée par les visiteurs lorsqu’ils essaient de trouver votre site via leur navigateur Web.

Le nom de domaine de ce site Web est websiteetup.org . Le vôtre peut être n’importe quoi.

Les noms de domaine peuvent coûter de 10 $ à 50 $ par an. Le prix habituel est d’environ 15 $.

Si vous n’avez pas enregistré ou choisi de nom de domaine pour votre site Web, voici quelques conseils pour vous aider:

Si vous créez un site Web pour une entreprise , votre nom de domaine doit correspondre au nom de votre entreprise. Par exemple: YourCompanyName.com
Si vous envisagez de créer un site Web personnel pour vous-même, YourName.com peut être une excellente option.
Utilisez une extension de nom de domaine «générique» telle que .com , .net et .org si votre objectif est des visiteurs internationaux ou américains. Utilisez une extension de nom de domaine «locale» telle que .de , .fr ou .ru si votre objectif est les visiteurs ciblés par pays.
Ne vous inquiétez pas si votre nom de domaine préféré est déjà pris. Il y a plus de 300 millions de noms de domaine différents enregistrés, mais il existe encore un milliard d’autres possibilités.

Si vous n’avez pas encore de nom de domaine, il n’est pas nécessaire d’en enregistrer un.

Nous allons vous montrer comment obtenir un nom de domaine gratuitement la première année (étape 2):

2. Enregistrez un domaine et inscrivez-vous pour un compte d’hébergement Web
En plus d’avoir un nom de domaine, vous aurez également besoin d’un hébergement de site Web (hébergement Web).

L’hébergement Web est un service qui héberge et stocke les fichiers (contenu) de votre site Web sur un serveur sécurisé toujours opérationnel. Sans un hébergeur, votre site ne sera pas accessible aux autres pour le lire et le parcourir.

L’hébergement Web abordable et fiable pour les nouveaux sites Web coûte généralement entre 3 $ et 10 $ par mois. Moins d’une tasse de café, mais un investissement important pour le succès de votre site Web.

Quelle que soit la société d’hébergement Web avec laquelle vous vous inscrivez, assurez-vous qu’elle dispose des fonctionnalités suivantes:

Nom de domaine GRATUIT avec SSL (pour la sécurité)
Installation en un clic pour WordPress (gratuite)
Comptes de messagerie personnalisés
Bande passante illimitée ou illimitée (aucune limitation de trafic)
Support client, de préférence un chat en direct 24/7
Si vous trouvez un hébergement de site Web qui offre toutes les choses ci-dessus, vous avez probablement trouvé un bon fournisseur.

Nous vous recommandons d’utiliser Bluehost.com pour l’hébergement Web et les domaines. Ils offrent un enregistrement de domaine gratuit pour la première année et l’obtention d’un nom de domaine et d’un hébergement auprès de la même société vous permet d’économiser du temps et de l’argent.

Les plans d’hébergement Bluehost commencent à partir de 2,75 $ / mois avec notre lien de réduction et offrent toutes les fonctionnalités essentielles pour la mise en place d’un site Web.

1) Pour obtenir un compte d’hébergement Web, visitez simplement Bluehost et cliquez sur «Commencer maintenant».

Page d’accueil de Bluehost

2) Ensuite, choisissez votre plan d’hébergement Web (le choix plus est entièrement illimité, tandis que le basique est le meilleur pour les nouveaux sites):

prix et plans bluehost

3) Ensuite, choisissez et enregistrez un nom de domaine (gratuit la première année):

bluehost créer un nouveau domaine

Gardez à l’ esprit que Bluehost ne propose pas les fins de domaine spécifiques à chaque pays, comme .de, .frou .ru. Si vous en avez besoin, vous pouvez les acheter séparément sur Domain.com ou GoDaddy.com.

Si vous avez déjà un nom de domaine que vous avez acheté ailleurs, Bluehost vous permet de le connecter à votre nouveau plan d’hébergement. Certaines étapes supplémentaires seront nécessaires ici – comme la mise à jour de vos serveurs de noms . Voici un guide de Bluehost sur la façon de procéder.

4) Une fois que vous avez terminé votre processus d’inscription, il vous faudra quelques minutes pour obtenir un accès instantané, vous pouvez donc commencer à créer votre site Web immédiatement.

Écran de bienvenue Bluehost

3. Configurer le site Web WordPress (via l’hébergeur Web)
Une fois que vous avez votre nom de domaine et votre hébergement Web prêts à l’emploi, vous devrez choisir et installer une plate-forme de création de site Web (également appelée CMS ).

Nous vous recommandons de choisir WordPress car il est facile à utiliser et est livré avec des milliers de conceptions et de modules complémentaires gratuits qui donnent à votre site Web un aspect professionnel et unique.

La configuration de votre site Web WordPress est facile et votre hébergeur le fait principalement pour vous, vous n’avez donc pas vraiment à vous salir les mains.

Si vous n’utilisez pas Bluehost comme hébergement Web, ne vous inquiétez pas. De nombreux fournisseurs d’hébergement Web ont une «installation WordPress» située quelque part dans le cPanel d’hébergement. Si vous avez affaire à un hébergeur qui ne fournit pas «d’ installations en un clic », essayez de configurer WordPress manuellement .

1) Installation du site Web WordPress sur Bluehost
Connectez-vous à votre compte Bluehost
Cliquez sur «Mes sites» puis sur «Créer un site»Écran Bluehost My Sites lors de l’apprentissage de la création d’un site Web
Fournissez des informations de base sur votre site et l’installation de WordPress commencera. Tout se passera sur le pilote automatique.
Lorsque la configuration est terminée, Bluehost vous montrera les détails d’installation et de connexion. Assurez-vous de conserver ces informations dans un endroit sûr.
Détails d’installation de Bluehost

2) Testez votre site Web en tapant votre adresse de domaine
Avec WordPress installé, vous devez ensuite tester si tout fonctionne.

Le moyen le plus simple de le faire est de saisir votre nom de domaine dans le navigateur Web.

Avec WordPress correctement installé, vous verrez un site Web très basique comme celui-ci:

Comment créer un site Web: une nouvelle installation de WordPress

Si cela n’a pas l’air trop attrayant, ne vous inquiétez pas, vous apprendrez bientôt comment changer le design en quelque chose de plus attrayant.

3) Vérifiez les paramètres SSL / HTTPS
En bref, un certificat SSL garantit que votre site Web est livré à vos visiteurs en toute sécurité.

Bluehost ajoute automatiquement un SSL lorsque vous créez un nouveau site Web ou installez WordPress. Pour vérifier l’état SSL de votre site, procédez comme suit:

Connectez-vous à votre portail Bluehost
Cliquez sur «Mes sites»
Trouvez votre site et cliquez sur « Gérer le site »
Allez dans l’onglet «Sécurité»
Sous « Certificat de sécurité », vous trouverez votre statut « Certificat SSL gratuit »
Si tout s’est bien passé, vous devriez voir une icône de verrouillage à côté de votre nom de domaine dans le navigateur Web.

La configuration complète du SSL peut prendre quelques heures, mais cela ne devrait pas vous empêcher de continuer à créer votre site Web.

4. Personnalisez la conception et la structure de votre site Web
Avec votre site Web nu vivant et dynamique, il est maintenant temps de le faire sentir comme le vôtre en choisissant un joli design, en le personnalisant et en ajoutant des éléments de marque.

Commençant par:

1) Choisissez un thème pour votre site Web
Les thèmes WordPress sont des packages de conception prêts à l’emploi qui changent l’apparence de l’ensemble de votre site Web. Les thèmes WordPress sont interchangeables – vous pouvez facilement passer d’un thème à l’autre.

Plus important encore, il existe des milliers de thèmes WordPress gratuits et payants disponibles sur le Web.

thèmes wordpress populaires

Si vous souhaitez obtenir un thème gratuit – c’est là que la plupart des gens aiment commencer – le meilleur endroit où aller est le répertoire officiel des thèmes sur WordPress.org. En particulier, la section pour les thèmes les plus populaires .

Tous les thèmes que vous voyez là-bas se sont avérés être de grande qualité et ont de grandes bases d’utilisateurs derrière eux.

Vous êtes libre de parcourir cette liste et de choisir le thème de votre choix, mais pour accélérer les choses pour vous dans ce guide, nous vous recommandons Neve . C’est un thème polyvalent qui comprend une poignée de sites de démarrage (des packages de conception pour différentes niches et types de sites Web).

Nous allons utiliser ce thème dans ce guide à l’avenir.

2) Installez le thème que vous aimez
Accédez à votre interface d’administration WordPress. Vous pouvez le trouver sur YOURSITE.com/wp-admin. Utilisez le nom d’utilisateur et le mot de passe que vous avez obtenus lors de l’installation de WordPress.

Dans la barre latérale, accédez à « Thèmes → Ajouter un nouveau ».wordpress ajouter un nouveau thème
Dans la zone de recherche, tapez « Neve » et cliquez sur le bouton « Installer » à côté du nom du thème (vous devez passer la souris sur la boîte de thème):thème wordpress neve janvier 2021
Une fois l’installation terminée, cliquez sur le bouton «Activer» qui apparaîtra à la place du bouton «Installer».
Vous verrez un message de réussite, qui vous permet de savoir que l’installation s’est déroulée comme prévu.
3) Importer un design (uniquement pour les utilisateurs du thème Neve)
Bien que le thème soit actif à ce stade, il y a quelques autres choses que vous devez faire pour lui donner un aspect correct.

Vous verrez ce message de bienvenue:

nom de bienvenue

L’un des avantages de Neve est que vous obtenez non seulement un design, mais toute une gamme de designs différents parmi lesquels vous pouvez choisir. Cliquez sur le gros bouton bleu pour les voir.

neve sites

Il existe plus de 20 modèles disponibles gratuitement et couvrent la plupart des niches de sites Web populaires, telles que les entreprises, les restaurants, le fitness, la musique, la nourriture, les mariages, la photographie, le commerce électronique, les portefeuilles, etc. Fondamentalement, quel que soit le sujet de votre site, vous trouverez un package de conception qui vous convient.

Pour les besoins de ce guide, nous choisirons le premier de la liste, appelé « Original ».

Vous remarquerez que ce processus d’installation prend en charge tous les éléments dont vous aurez besoin sur votre site – vous obtenez la conception elle-même, tous les plugins nécessaires pour le faire fonctionner, ainsi que le contenu de démonstration que vous pourrez modifier ultérieurement.

Cliquez sur le bouton «Importer» pour que tout se passe. Après environ une minute, vous verrez le message de réussite.

succès de nom

Ensuite, allez dans «Apparence → Options Neve» pour voir ce que vous pouvez faire d’autre avec le thème.ne jamais commencer

Nous allons explorer certaines de ces options ci-dessous:

4) Ajouter un logo
La première chose que la plupart des utilisateurs souhaitent faire est de télécharger leur logo et de l’afficher dans le coin supérieur gauche du site. Faisons ça maintenant.

Vous pouvez bricoler un logo. Voici quelques – uns des outils que vous pouvez utiliser pour créer vous-même un logo.

Une fois que vous avez un logo prêt, vous pouvez l’ajouter à votre site. Allez dans «Apparence → Options Neve» et cliquez sur le lien intitulé «Télécharger le logo».

neve upload logo

Voici ce que vous verrez:

logo de personnalisation

Cette interface s’appelle WordPress Customizer et vous permet de modifier divers aspects de l’apparence de votre site Web. Pour commencer, vous pouvez télécharger votre logo. Pour ce faire, cliquez sur le bouton « Sélectionner le logo » qui se trouve près du coin supérieur gauche.

WordPress vous donnera la possibilité de recadrer le logo, mais vous pouvez l’ignorer.

logo ajouté

Vous devriez voir votre logo dans le coin de la page sous peu.

De plus, vous pouvez choisir d’afficher le nom du site et le slogan à côté du logo, et définir la largeur maximale du logo. Expérimentez avec ces paramètres et choisissez ce qui vous convient le mieux.

Cliquez sur le bouton «Publier» lorsque vous avez terminé (le coin supérieur gauche), puis cliquez sur le bouton «X» pour quitter le personnalisateur.

5) Modifier le schéma de couleurs et les polices du site Web
Une autre chose que vous pouvez expérimenter est de changer les jeux de couleurs et les polices utilisés sur le site. Au fur et à mesure que vous apprenez à créer un site Web, il s’agit d’une solution simple pour rendre votre site plus unique et plus en phase avec votre identité de marque.

Pour commencer, allez à nouveau dans «Apparence → Options Neve». Nous allons nous concentrer sur les deux options suivantes:Comment créer un site Web: changer les couleurs et les polices
Tout d’abord, cliquez sur « Définir les couleurs ».
La plupart des thèmes WordPress sont définis par le jeu de couleurs qu’ils utilisent pour divers éléments de la conception.
Le plus souvent, ce sont les couleurs des liens, des textes sur le site et des arrière-plans.
Vous pouvez modifier les attributions de couleurs pour le thème Neve via le personnalisateur.
Pour changer l’une des couleurs, cliquez simplement dessus et choisissez une nouvelle couleur.changer les couleurs
Cliquez sur «Publier» et «X» lorsque vous avez terminé.
La modification des polices fonctionne de la même manière:

Cliquez sur le lien «Personnaliser les polices» dans le panneau «Apparence → Options Neve».
Neve vous permet de choisir parmi tout un catalogue de polices système et de polices Google.
Cliquez simplement sur la case «Famille de polices» et sélectionnez la police que vous aimez.changer les polices
Après cela, vous pouvez affiner les polices individuelles utilisées pour vos en-têtes.
Expérimentez avec ces paramètres pour voir l’effet qu’ils ont sur votre site.

Pour personnaliser la police utilisée pour la section corps de votre site, cliquez sur le bouton fléché en haut à gauche.personnalisation du typographe
Cliquez sur « Général ». Cela vous mènera à un panneau d’options similaire, mais cette fois, vous ajustez la police du corps principal.
Cliquez sur «Publier» et «X» lorsque vous avez terminé.
6) Ajouter une barre latérale
Une autre chose que vous pouvez faire dans le panneau «Apparence → Options Neve» est de définir l’apparence de votre barre latérale. Cliquez sur « Contenu / Barre latérale » pour commencer.

Vous avez trois options principales ici: pas de barre latérale , barre latérale à gauche ou barre latérale à droite . La barre latérale à droite est la mise en page classique de la plupart des sites Web. Vous pouvez également définir la largeur du contenu. Après avoir effectué vos modifications, cliquez sur «Publier» et «X».

7) Ajouter des widgets (modules complémentaires WordPress gratuits)
Les widgets sont ces petits blocs de contenu qui apparaissent généralement dans les barres latérales des sites Web. Puisque nous venons de définir la barre latérale à l’étape précédente, personnalisons-la maintenant avec des widgets.

Pour configurer les widgets, accédez à «Apparence → Widgets». Vous verrez ceci:

widgets wordpress

Sur la gauche, vous pouvez voir tous les widgets disponibles; et sur la droite, il y a toutes les zones de widgets prises en charge par votre thème actuel. Pour ajouter un widget à la barre latérale, tout ce que vous avez à faire est de saisir le widget par la gauche et de le glisser-déposer dans la zone de la barre latérale.

Par exemple, si vous souhaitez lister toutes vos pages dans la barre latérale, saisissez le widget «Pages» et faites-le glisser dans la section de la barre latérale. Vous pouvez également configurer certains paramètres de base du widget.

8) Expérimentez avec le thème que vous avez construit
Ce que nous avons couvert ci-dessus vous suffira pour comprendre comment créer un site Web qui se démarque et semble original, mais il existe de nombreuses autres options disponibles.

Pour les voir tous, accédez à « Apparence → Personnaliser ». Cela lancera l’interface principale du Customizer avec tous ses paramètres et préréglages.

Comment créer un site Web: personnalisateur

Nous vous encourageons à parcourir ce qui y est disponible et à jouer avec certaines des options. Vous tomberez probablement sur certaines personnalisations dont nous n’avons pas discuté ici.

5. Ajouter du contenu / des pages à votre site Web
Les pages sont l’essence même de votre site Web. Il est difficile d’imaginer un site Web sans aucune page, non?

D’un point de vue technique, une page Web n’est qu’un document sur le Web. Ce n’est pas très différent de votre document Word traditionnel à part le fait qu’il contient les éléments de marque de votre site Web tels que l’en-tête et le pied de page.

Les pages Web sont faciles à créer dans WordPress. Mais avant d’entrer dans le mode d’emploi, discutons des pages que vous devez créer en premier lieu.

La plupart des sites Web trouveront les pages suivantes essentielles:

Page d’accueil – c’est la première page que vos visiteurs voient lorsqu’ils accèdent à votre site Web
À propos de la page – une page expliquant en quoi consiste votre site Web
Page de contact – une page permettant aux visiteurs de vous contacter
Page de blog – une liste de vos articles de blog les plus récents; si vous ne prévoyez pas de bloguer, vous pouvez utiliser la page du blog comme espace pour les actualités et les annonces de votre entreprise
Page Services – si le site Web que vous créez est destiné à une entreprise, utilisez cette page pour présenter vos services
Page de la boutique – pour les entreprises qui souhaitent lancer une boutique de commerce électronique
La plupart des pages ci-dessus auront une structure très similaire – la seule différence étant le contenu de la page réelle. Fondamentalement, une fois que vous aurez appris à créer une page, vous saurez comment les créer toutes. Avec cela, il y a une nuance ici, alors voyons maintenant comment créer quelques types de pages de base:

1) Créer une page d’accueil
Si vous utilisez Neve, votre page d’accueil ressemble à ceci:

Page d’accueil

Vous pouvez modifier la structure de cette page ainsi que les éléments qu’elle contient (tous les textes et images).

Pour ce faire, cliquez simplement sur le bouton «Modifier avec Elementor» dans la barre supérieure.

modifier avec Elementor

Ce que vous verrez est l’interface du générateur de page Elementor.

Comment créer un site Web: Elementor

Elementor est ce que nous appelons un constructeur de pages visuelles . Cela signifie que vous pouvez cliquer sur n’importe quel élément que vous voyez sur la page et le modifier directement. Par exemple, si vous souhaitez modifier le titre principal, cliquez simplement dessus et commencez à taper.

headline type

Si vous regardez la barre latérale gauche, il y a tout un panneau de personnalisation. Vous pouvez ajuster la structure et le style de n’importe quel bloc de contenu. Par exemple, voici ce que vous pouvez voir lorsque vous travaillez sur le titre: