Créez votre premier site web avec WordPress

Bonjour à tous !

Ça fait longtemps que vous voulez créer votre site web mais vous ne savez pas comment commencer !

Utilisez WordPress !

L’outil le plus populaire qui va vous permettre de lancer votre premier site web.

Comment installer WordPress sur votre serveur ? Comment le configurer et comment l’utiliser ?Comment avoir un site web à votre image ?

Allez, c'est parti !

« WordPress vous permet de créer un site en quelques minutes ».

C'est une belle promesse ! 

Mais que se cache-t-il derrière cet outil le plus populaire ? comment fonctionne-t-il en pratique ? Est-ce que vous allez vraiment pouvoir installer votre propre site web et le personnaliser comme vous voulez ?

Oui bien sûr !

Votre site web est votre image de marque, nous allons dérouler ensemble la conception d'un site créé avec WordPress. 

Sachant qu’il y a différents types de sites :

• Les sites vitrines, institutionnels, e-commerce
• Les blogs, les réseaux sociaux, les forums, les wikis
• Les applications : intranet, extranet, CRM, LMS, les comparateurs
• Les moteurs de recherche, les annuaires, les portails 

La conception d’un site passe par 3 étapes :

• Arborescence
• Wireframe
• Maquette

Ces étapes sont choisies arbitrairement.

Ce que propose une arborescence ?

L’arborescence permet de voir 3 choses :

• Les sujets du site / Fonctionnalités : L’arborescence présente les sujets traités par le site. Cela peut être également la liste des fonctionnalités.
• Les pages du site : comment va -t-on découper le site en pages.
• Le menu du site : Comment répartir les pages sous forme de menu.

Imaginons le site d’une boulangerie en ligne !

Dans ce cas on va avoir comme sujets et fonctionnalités sur ce site :

• Les menus du jour
• Les nouveautés, les informations et les news.
• La possibilité de réserver de passer une commande en ligne.
• La possibilité de prendre contact et de pauser les questions par le client via un e-mail.

De ce fait, les pages du site seront :

• Un accueil
• Une page des actualités
• Un Contact
• Une réservation
• Une présentation de la société
• Des mentions légales qui est une page obligatoire pour définir qui a créé le site, qui la produit ou si le site est hébergé.

Le menu du site qui définit les intitulés :

• Welcome
• Menu
• Réservations
• Contact
• Réseaux sociaux
• Mentions légales

Remarquons que les informations relatives à la société ne figurent pas dans le menu de départ.

Voyons par la suite comment présenter notre arborescence : 

Cette arborescence est classique pour nous permettre de visualiser et d’avoir l’étendue des pages à fournir. 

Les six pages crées permettent de visualiser les idées du site. 

Une fois on a saisie au départ ces idées, on doit savoir choisir les boutons de la page.

Par la suite, on passe par le wireframe; une pré-maquette qui va nous donner une idée de ce qu’on veut avoir comme page d’accueil.

On prend à titre d’exemple la page d’accueil d’une boulangerie sous forme de wireframe, on aboutit alors au résultat suivant :

Sur cette page, le logo est mis sur la gauche, le menu en haut, et à droite les boutons des réseaux sociaux.

Au centre on trouve, le slogan et un bouton d’interaction « call to action » qui est placé en bas de la page pour permettre l’échange avec l’internaute.

Une fois l’arborescence, les différentes fonctionnalités et le Wireframe sont terminés, on peut passer à la partie design pour se préparer à l‘étape suivante qui est la maquette.

 La maquette est le visuel définitif sur lequel on va pouvoir travailler le site.Voici notre site avec une image en plein écran derrière avec les icônes des réseaux sociaux, le menu au centre et le logo sur la gauche : 

🚫 Toutes ces étapes sont appliquées sur toutes les pages définies dans l’arborescence.

Avec tous ces éléments notre conception est terminée. 😉

Au plaisir de vous revoir dans la suite de la formation 🙂 !

En fait pour utiliser WordPress, découvrez avec votre formateur Sandy RAZAFITRIMO tous les détails relatifs à cet outil extrêmement populaire avec la formation vidéo Réussir votre site web avec WordPress 

À la fin de ce cours, vous saurez : 

• Différencier les types de sites web.
• Découvrir CMS et WordPress.
• Savoir installer WordPress et découvrir son interface complète.
• Démarrer un projet et suivre comment installer un site de la conception jusqu'au déploiement sur un serveur.
• Découvrir les bonnes pratiques à employer sur WordPress.

Je vous invite aussi à découvrir la formation vidéo PHP – MVC et Apprendre comment créer un site en MVC en POO.