MODIFICATIONS EFFECTUEES SUR LE WORDPRESS

MODIFICATIONS EFFECTUEES
SUR LE WORDPRESS
INTRODUCTION :
Le site internet que j’ai réalisé est un One Page de mon entreprise.
En effet, je suis graphiste autoentrepreneur, j’ai donc décider de le faire sur mon activité.
Afin d’avoir un site qui me ressemble parfaitement, je suis parti du thème gratuit Illdy puis je l’ai modifié
en partie grâce à Wordpress et grâce à Dreamweaver pour avoir une plus grande liberté de création.
MODIFICATIONS CSS :
Pour commencer, j’ai réalisé les modifications CSS directement depuis style.css de mon child theme, à l’aide
de Dreamweaver, mais aussi directement depuis le main.css de mon thème car j’ai eu la mauvaise surprise
de voir toutes les modifications disparaître après avoir réalisé sa mise à jour.
Ne soyez donc pas étonné de voir que le main.css ait les mêmes caractéristiques que mon style.css.
Pour être plus précis voici une liste chronologique de toutes les modifications que j’ai pu réaliser dans les
différentes sections.
- Changer la couleur du «Preloader»
- Changer la police d’écriture et sa taille du body et du menu
- Ajouter le logo de mon entreprise
- Mettre le nom de mon entreprise le plus souvent possible pour être mieux référencé (en titre de page ainsi
qu’en gros titre de présentation)
- Mettre un background différent dans les sections «A propos», «Créations professionnelles» et
«Contact». Background réalisé par mes soins pour que l’esthétique colle parfaitement avec mon style.
Backgrounds modifiés afin qu’ils soient adaptés différemment sur mobile
- Modifier les padding de certaines sections
- Modifier les différentes couleurs des écritures du formulaire de contact ainsi que les couleurs des cadres
pour les différents avertissements suite à des erreurs de saisie
- Modifier les border radius des cadres du formulaire de contact
- Ajouter une légère ombre pour les différents titres afin qu’ils soient toujours lisibles peu importe la résolution
l’écran
- Changer la couleur du hover des différents éléments cliquables.
- Modifier la taille des icônes des réseaux sociaux
- Modifier les différents éléments du site afin qu’il soit parfaitement responsive comme le menu, les titres,
les images, etc.
Thibault Jeannin
L3 Information et Communication
www.seazerdesign.com
1
MODIFICATIONS EFFECTUEES
SUR LE WORDPRESS
DIFFERENTES EXTENSIONS AJOUTEES :
- Contact Form 7: Formulaire de contact Wordpress
- Gallery by Supsystic: Galerie photo présente dans les sections «Créations professionnelles» et «Créations
personnelles» avec la possibilité de lier un compte Instagram directement et qui récupère les photos publiées.
- Illdy Companion : Extension à installer avec ce thème
- Jetpack
- Orbisius Child Theme Creator: Afin de pouvoir faire des modifications CSS sur un thème enfant du thème
initial
- Huge-IT Gallery: Afin de mettre la photo dans la section «A Propos»
- tarteaucitron.js
- To Top: Afin de mettre une flèche de «Retour en haut de page». Modifiée comme je le souhaitais directement
dans les réglages de l’extension avec la possibilité de la retirer sur mobile.
- Wordfence Security: Afin d’avoir une sécurité sur mon site internet
- Yoast SEO
CE QUE JE N’AI PAS REUSSI A FAIRE :
Dans l’ensemble, mon site internet ressemble à ce que je voulais faire pour cette matière.
Malgré les restrictions imposées par les thèmes gratuits Wordpress, j’ai pu mettre en oeuvre mes différentes
compétences en codage afin de pouvoir créer un site qui me ressemble.
Cependant, certains éléments ne me conviennent pas comme les galeries de photos qui restent
trop simples. Mais les galeries qui me plaisaient étaient payantes et je ne voulais pas intégrer mes
galeries en Javascript afin de rester dans le thème Wordpress et essayer de coder un minimum.
Ces galeries ne sont pas très responsive et sont « lentes » sur mobile. Mais comme dit auparavant, elles sont
gratuites et conviennent tout de même pour ce travail.
Je n’ai pas réussi aussi à ajouter une carte Google Map sur mon site. Cela était mal optimisé pour l’intégrer
à mon thème.
Thibault Jeannin
L3 Information et Communication
www.seazerdesign.com
2