Daria Pichard

Présentation des moyens engagés pour la création du site

Cette page a pour objectif de détailler les moyens techniques, outils, extensions et compétences nécessaires pour la création de ce site web. Vous y trouverez une présentation des principaux éléments utilisés, ainsi qu’un aperçu des technologies et bonnes pratiques impliquées dans ce projet.

Qu’est-ce que WordPress et Divi ?

WordPress est un système de gestion de contenu (CMS) libre et open source, utilisé pour créer et gérer des sites web facilement. Il est très populaire grâce à sa flexibilité, sa simplicité d’utilisation et la richesse de son écosystème (thèmes, extensions, communauté).

Site officiel : https://wordpress.org

Documentation : https://wordpress.org/support/

Divi est un thème WordPress premium développé par Elegant Themes, qui intègre un constructeur de pages visuel, appelé Divi Builder. Ce constructeur permet de créer des mises en page complexes sans coder, grâce à une interface intuitive en glisser-déposer. Il facilite la personnalisation complète du design et la création rapide de pages responsives.

Page Divi sur Elegant Themes : https://www.elegantthemes.com/gallery/divi/

Documentation Divi Builder : https://www.elegantthemes.com/documentation/divi/

Hébergement et gestion de domaine avec Infomaniak

Infomaniak est un hébergeur suisse reconnu pour ses solutions d’hébergement web, gestion de domaines, certificats SSL, sauvegardes automatiques, et respect de la vie privée.

Site officiel Infomaniak : https://www.infomaniak.com

Documentation et support Infomaniak : https://faq.infomaniak.com/x

Interface de gestion kPanel : incluse dans l’offre Infomaniak

Extensions utilisées (avec liens complets)

Antispam Bee
Extension anti-spam protégeant contre les commentaires et rétroliens indésirables. Respect de la confidentialité.

Antispam Bee sur WordPress.org

Site officiel de pluginkollektiv

Page GitHub (source)

Bloom
Plugin d’opt-in email pour développer rapidement une liste de contacts.

Bloom sur Elegant Themes

Elegant Themes – page d’accueil

Documentation Bloom

Divi Builder
Constructeur de pages WordPress puissant et visuel.

Divi Builder sur Elegant Themes

Elegant Themes

Tutoriels Divi Builder

Divi Children
Création facile de thèmes enfants personnalisables pour Divi.

Site officiel Divi Children

Documentation Divi Children

Page WordPress.org

Easy HTTPS (SSL) Redirection
Redirection automatique vers HTTPS.

Plugin Easy HTTPS sur WordPress.org

Page officielle développeur Tips and Tricks HQ

Imsanity
Réduction automatique de la taille des images téléversées.

Imsanity sur WordPress.org

Documentation Imsanity

Instant Images
Importation rapide d’images libres de droits dans la médiathèque.

Instant Images sur WordPress.org

Page GitHub

Maintenance
Mode maintenance avec accès limité aux utilisateurs connectés.

Maintenance sur WordPress.org

Site Web WebFactory Ltd

Monarch Plugin
Plugin de partage sur réseaux sociaux.

Monarch sur Elegant Themes

Elegant Themes

Nested Pages
Interface glisser-déposer pour organiser et modifier facilement les pages.

Nested Pages sur WordPress.org

Site officiel Kyle Phillips

Site Kit de Google
Regroupe les services Google pour WordPress (Analytics, Search Console, etc.)

Site Kit sur WordPress.org

Site officiel Google Site Kit

Documentation Google

Smush
Compression et optimisation d’images pour améliorer les performances et le SEO.

Smush sur WordPress.org

Site officiel WPMU DEV

Documentation Smush

SVG Support
Permet le téléversement et la manipulation des fichiers SVG dans WordPress.

SVG Support sur WordPress.org

GitHub SVG Support

Wordfence Security
Sécurité complète avec pare-feu, scan et protection anti-malware.

Wordfence Security sur WordPress.org

Site officiel Wordfence

Documentation Wordfence

WordPress Importer
Importe le contenu d’un site WordPress via fichier d’export.

WordPress Importer sur WordPress.org

Documentation officielle

WP Super Cache
Plugin de cache rapide pour améliorer la vitesse de chargement.

WP Super Cache sur WordPress.org

Site officiel Automattic

Documentation WP Super Cache

WPCode Lite
Insertion facile d’extraits de code dans l’en-tête et pied de page.

WPCode Lite sur WordPress.org

Site officiel WPCode

Documentation WPCode

WPvivid Backup Plugin
Sauvegarde, migration et clonage de sites WordPress.

WPvivid Backup Plugin sur WordPress.org

Site officiel WPvivid

Documentation WPvivid

Yoast Duplicate Post
Clonage et réécriture simplifiée des articles et pages.

Yoast Duplicate Post sur WordPress.org

Site officiel Yoast

Documentation Yoast

Yoast SEO
Plugin SEO complet pour optimiser le référencement.

Yoast SEO sur WordPress.org

Site officiel Yoast

Documentation Yoast SEO

Moyens engagés pour la création du site

La réalisation de ce site nécessite une organisation rigoureuse et l’utilisation de différents outils techniques et humains :

Planification et conception : définition des objectifs, structure du site, design graphique et ergonomie.

Choix des outils et technologies : WordPress comme CMS, sélection des extensions pertinentes (sécurité, SEO, gestion médias, mise en page).

Développement et intégration : création des pages, configuration des plugins, personnalisation du thème, rédaction de contenu.

Tests et validation : vérification sur différents navigateurs, optimisation vitesse et accessibilité, correction de bugs.

Maintenance et mise à jour : suivi régulier, sauvegardes, mises à jour de sécurité, amélioration continue.

Compétences nécessaires

Maîtrise de WordPress (contenu, thèmes, extensions).

Connaissances en HTML et CSS.

Notions de PHP et MySQL.

Compétences en SEO.

Sens de l’ergonomie et du design.

Gestion de la sécurité web.

Résolution de problèmes techniques.

Structure technique du site

Frontend : HTML, CSS, JavaScript.

Backend : PHP.

Base de données : MySQL.

Thèmes et plugins pour personnalisation.

Serveur web hébergeant le site.

Outils d’analyse et optimisation (Site Kit, Yoast SEO).

Remerciements

Je tiens à remercier chaleureusement Monsieur Pichard Stéphane pour son partage d’expérience et son aide précieuse lors de la réalisation de ce site.