Introduction

La vidéo ci-dessus vous montre comment configurer Wordpress dans les grandes lignes. Lorsque vous l'aurez visionné, vous commencerez la conception de votre site en suivant les indications ci-après.

Mise en place du template et Responsivité

Choississez un template gratuit dans la bibliothèque de Wordpress et veillez à ce que celui-ci soit Responsive.

Le responsive design est une manière de concevoir un site web pour que son contenu s'adapte automatiquement à la résolution écran du terminal qui est utilisé pour le visionner. On peut également parler de site adaptatif.

Aujourd'hui, google pénalise fortement les sites internet qui ne sont pas responsives. Autrement dit, si votre site ne fonctionne pas correctement sur tablette et mobile, il sera moins présent dans les résultats de recherche de google.

Comment tester la responsivité ?

L'explication est donnée à la fin de la vidéo.

Pour rappel sur Google Chrome : CTRL + MAJ + i

Création du contenu

Voici à quoi ressemblera le menu de votre site. Chaque lien correspond à une page, sauf si il est mentionné "Lien #" (lien personnalisé pointant vers #).

Menu Principal (en haut du site) :

Accueil [lien vers une page]
Présentation [lien #]
- Mon profil (présentez vous et votre parcours, doit contenir à la fin de la page une google map pour vous situer) [lien vers une page]
- Mes compétences (présentez vos compétences) [lien vers une page]
- Mes projets au CESI (présentez les projets que vous avez effectués au CESI et y intégrer les PDF des livrables finaux) [lien vers une page]
- Mon projet de fin d'année (présentez votre PFE) [lien vers une page]
- Ma passion (présentez votre passion avec une galerie de photos défilantes)(et si vous n'avez pas de passion, inventez) [lien vers une page]
Contact (informations de contact, carte pour vous localiser et formulaire de contact qui vous notifie par email) [lien vers une page]
Assistance (page permettant de télécharger teamviewer et deux courtes procédures imagées pour expliquer comment l'installer et comment l'utiliser) [lien vers une page]

Menu de pied de page (en bas du site) :

Mentions légales (eh oui, parce qu'il faut respecter la RGPD !) [lien vers une page]

Tuto vidéo : créer un menu sur Wordpress et gérer son emplacement

Intégrer une carte google map

Pour intégrer une google map sur une page wordpress, il suffit de :

se rendre sur google map pour pointer un lieu
Partager > Intégrer une carte > Copier le code (cf image ci-après)
créer la page et passer l'éditeur en mode "code"
copier le code HTML de la google map (balise <iframe>) à l'endroit désiré

Les plugins à ajouter

Vous devrez également ajouter plusieurs extensions (plugins) à wordpress afin de répondre aux besoins suivants :

sauvegarder le site aux heures planifiées (fichiers et base de données)
permettre de restaurer une version antérieure du site
répondre aux exigences de la RGPD concernant l'utilisation des cookies sur les sites internets
répondre aux obligations de la CNIL (page Mentions légales)
le formulaire de contact doit pouvoir envoyer les informations renseignées par email à votre adresse
présenter les statistiques de visite de votre site

Aides supplémentaires

Modifier la taille autorisée pour les fichiers médias

Par défaut, wordpress vous autorise à uploader des Médias d'une taille de maximum 2Mo.

Wordpress Backoffice > Médias > Ajouter

Pour augmenter cette limite :

Clic gauche sur l'icône de WampServer dans la barre de notification de Windows
PHP > Configuration PHP > post_max_size > Sélectionner une autre valeur (64M par exemple)

Les services redémarrent et la limite est levée.

Que faire si mon extension ne fonctionne pas correctement ?

Si l'extension que vous avez installé et activée mais qu'elle présente certains bugs, réinstallez la.

Créer un site web avec le CMS WordPress