Introduction à WordPress, cette série de leçon a pour but de vous offrir une 1ere approche de la construction de site web, pour aller plus loin vous pouvez suivre une formation complète avec ou sans aide au financement
Les styles de sites
On va pouvoir distinguer de nombreux styles de site différents, avec chacun sa spécificité pour répondre aux besoins de l’édition.
On va commencer par distinguer certaines grandes familles : Les sites vitrines, le site E-commerces, les sites d’actualités (ou blog), les sites institutionnels (ou gouvernementaux), les WIKIS, et enfin les réseaux sociaux. Ensuite, on détaillera le contenu minimal nécessaire, qui comme on le verra peut-être commun aux différentes familles et qui comportent pour certaines des déclinaisons.
Le site vitrine
Il a pour but de renseigner et informer sur les contours de quelque chose qui a pied dans le réel ou simplement présenter une entreprise. Par exemple si je tiens une entreprise de maçonnerie, je vais pour présenter mon offre de service, ma tarification et les moyens de me contacter.
Le site vitrine est en quelque sorte le flyer numérique accessible à tous, ou ma carte de visite. C’est également ce qu’on appelle un site statique (avec peu de mouvement)
Déclinaisons possibles : Portfolio, CV numerique, Présentation de services ou de projet, présenter ma petite entreprise etc
Ces sites là peuvent être simples et comporter de 1 à 5 pages (dépendant de la quantité d’informations que vous souhaitez mettre)
Les Cérémonies de Sissy, (https://sissyceremonies.fr)
site de présentation d’une entreprise de création de cérémonies laïques.
La boutique E-commerce
Comme son nom l’indique, c’est un site internet dédié à la vente en ligne, on peut mettre en place un système de vente en complément de ma boutique physique, ou ne vendre qu’exclusivement sur le web.
Déclinaisons possibles : Vente en ligne de toutes tailles (Créateurs, artistes, multinationale …), réservation d’évènement (ticket de spectacle), Réservation hôtel/restaurant etc
RoseeCoton, (roseecoton.com) Site de vente en ligne de prêt à porter.
Les sites d’actualités (ou Blog)
On distingue des sous-familles ici, le site d’information peut être dédié à un thème ou à une entreprise afin d’informer les lecteurs des dernières nouvelles ou avancées majeures dans le domaine spécifié, le site d’information journalistique qui est la version online d’un journal papier ou peut-être exclusivement en ligne, et enfin le blog qui est plutôt l’actualité de l’auteur du site (tous les thèmes sont possible voyage, cuisine, politique sport etc).
C’est également ce qu’on appelle un site dynamique (avec beaucoup de mouvement -dans le sens des nouveautés)
Déclinaisons possibles : Journal d’information (thématique ou global), blog de vacances, Blog politique
Numerama (https:/numerama.com)
Site d’actualités high tech, sur des sujets aussi variés que l’intelligence artificielle ou le dernier ordinateur à la mode.
Les sites institutionnels
Qu’ils concernent les états, ONG, Associations ou les grandes entreprises, ils permettent de définir les contours de la législation en cours ou définir l’ensemble des champs de compétences d’une entités données. Et de prendre contact avec celles-ci.
Déclinaisons possibles : informations légales, accès à des documents, informations d’actions économique etc
Moncompteformation :
(https://www.moncompteformation.gouv.fr/)
Site dédié à la formation professionnelle en France, et la possibilité d’en choisir une selon ses droits acquis
Les wikis
Ce sont des sites un peu différents des autres car ils offrent la possibilité de collaborer et de partager ses compétences avec d’autres.
Déclinaisons possibles : Il y en a peu ils sont thématique ou généralistes
Fandom (https://www.fandom.com/)
Site dédié en l’entraide et au partage de passions grâce aux sous-sites thématiques (essentiellement Geek)
Les réseaux sociaux
Ces sites ont la vocation d’êtres communautaires, et de partager ses passions, ses avis et combines, ou de rentrer en relations avec d’autres personnes.
Déclinaisons possibles : Thématique (avec mastodon) ou généralistes (facebook), micro-blogging (twitter), dédié aux vidéos/images TikTok, instagram, pinterest etc),ou chat (discord)
Pinterest (https://www.pinterest.fr/)
Site de microblogging dédiés photos/vidéos
Maintenant que vous connaissez les différents types de site internet, vous allez pouvoir décider vers ou aller. Mais il faudra tout de même penser aux éléments indispensables qui constitueront votre site internet.
Les différentes mises en pages
Toute la force de WordPress est sa versatilité, offert par une technique extrêmement bien construite, mais pas forcément facile à prendre en main. Les outils que nous avons abordés à la leçon 2 avec le thème (Astra, Ocean Wp ou n’importe lequel autre judicieusement choisi) ou les extensions qui permettent la construction de page (Elementor, Divi, Gutenberg, ou encore là …n’importe lequel autre judicieusement choisi) vous permettront d’y arriver (n’hésitez pas à tester, beaucoup tester)
Chaque webmaster et entreprise décident au mieux du style de site pour les représenter, mais obéi tout de même aux codes graphiques dédiés à son domaine d’activité, (ainsi qu’à la législation en lien).
Les différents types de compositions possibles (qu’ils soient statiques ou dynamiques), attention liste non exhaustive, nous décortiquerons ces pages là au prochain chapitre.
Exemple n°1, le modèle standard :
Le plus courant, le site se compose de différentes pages avec chacune ses propres informations, le tout bien rangé avec un menu clair et lisible.
- Une page d’accueil résumant l’entreprise et l’offre de services
- Une (ou des) page(s) information(s) détaillées sur les offres et services
- Une page A propos ou Qui sommes-nous (ou similaire)
- Une page Contact
Utilisation conseillée : Site vitrine, site institutionnel
Voici un exemple glané sur le web
Salon de coiffure à Clermont-Ferrand │ Face Look Coiffure (face-look-coiffure.com)
Le page d’accueil du site standard, et des pages informatives sur les services, et les infos de contact. Le choix éditorial du contenu est libre et se compose ici de beaucoup de textes et des photos d’illustrations.
Exemple n°2, le site OnePage
Le OnePage est comme son nom l’indique tout sur une seule page, tout ce que le visiteur doit savoir est sur cette même page, les informations sont rangées par section au fur et à mesure du défilement vers le bas. Généralement ces sites sont très graphiques avec des animations, et des effets divers et variés.
Utilisation conseillée : Site vitrine, portfolio, évènement
Exemple glané sur le web
Creative9 – Development & Interactive Design
De haut en bas, on peut définir 6 « étages » (qui aurait pu être des pages)
- Accueil
- Qui Sommes-nous
- Domaines d’interventions
- L’equipe
- Réalisations
- Contact
Et le site fini par les informations légales
Pour d’autres exemples, je vous invite à aller sur le site d’où j’ai tiré cet exemple : » 50 sites web à page unique (marevueweb.com)
Exemple n°3, Le site d’actualités
La mise en forme du site sera dépendante des mises à jour que vous ferez, en théorie ils vont remplacer les pages offre de services, et vos réalisations. Mais compte tenu de la spécificité de ce genre de site, il faudra beaucoup de publications pour qu’il soit pertinent, et surtout en avoir besoin.
Utilisation conseillée : Blog, actualités, journal d’informations
La fille voyage
Le site est organisé autour d’articles que l’autrice écrit au cours de ses aventures, et en profite pour faire sa publicité sur ses compétences de dessinatrices. Son menu est organisé en fonction des catégories et des étiquettes qu’elle a créé c’est le propre d’un site dynamique,
Pour voir d’autres exemples de blog voyage >> Blog Voyage: Une Liste Des 30 Meilleurs blogs de Voyage Francophones (lesacados.com)
Nous avons vu la méthodologie de construction d’un blog, comment bien utiliser les étiquettes et les catégories (qui soit dit en passant, va avoir le même fonctionnement que pour la construction d’une boutique)
l’exemple n°4 : La boutique en ligne
La construction est similaire au blog d’actualité, à ceci prêt qu’il va y avoir la fonction de vente activé avec tout un tas de notions qu’il faudra intégrer, c’est un très long sujet qui ne sera pas abordé dans cet article, vous le retrouverez sur la leçon 5
Il reste une dernière famille de sites les WebApp, qui sont des sites dédiés aux mobiles voire des applications téléchargeables sur les stores (Google Play & AppStore). Les contenus sont variables, mais en réalités ils sont construits et pensés pour répondre aux exigences du petit écran. Dans le cadre d’une construction WordPress, nous ne l’aborderons pas, mais sachez qu’il y a des applications pour transformer n’importe quel site WordPress en application Html5 (WebApp)
Pour aller plus loin avec wordpress, vous devez vous orienter sur la formation complète
