Présentation du thème Skol-lp

Voici un thème (modèle de site) WordPress pour les lycées professionnels. Le contenu est fictif  mais basé sur l’observation de plusieurs sites du genre et de mon expérience avec différents LP. Au final vous êtes capable de tout modifier et d’appliquer votre propre logique si celle que je propose ici ne vous convient pas. Vous pouvez ainsi réorganiser les pages existantes ou en créer d’autres.

Le fonctionnement global est celui de WordPress en version classique (c’est à dire sans Gutenberg – le constructeur de page de WordPress – que je n’utilise pas). Ainsi vous pouvez créer des pages, des articles, des catégories, des galeries, des mots-clefs… J’ai rajouté au tableau de bord des rubriques supplémentaires. Les différents diplômes se retrouvent ainsi dans la section « formations ».

Quels sont précisément les atouts de ce thème ?

Un thème performant

Créer un site internet est devenu relativement « aisé » mais il est important de ne pas simplement considérer les apparences, et de regarder « sous le moteur »  les performances du thème. Un thème bien pensé et graphiquement efficace, n’est pas forcément performant et vice versa.

Un site internet trop lourd (on parle du poids des pages) pourra mettre plusieurs dizaines de secondes à se charger. Rares sont les internautes qui ont cette patience. Avec un réseau fibre, cela peut passer mais avec un réseau 3G ou 4G comme c’est souvent le cas, vous constaterez si un site internet est réellement performant ou non.


Les scores de la présente page :

  • Poids de la page = 742,50 Ko
  • Nombre de requêtes = 27
  • Temps total de chargement = 1, 06 s

Vous pouvez faire ce test sur le site PING DOM par exemple ou avec un simple clic’ droit « inspecter » > performances dans votre navigateur.

Sans rentrer dans les détails techniques voici les principes que j’applique pour livrer un thème performant :

  • Expliquer lors d’une formation rapide les règles d’optimisation  – notamment pour les images qui représentent généralement le plus grand pourcentage du poids d’une page;
  • Limiter avec un script php le poids des images téléchargées dans le dossier MEDIAS (1,25 Mo);
  • Utiliser un minimum de plugin (modules payants ou non qui s’ajoutent à WordPress);
  • Limiter le nombre de scripts et de fichiers de style;
  • Fichier unique du code de style (sass – css) et compressé (on dit « minifié »);
  • Les polices de caractères sont intégrées directement dans le thème –  Pas de google-font;
  • Garder WordPress en mode basique et désactiver le système Gutenberg de WordPress;
  • Configurer le fichier config.php de WordPress, pour garder une base de données légère.

Un rubriquage pour des établissements scolaire

La page d’accueil est composée de 3 parties :

  • Un patchwork avec 3 images de votre choix + la présentation de l’établissement;
  • Des pages du site mises en avant – Au choix;
  • Les dernières actualités publiées dans le blog.

Les formations sont un format d’article crée spécifiquement pour ce thème.
Elles se comportent comme les articles avec des catégories qui lui sont propres (secteur d’activité par exemple).
Il est aussi possible pour chaque formation d’ajouter un document à télécharger.

Les pages peuvent contenir des pages dites « enfants ». Ces dernières s’affiches dans l’ordre de publication sous le contenu de la page « parent ».

Un exemple : La page Le Lycée est la page parent et contient 2 pages-enfants (ou plus c’est vous qui gérez) à savoir La Lettre du proviseur et L’organigramme.

Le bas de page est composé de 3 parties :

  • Une section dédiée aux partenaires (La région, L’académie etc…). C’est vous qui gérez;
  • Une section avec le nom de l’établissement et vos réseaux sociaux;
  • Une dernière section avec l’adresse, les horaires et différents menus. Là aussi vous avez la main dessus.

D’autres fonctionnalités

La page de contact contient les champs classiques (nom, prénom, message etc…) avec une originalité : Il est possible de renseigner plusieurs mails selon l’interlocuteur désiré. Le mail n’apparaît pas directement dans la page, ce qui permet d’éviter les spams. Une fonctionnalité permet aussi de dérouter les robots qui voudraient remplir les champs automatiquement.

Partager cette page:
Article suivant

Page accueil- Différentes configurations