Construire son site

Je devine ta question.
Alors concrètement comment je crée le site de mon entreprise ?

Nous aborderons ici la réalisation d’un site sous WordPress depuis son installation, sa personnalisation et point primordial sa sécurité.

Ce que tu vas apprendre

Débutant

Intermédiaire

Pourquoi choisir WordPress ?

  • C’est l’outil de gestion de contenu utilisé par 60% des sites dans le monde.
  • Solution indépendante, ce que tu réalises t’appartient. De plus, personne ne viendra mettre la publicité d’un concurrent au milieu de tes pages.
  • Ton site évoluera en fonction de tes besoins.
  • Bonus : Et ce qui ne gâche rien : il est gratuit

Voici deux exemples de sites réalisés sous WordPress :

capture d'écran de newyorker.com

The New Yorker, journal

capture de htarchitecte.com

HTA, architectes

L’installation de Dashlane pas à pas

Comme tu t’en apercevras très vite, tu vas devoir créer de nombreux comptes avec des noms à coucher dehors. Dashlane conserve tes mots de passe et te connecte automatiquement. C’est un vrai gain de temps.

L’installation de Gmail détaillée

Autant avoir une adresse Gmail tout de suite car Google propose de nombreux outils gratuits et accessibles uniquement avec une adresse Gmail.

Bon assez de billevesées. Après cette petite pause, taïaut, taïaut, chevaliers du digital, à l’attaque.

picto articles débutants
Débutant

La première chose à faire est d’héberger ton site.

Héberger son site et installer WordPress

Nous allons commencer par l’hébergement de ton site, l’installation de WordPress et les paramétrages comme créer une adresse e-mail personnalisée.

Aujourd’hui, ton site ressemble à cela.

theme wordpress twenty seventeen

Tu remarques que ce n’est pas tout à fait une coquille vide car un article et un commentaire de démonstration sont déjà présents.

Passons dans les coulisses.

Premiers paramétrages

Nous allons exécuter les premiers paramétrages qui nous permettront  une première prise en main de WordPress.

Si tu n’es pas versé dans la magie occulte des images, je vais te dévoiler quelques secrets qui te faciliteront la vie.

Créer les images de ton site

Tu vas découvrir où trouver des images pour illustrer ton site et la façon de les optimiser pour un chargement plus rapide.

Passons enfin à la partie visible de ton site.

Personnaliser le thème Twenty Seventeen

Il s’agit d’utiliser toutes les possibilités qu’offre le thème en terme de personnalisation : logo, image principale, menus, barre latérale et pied de page.

WordPress est évolutif grâce aux extensions qui ajoutent des fonctionnalités.

Ajouter une extension

Installer une extension est très simple. Je te montre comment.

Nous allons passer à une étape primordiale : la sécurité.

Assurer la sécurité de ton site

Tu vas installer un antivirus et 3 extensions pour sécuriser ton site, le sauvegarder et ajouter la barre concernant les cookies.

Il va falloir désormais remplir ce site. Il ne va quand même pas rester vide éternellement.

L’organisation de ton site en silos va permettre de faciliter le travail de Google et l’accès à l’information de tes lecteurs.

Comment organiser ton site

Tu réalises le plan de ton site en déterminant les thématiques abordées.

Nous enchainons directement avec la réalisation de la page la plus vue d’un site : la page d’accueil.

Le contenu de ta page d’accueil

Nous aborderons la mise en page, la rédaction du contenu et les principales rubriques.

Ajouter un formulaire de contact

Intégrer un formulaire de contact est un jeu d’enfant qui ne prend que quelque minute à l’aide de l’extension Contact Form 7.

Mes félicitations l’ami. Tu viens de finir la section débutant (avec brio). C’est une victoire car désormais tu l’as ton site. Avant de passer à la partie intermédiaire, je te suggère de réaliser tes premières actions pour attirer des visiteurs.

picto articles intermediaires

Intermédiaire

Nous débutons la section intermédiaire par la personnalisation au-delà de ce que permet le thème.

Modifier les CSS de ton thème

Avant tout, il faut créer un thème enfant.

Les CSS de ton thème gèrent  l’apparence des titres et des textes, des boutons, de la barre latérale et du pied de page. Tu vas également pouvoir masquer la mention WordPress.

Pour aller plus loin, tu peux découvrir SiteOrigin CSS. Cette extension permet de visualiser en direct les modifications apportées aux CSS de ton thème. Il est particulièrement recommandé pour structurer facilement toutes les tailles de polices et leurs formats.