Comment créer un site web avec WordPress pour débutants

par | 27 Oct 2024 | A la une, Web Design | 0 commentaires

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

Créer un site web professionnel est aujourd’hui indispensable pour les coachs, thérapeutes, et entrepreneurs indépendants qui souhaitent développer leur activité en ligne. WordPress est l’une des plateformes les plus accessibles et flexibles pour bâtir un site sans connaissances approfondies en codage. Dans ce guide complet, vous découvrirez comment créer un site WordPress étape par étape, en utilisant l’hébergeur Infomaniak et le thème Divi. En suivant ces étapes, même les débutants pourront concevoir un site professionnel, personnalisé et optimisé pour le SEO.

Pourquoi choisir WordPress ?

WordPress est un CMS (système de gestion de contenu) qui permet de créer, gérer et organiser facilement le contenu d’un site web, sans nécessiter de compétences techniques. Puissant et polyvalent, il est idéal pour les entrepreneurs et entrepreneuses, offrant une flexibilité incomparable.

  • Flexibilité et personnalisation : WordPress propose de nombreux thèmes comme Divi ou Elementor, qui permettent de personnaliser l’apparence du site pour refléter l’identité de marque de manière professionnelle.

  • Le Divi Builder : un outil de création intuitif : Le Divi Builder, un outil intégré au thème Divi, est un constructeur de pages visuel qui rend la création de pages simple et intuitive. Grâce à une interface “glisser-déposer”, il permet de concevoir des mises en page complexes sans toucher au code. Avec Divi, les utilisateurs peuvent ajouter des éléments dynamiques, ajuster les couleurs, les polices, et organiser les sections de manière flexible pour un site unique.

  • Large choix de plugins : Les plugins étendent les fonctionnalités de votre site. Par exemple, Yoast SEO optimise le référencement et WooCommerce facilite la vente en ligne.

  • Simplicité d’utilisation : WordPress est accessible même aux débutants, notamment grâce à sa facilité d’accès et ses outils simples d’utilisation, qui permettent de concevoir un site professionnel rapidement.

  • Communauté francophone : WordPress est soutenu par une communauté active en Suisse romande, avec des forums, tutoriels en français, et une assistance dédiée, facilitant ainsi l’apprentissage et le développement de compétences pour les nouveaux utilisateurs.

Pour toutes ces raisons, il devient facile de créer un site web avec WordPress.

 

Installer WordPress sur votre hébergement Infomaniak

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

Pourquoi créer un site web avec WordPress chez Infomaniak ?

Infomaniak est un hébergeur suisse réputé pour sa qualité, sa sécurité, et son engagement écologique. Voici comment installer WordPress sur cet hébergement.

  • Créer un compte sur Infomaniak : Rendez-vous sur le site d’Infomaniak, créez un compte et choisissez une offre d’hébergement.
  • Accéder à l’espace client : Une fois connecté, allez dans le panneau d’administration et sélectionnez “Hébergement web.”
  • Installer WordPress en un clic : Infomaniak propose une installation automatique de WordPress.
  • Configurer WordPress : Une fois l’installation terminée, accédez au tableau de bord sur “votresite.com/wp-admin.”
  • Choisir la langue et configurer les réglages de base : Réglez la langue en français et ajustez les paramètres de base (fuseau horaire, URL, etc.).

Choisir et installer le thème Divi

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

Le thème Divi est habituellement payant mais est inclus gratuitement avec l’installation de WordPress chez Infomaniak, ce qui en fait un choix économique et pratique pour les débutants. Pour l’activer, rendez-vous dans votre tableau de bord WordPress, cliquez sur Apparence > Thèmes. Le thème Divi y est déjà installé : cliquez simplement sur Activer pour l’utiliser sur votre site. En plus de Divi, plusieurs autres thèmes (comme Twenty Twenty-One ou Twenty Twenty-Three) sont préinstallés et peuvent être activés de la même manière.

Pour ceux qui souhaitent explorer d’autres options, il est possible d’installer des thèmes supplémentaires, qu’ils soient gratuits ou payants. Il suffit de télécharger le fichier ZIP du thème choisi depuis un site spécialisé, puis de retourner dans le tableau de bord WordPress, d’aller dans Apparence > Thèmes > Ajouter, puis de cliquer sur Téléverser un thème et de sélectionner le fichier ZIP. Cliquez ensuite sur Installer et sur Activer pour commencer à l’utiliser.

Pour créer un site web avec WordPress, le thème Divi reste un excellent choix pour débuter, grâce à son interface intuitive et à sa flexibilité visuelle. Une fois activé, explorez le Divi Builder, l’outil de personnalisation de mise en page intégré, qui vous permet d’ajuster facilement les couleurs, les polices, et les éléments visuels pour adapter le site à votre style et à votre marque.

Installer les plugins essentiels pour votre site

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

Les plugins ajoutent des fonctionnalités essentielles à votre site. Voici comment installer les plugins les plus importants pour les entrepreneurs en Suisse romande.

  1. Se connecter au tableau de bord WordPress :

    • Connectez-vous à votre tableau de bord WordPress en allant sur votresite.com/wp-admin.
  2. Accéder à la bibliothèque de plugins :

    • Dans le menu latéral, cliquez sur Extensions > Ajouter.
    • La bibliothèque de plugins WordPress s’ouvre et vous permet de rechercher et installer les plugins souhaités.
  3. Procédure d’installation des plugins recommandés :

    • Yoast SEO :

      • Recherche : Dans la barre de recherche, tapez “Yoast SEO.”
      • Installation : Cliquez sur Installer puis Activer une fois le téléchargement terminé.
      • Configuration initiale : Une fois activé, un guide de configuration vous aide à paramétrer les réglages de base pour optimiser le SEO de chaque page et article.
    • WP Rocket (plugin premium) :

      • Téléchargement : Achetez et téléchargez WP Rocket depuis le site officiel, car il n’est pas disponible dans la bibliothèque gratuite de WordPress.
      • Installation manuelle : Retournez dans Extensions > Ajouter et cliquez sur Téléverser une extension. Sélectionnez le fichier ZIP de WP Rocket téléchargé, puis installez-le et activez-le.
      • Configuration : Après l’activation, allez dans le tableau de bord WP Rocket pour configurer les réglages de cache, qui amélioreront la vitesse de votre site.
    • Contact Form 7 :

      • Recherche : Dans la barre de recherche, entrez “Contact Form 7.”
      • Installation et activation : Cliquez sur Installer puis sur Activer.
      • Création d’un formulaire : Allez dans Contact > Ajouter nouveau pour créer un formulaire de contact. Vous pouvez personnaliser les champs de formulaire selon vos besoins.
    • UpdraftPlus :

      • Recherche : Tapez “UpdraftPlus” dans la barre de recherche.
      • Installation et activation : Cliquez sur Installer puis sur Activer.
      • Configuration des sauvegardes : Allez dans Réglages > Sauvegardes UpdraftPlus pour configurer les options de sauvegarde automatique. Vous pouvez définir une fréquence de sauvegarde (quotidienne, hebdomadaire) et choisir où stocker vos sauvegardes (Google Drive, Dropbox, etc.).
  4. Vérification :

    • Une fois chaque plugin installé et configuré, assurez-vous que tous les réglages sont en place et que les plugins fonctionnent correctement en testant les formulaires, la vitesse de chargement et les sauvegardes.

Personnaliser votre site WordPress

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

Voici comment effectuer les principales modifications dans Divi pour aligner votre site avec votre charte graphique et votre identité de marque :

  • Modifier les couleurs et les polices : Dans le tableau de bord WordPress, accédez à Divi > Options du thème > Général. Ici, vous pouvez définir les couleurs principales et les polices pour tout le site. Pour des modifications plus précises, utilisez Divi Builder directement sur chaque page : cliquez sur l’icône en forme de pinceau pour ajuster les couleurs, les tailles de police, et autres éléments visuels.

  • Configurer le menu de navigation : Allez dans Apparence > Menus depuis le tableau de bord WordPress. Sélectionnez les pages principales (Accueil, À propos, Services, Contact) et ajoutez-les au menu principal pour une navigation intuitive. Dans Divi, vous pouvez styliser ce menu en accédant à Divi > Personnaliser > En-tête et Navigation > Barre de navigation principale.

  • Ajouter des widgets : Les widgets se trouvent dans Apparence > Widgets. Vous pouvez y ajouter des éléments comme des boutons de réseaux sociaux, un formulaire de newsletter, ou des témoignages clients. Avec Divi, placez-les dans des sections personnalisées ou dans les barres latérales.

  • Configurer le pied de page : Pour configurer et styliser le pied de page, allez dans Divi > Personnaliser > Pied de page. Ici, vous pouvez ajouter les informations de contact, les liens vers vos réseaux sociaux, et autres détails essentiels. Vous pouvez aussi utiliser le Divi Builder pour personnaliser davantage le pied de page avec des blocs visuels et des widgets supplémentaires.

Ces options sont facilement accessibles et vous permettent d’ajuster rapidement les éléments clés du design pour un site unique et aligné sur votre identité de marque.

Créer vos premières pages

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

Pour créer les pages essentielles de votre site dans WordPress avec le thème Divi, suivez cette procédure étape par étape pour concevoir une structure cohérente et professionnelle. Ces pages sont cruciales pour présenter votre activité de manière claire et engageante.

Créer une page dans WordPress avec Divi

  1. Accédez au tableau de bord WordPress : Connectez-vous à votre tableau de bord WordPress et allez dans Pages > Ajouter.

  2. Nommer la page : Entrez le nom de la page (par exemple, Accueil, À propos, Services, Contact), puis cliquez sur Publier pour enregistrer la page.

  3. Utiliser Divi Builder pour construire la page :

    • Cliquez sur Activer Divi Builder pour ouvrir le constructeur de pages visuel.
    • Choisissez Commencer à construire pour créer une mise en page personnalisée. Vous pouvez soit démarrer avec une mise en page vierge, soit utiliser l’une des nombreuses mises en page prédéfinies de Divi.

Ajouter les premiers blocs et modules pour structurer la page

Divi propose trois types de blocs de base : les sections, les lignes, et les modules. Voici comment utiliser ces blocs pour structurer vos pages.

Exemple : Créer une Page d’Accueil

  1. Ajouter une section principale (Section standard) : Cliquez sur Ajouter une section et choisissez Section standard. Cela servira de conteneur pour vos lignes et modules.

  2. Ajouter une ligne : Après avoir ajouté une section, ajoutez une ligne à l’intérieur en sélectionnant la mise en page souhaitée (par exemple, une colonne ou plusieurs colonnes). Pour une page d’accueil, une mise en page en deux colonnes peut être utile pour combiner texte et image.

  3. Ajouter des modules à la ligne :

    • Module Texte : Dans la première colonne, ajoutez un module Texte pour introduire votre activité ou présenter un slogan. Tapez votre texte, puis utilisez les options pour ajuster les couleurs, les polices et l’alignement.
    • Module Bouton (Call-to-Action) : Dans la deuxième colonne, ajoutez un module Bouton. C’est ici que vous pouvez insérer votre call-to-action, par exemple « Découvrez nos services » ou « Contactez-nous ».
  4. Module Image : Vous pouvez également insérer un module Image pour ajouter un visuel accrocheur, tel qu’une photo ou un logo.

  5. Personnaliser les sections et les modules : Utilisez Divi Builder pour personnaliser les couleurs, les polices et les espacements de chaque module afin de les aligner avec votre charte graphique.

Créer d’autres pages essentielles

  1. Page À propos :

    • Ajoutez une section avec un module Texte pour présenter qui vous êtes et votre mission. Vous pouvez y inclure une brève biographie, votre expérience, et ce qui vous distingue.
    • Ajouter un module Image pour une photo professionnelle de vous ou de votre équipe.
  2. Page Services :

    • Ajoutez une section et une ligne avec plusieurs colonnes pour lister vos services. Utilisez un module Texte dans chaque colonne pour décrire brièvement chaque service.
    • Pour chaque service, vous pouvez ajouter un module Bouton pour que les visiteurs puissent en savoir plus ou vous contacter directement.
  3. Page Contact :

    • Ajoutez un module Texte pour vos coordonnées (adresse, téléphone, email).
    • Utilisez Contact Form 7 pour créer un formulaire de contact simple.
    • Ajoutez le formulaire en intégrant un module Code dans Divi et en collant le code du formulaire Contact Form 7 (court-circuit).
    • Ajouter un module Carte pour indiquer votre emplacement si cela est pertinent pour votre activité.

Personnaliser chaque page avec Divi Builder

Pour chaque page, Divi vous permet de personnaliser les marges, les couleurs, et la typographie. Dans les options de chaque module, ajustez les éléments visuels pour créer un design harmonieux, en accord avec votre identité de marque.

Ces étapes vous aideront à construire un site attractif, fonctionnel, et en parfaite cohérence avec votre activité.

Conclusion

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

L’optimisation SEO (Search Engine Optimization, ou optimisation pour les moteurs de recherche) est un ensemble de techniques qui aide Google à comprendre et à bien positionner votre contenu dans les résultats de recherche. Un bon SEO améliore la visibilité de votre site et attire du trafic qualifié. Pour une approche détaillée du SEO, n’hésitez pas à consulter notre article dédié au SEO.

  • Rédiger du contenu riche en mots-clés : Identifiez des mots-clés pertinents pour votre activité et intégrez-les naturellement dans votre contenu. Évitez toutefois la sur-optimisation, car cela peut nuire à la lisibilité et à l’expérience utilisateur.
  • Utiliser Yoast SEO : Le plugin Yoast SEO vous guide pour optimiser chaque page en ajustant le titre, la méta-description, et le contenu, de manière à être bien référencé par les moteurs de recherche.
  • Optimiser les images : Réduisez la taille de vos images pour un chargement rapide et ajoutez un texte alternatif (ou balise alt) pour décrire le contenu de chaque image aux moteurs de recherche.
  • Créer des liens internes : Connectez vos articles et pages pour encourager les visiteurs à explorer davantage de contenu sur votre site, ce qui augmente leur temps de visite et peut améliorer le référencement.

Ces étapes contribuent à rendre votre contenu accessible et attractif pour les moteurs de recherche, tout en apportant de la valeur ajoutée pour vos lecteurs.

Tester et publier votre site

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

Avant de lancer le site, assurez-vous que tout fonctionne parfaitement.

  • Vérifier la navigation mobile : Assurez-vous que votre site est responsive et fonctionne sur smartphone et tablette.
  • Tester les formulaires : Assurez-vous que le formulaire de contact fonctionne en effectuant un test.
  • Tester les liens : Vérifiez que chaque lien fonctionne correctement.
  • Faire une dernière vérification SEO : Validez le score SEO de chaque page avec Yoast.
  • Mettre le site en ligne : Publiez votre site une fois les vérifications terminées !

Conclusion

image d'article du blog deviens numérique représantant Le marketing digital, ommunity management, gestion des réseaux sociaux, création de contenu, identité visuel, communication

Créer un site WordPress avec Infomaniak et le thème Divi est une démarche accessible même pour les débutants. Suivre ce guide vous permet de bâtir une présence en ligne forte, d’attirer de nouveaux visiteurs et de consolider votre activité en ligne.

Image représentant le programme Later qui permet de gérer les tous les réseaux en une seul app
Visuel représentant l'hébergeur Infomaniak, et son affilier Deviens Numérique.

Apprenez à parler en public ou devant une caméra

Vous souhaitez être à l’aise devant un public ou une caméra ?

Apprenez à parler et présenter votre contenu de manière professionnelle avec cette formation vidéo en ligne.

Que ce soit pour vos vidéos sur les réseaux sociaux ou vos présentations en direct, maîtrisez l’art de captiver votre audience.

La méthode pour des prises de paroles réussies…

Prenez le contrôle de votre image, inscrivez-vous maintenant !

 

Image représentant la formation en ligne "Parler en public" - EPNLL - Valéry Comte

Related Articles

Suivez les toutes dernières actualités

Inscription à la newsletter

Restez à la Pointe du Digital : Inscrivez-vous à Notre Newsletter

Suivez-nous sur les réseaux sociaux

Rejoignez notre communauté, suivez-nous dès maintenant !