Dans ce guide, je vais vous montrer comment la plupart des développeurs Web construisent leurs sites et comment éviter les outils coûteux, souvent trop limités pour un site plus complexe.
Je vous aide également à éviter certaines erreurs que les débutants commettent souvent.
La première chose à faire est de choisir la plate-forme de site Web sur laquelle vous allez construire votre site Web. Il y a beaucoup de différents CMS (systèmes de gestion de contenu) parmi lesquels choisir la bonne plateforme est une priorité absolue.
Il existe une multitude de plateformes de création de sites Web gratuites que vous pouvez utiliser, mais ces sites Web gratuits ne sont pas intéressants à long terme. Vous êtes limité à utiliser leur propre hébergement et leur propre sous-domaine (votresiteweb.domainegratuit.com).
Il existe des centaines de plateformes de création de sites Web et de outils de sites Web sur le marché.
WordPress, Wix, Joomla, Drupal… Pour n’en nommer que quelques-uns.
Vous pouvez également coder votre site Web à partir de zéro, mais je ne le recommanderais pas principalement pour deux raisons:
- Cela prend trop de temps
- Votre résultat final sera médiocre à son meilleur…
Mais lequel choisir?
Jetons un coup d’œil à ces statistiques récentes :
Comme vous pouvez le constater sur le graphique ci-dessus, en 2019, les plateformes de construction de sites Web (ou systèmes de gestion de contenu) les plus populaires sont:
- WordPress (gratuit) 52%
- Wix (payé) 7%
- Joomla (gratuit) 4%
- Progress Sitefinity (gratuit) 4%
- SquareSpace (payant) 4%
- Weebly (payé) 2%
Voici pourquoi la plupart des gens utilisent WordPress pour créer un site Web
Contrairement aux Website Builder , c’est totalement gratuit.
WordPress est la plate-forme la plus simple, mais elle est suffisamment flexible pour convenir à tous: sites Web de petites entreprises, boutiques en ligne, grandes organisations, etc.
Mais la plus important:
- WordPress vs HTML & CSS: Apprendre le HTML à partir de zéro peut prendre 6+ mois, sans parler de CSS et PHP. Avoir une connaissance de base du langage HTML peut vous aider à évaluer les choses plus rapidement, mais si vous souhaitez créer un site Web en un jour ou deux, apprendre le langage HTML n’est pas une option viable.
- WordPress vs Website Builder: Les Website Builders sont chers et souvent très limités. Ils sont bons pour les sites Web d’une page, mais pas plus.
- WordPress vs Joomla / Drupal: WordPress est tellement plus convivial que les autres CMS telque Joomla ou Drupal.
Pour les débutants, je suggère fortement de s’en tenir à WordPress.
ÉTAPE 1 : Obtenez un hébergement Web et enregistrez un nom de domaine
Pour configurer votre WordPress (ou tout autre type de site Web), vous aurez besoin de deux choses:
- Nom de domaine (une adresse Web comme nomsite.com)
- Hébergement Web (un service qui connecte votre site à Internet)
Afin de stocker vos images, votre contenu et vos fichiers de site Web, vous allez avoir besoin d’un hébergement Web. Sans hébergement Web, votre site Web ne sera pas visible sur Internet.
Posséder votre propre nom de domaine semble bien plus professionnel que d’avoir votre site sur le domaine de quelqu’un d’autre (comme tonsiteweb.my-free-website.com), et c’est aussi très abordable.
La plupart des fournisseurs d’hébergement proposent des domaines GRATUITS pendant un an.
En un mot – sans hébergement Web ni nom de domaine, votre site Web n’existerait pas.
Voici comment vous inscrire auprès d’un fournisseur d’hébergement Web (et enregistrer un nom de domaine si vous ne l’avez pas encore).
1. Allez sur VSP TECH (ou sur n’importe quel autre hébergeur)
2. Choisissez votre plan d’hébergement de site Web
Une fois que vous avez cliqué sur «commencer maintenant», vous serez dirigé vers une page pour sélectionner le plan d’hébergement de votre choix.
- Student Hosting
- Standart Hosting
- Best Hosting
- CMS Hosting
Si vous avez un budget, vous pouvez utiliser le plan «Best Hosting». C’est idéal pour les sites plus petits avec peu ou pas de trafic.
Toutefois, si vous souhaitez évoluer ou attendre davantage de trafic sur votre site Web, je vous recommande de choisir le forfait «Deluxe». C’est vraiment illimité.
Quel que soit votre choix, vous pouvez ultérieurement mettre à niveau ou rétrograder en fonction de vos besoins.
3. Choisissez un nom de domaine
Si vous n’avez pas encore de nom de domaine, voici un point de départ facile:
- Si vous créez un site Web pour votre entreprise, votre nom de domaine doit correspondre à celui de votre entreprise. Par exemple: votrenomentreprise.com
- Si vous envisagez de créer un site Web pour vous-même, votrenom.com peut être une excellente option.
Pour ce site, j’ai choisi softnet.fr puisque le thème du site est les astuces et Téléchargement.
Les noms de domaine se terminent généralement par .com, .org, .cm ou .net, mais au cours des derniers mois, un nombre considérable d’extensions de domaine ont été publiées, allant de .agency à .pizza. .
Mon meilleur conseil ? Évitez les extensions étranges et utilisez .com, .net ou .org à moins qu’ils ne décrivent parfaitement ce que vous avez à offrir – et même ensuite, voyez si vous pouvez trouver un nom plus commun.
4. Remplissez les détails de votre compte
Pour créer votre compte, entrez simplement vos informations personnelles sur la page « créer mon compte ».
Vous devrez ajouter votre nom d’utilisateur, adresse électronique et choisir un mot de passe, puis cliquez sur Créer un compte pour continuer.
5. Vérifiez les informations de votre forfait et terminez votre inscription
La prochaine étape pour vous inscrire à un compte Godaddy consiste à choisir votre nom de domaine et compléter le formulaire de l’inscription.
Ce sont les dernières étapes à franchir avant la création de votre compte. Vous y êtes donc presque…
Il vous suffit de choisir la durée de votre enregistrement d’hébergement Web et vous êtes prêt à partir.
Je vous recommande d’obtenir une protection de la confidentialité du domaine. Ceci garde vos informations d’inscription complètement cachées du public. Personne ne peut savoir que vous êtes le propriétaire de votre domaine.
6. Créez votre mot de passe et connectez-vous à GoDaddy.
ÉTAPE 2 : Configurer votre site Web
Une fois que vous avez acheté votre nom de domaine et mis en place votre hébergement, vous êtes sur la bonne voie!
Il est maintenant temps de lancer votre site Web. La première chose à faire est d’installer WordPress sur votre domaine.
Installer WordPress
Créer une base de données.
Pour installer WordPress manuellement, connectez-vous à votre cPanel pour gérer votre hébergement.
Cliquez pour créer une base de données MySQL pour votre site web.
Donnez un nom à la base de données et créez un utilisateur qui accompagnera la base de données. Marquez le nom de la base de données, le nom d’utilisateur et le mot de passe de l’utilisateur – vous en aurez besoin plus tard.
Téléchargez les fichiers WordPress.
Téléchargez la dernière version de WordPress à partir de WordPress.org et décompressez les fichiers. En utilisant votre gestionnaire de fichiers pour votre compte d’hébergement ou un client FTP comme FileZilla, téléchargez tous les fichiers WordPress sur l’hôte de votre site Web.
Téléchargez FileZilla par ici.
FileZilla nécessite trois paramètres pour ouvrir une connexion avec votre serveur d’hébergement :
- IP de serveur ou Hote
- nom utilisateur ou identifiant
- mot de passe
Ces trois paramètres sont fournis par l’hébergeur (généralement envoyé par email).
Lorsque vous avez fini de télécharger les fichiers, vous devriez avoir une structure de dossiers semblable à celle-ci:
Pour la dernière étape, accédez à un navigateur Web et visitez votre site Web, quel que soit le nom de domaine que vous avez choisi. Le processus d’installation devrait commencer automatiquement, pour commencer sélectionner une langue.
Entrez vos informations d’identification.
Rappelez-vous ces informations d’identification qu’on a créé plus tôt? Voici où vous en aurez besoin. Entrez le nom de la base de données, le nom d’utilisateur et le mot de passe de l’utilisateur dans les zones appropriées. La plupart des hôtes utiliseront localhost pour le nom d’hôte. En cas de doute, votre hébergeur peut vous fournir ces informations. Continuez l’installation.
Définir le nom d’utilisateur et le mot de passe.
Ici, vous définissez le nom d’utilisateur et le mot de passe que vous utiliserez pour vous connecter à votre nouveau site Web WordPress. C’est une bonne idée d’utiliser un nom d’utilisateur autre que «admin».
Ceci est le nom d’utilisateur par défaut, et augmente donc les chances que votre site soit piraté plus tard. Donnez un titre à votre site Web si vous le souhaitez et continuez l’installation.
Voici comment changer le thème de votre site WordPress
Connectez-vous à votre tableau de bord WordPress
Si vous ne savez pas comment, tapez: https://votresite.com/wp-admin (remplacez «votre site» par votre domaine).
Voici à quoi ressemble le tableau de bord WordPress:
2.Ajouter des thèmes gratuits
Une fois sur le tableau de bord, vous avez accès à plus de 1500 thèmes gratuits! Cherchez simplement dans la barre latérale «Apparence», puis cliquez sur «Thèmes».
Essayer de passer un peu de temps à parcourir les thèmes gratuits. Beaucoup d’entre eux sont réellement très professionnels et bien faits;
Comme vous pouvez le constater, installer un nouveau thème pour votre site web est très simple.
Vous pouvez rechercher des mots-clés spécifiques et / ou utiliser des filtres pour trouver des thèmes qui correspondent à votre style. Trouver le thème parfait peut prendre un certain temps, mais cela en vaut la peine.
Vous devez également rechercher des thèmes «responsive», car cela signifie qu’ils seront adaptés à tout les appareils mobiles.
3. Installez votre nouveau thème
Une fois que vous avez trouvé un thème que vous aimez, l’installer est aussi simple que cliquer sur “Installer” puis sur “Activer”.
IMPORTANT: le changement de thème ne supprimera pas vos publications, pages et contenus précédents. Vous pouvez changer de thème aussi souvent que vous le souhaitez sans craindre de perdre ce que vous avez créé.
ÉTAPE 3: Ajouter du contenu sur votre site Web
Avec votre thème installé, vous êtes prêt à créer du contenu. Passons rapidement en revue quelques notions de base:
Ajout et édition de pages
Voulez-vous une page «Services» ou une page «À propos» ?
- Recherchez dans le tableau de bord de WordPress «Pages» -> «Ajouter».
- Vous trouverez un écran qui ressemble beaucoup à ce que vous avez peut-être vu dans Microsoft Word. Ajoutez du texte, des images et bien plus encore pour créer la page souhaitée, puis enregistrez-la lorsque vous avez terminé.
Ajout de pages au menu
Si vous souhaitez que votre nouvelle page soit liée à votre barre de navigation,
- Enregistrez les modifications que vous avez apportées à la page en cliquant sur « Publier« .
-
Cliquez sur «Apparence» -> «Menus» dans la barre latérale du tableau de bord WordPress.
- Recherchez la page que vous avez créée et ajoutez-la à la liste en cochant la case à côté de celle-ci, puis «Ajouter au menu».
Ajout et édition des articles
Si votre site est un blog, les “Articles” seront la prochaine étape. Vous pouvez utiliser différentes catégories pour regrouper des publications similaires.
Voici ce que vous devez faire:
Créez une nouvelle catégorie en allant à «Articles-> Catégories»
Une fois que vous avez créé votre catégorie, ajoutez-la simplement au menu!
pour créer un article aller au menu «Articles-> Ajouter», une page semblable à celle de la page vous permet de saisir votre nouveau article, ensuite attacher l’article à une catégorie précédemment créer et enfin publier l’article.
Editer la barre latérale
La plupart des thèmes WordPress ont une barre latérale à droite (dans certains cas, elle est à gauche).
Si vous souhaitez vous débarrasser de la barre latérale ou modifier des éléments inutiles tels que les catégories, les méta et les archives, qui sont généralement inutiles, voici comment:
- Allez à «Apparence -> Widgets» dans le tableau de bord WordPress.
-
À partir de là, vous pouvez utiliser le glisser-déposer pour ajouter différentes «widgets» à votre barre latérale ou pour supprimer les éléments non souhaités.
Il existe également une « zone HTML » – une zone de texte dans laquelle vous pouvez utiliser du code HTML.
