CRÉEZ

VOTRE SITE
INTERNET
SANS CODE
AVEC
WORDPRESS

PARTIE IV
ALLER PLUS LOIN : est
Ce document SEO, PERSONNALISATION
la propriété exclusive de la société ELOCE et ne saurait être utilisé, reproduit, représenté,
transmis ou divulgué sans son accord préalable et explicite.
CHAPITRE • B
PERSONNALISATION DE SON SITE
WORDPRESS
fonctionnement de WordPress est
Implémenter une extension également indispensable. Des notions de
faite sur mesure PHP sont un plus.
Certaines extensions, destinées à la
WordPress est si populaire qu'il y personnalisation d'un site, facilitent le
énormément de passerelles à créer avec travail d'un développeur de site.
une multitude d'outils, comme un CRM.
Cela permet à tout site d'évoluer sur Dans l'onglet Personnaliser de
WordPress en fonction des besoins du site. WordPress, qui correspond au Customizer,
Il est même possible de faire développer il est possible d'utiliser des paramètres
des extensions faites sur mesure pour un avancés de personnalisation du site en
site. utilisant des connaissances de code.
En utilisant du HTML et du CSS, il est
Personnaliser son site possible de créer des classes
personnalisées, qui apporteront de
Jusqu'où peut-on aller en termes de nouvelles fonctionnalités au rendu du site.
personnalisation ? Cette personnalisation La création de classes permet de
est progressive et assez avancée. personnaliser le thème utilisé : mais
Attention : pour utiliser WordPress dans le attention, la prise en main du HTML et du
cadre d'un usage avancé, cadre dans CSS prend un minimum de 3 jours.
lequel la personnalisation est la plus
développée, il faut pouvoir maîtriser
l'HTML et le CSS. Connaître le

Ce document est la propriété exclusive de la société ELOCE et ne saurait être utilisé, reproduit, représenté,
transmis ou divulgué sans son accord préalable et explicite.
Apprendre le langage HTML
avec w3schools
w3schools permet non seulement
d'apprendre le langage HTML, mais aussi
d'écrire des lignes de code et les faire
marcher avant de les inclure au site. Par
exemple, si l'on veut modifier le style du
titre, il est possible d'utiliser w3schools
pour créer des lignes de code qui
correspondent au rendu voulu avant
d'inclure le code dans le customiser du
site.
Présentation du thème enfant
Une bonne pratique consiste à créer
un thème enfant. Un thème enfant est un
thème qui découle du thème parent que
l'on a choisi. Lors de mises à jour, il est
possible que le thème parent soit écrasé
par de nouvelles fonctionnalités qui ne
seront pas forcément voulues. La création
d'un thème enfant permet d'éviter
l'intervention de mises à jour, et donc de
conserver une version du thème que l'on a
personnalisé avant la mise à jour. Un autre
avantage du thème enfant est de faciliter
la personnalisation du site.
La création du thème enfant se fait
généralement avant même de commencer
la construction du site. Une extension,
Child Theme Configurator permet de créer
un thème enfant. L'extension analyse tout
d'abord la possibilité de créer facilement
un thème enfant à partir du thème parent
(il est possible que le thème enfant ne soit
pas concevable pour un thème parent).
Ensuite, elle crée le thème enfant, qui aura
le nom du thème suivi de "Child" : il suffira
de l'activer pour l'utiliser.
Le répertoire thème
Pour rentrer dans la personnalisation
d'un thème, il faut comprendre comment
un thème fonctionne techniquement. Il
faut retourner aux fichiers d'installation de
WordPress : certains fichiers sont très
Ce document est la propriété exclusive de la société ELOCE et ne saurait être utilisé, reproduit, représenté,
transmis ou divulgué sans son accord préalable et explicite.
sensibles, comme wp-config. C'est dans ce
fichier que se situent des fonctionnalités
importantes, dont certaines qui touchent
au fonctionnement des thèmes et de la
sécurité.
Des éditeurs comme Visual Studio
Code, Sublime Text et Notepad++
permettent de modifier ces fichiers.
Le fichier .htaccess
Le fichier .htaccess, que nous avons
abordé précédemment, est une séquence
technique. En étudiant le code du fichier
.htaccess, on remarque que le fichier
contribue à la sécurité et l'optimisation du
site, comme la réécriture propre d'URL.
Le répertoire themes dans le dossier
wpcontent contient tous les thèmes
installés dans WordPress : ceux qui sont
installés par défaut ainsi que ceux
installés manuellement par le concepteur
du site. Les thèmes enfants y figurent
également.
Dans un dossier de thème, certains
fichier sont obligatoires : le fichier function
(les fonctionnalités du thème), le fichier
index (le répertoire du thème par défaut)
et le fichier style.css (la mise en forme du
thème).
Personnaliser les fonctions de
votre site en php
Dans l'éditeur de fichiers WordPress,
on voit que les fichiers WordPress
mélangent le PHP et le HTML.
Dans wordpress.org, il existe une
documentation très développée en coding,
qui permet, à l'aide de définitions précises
et d'exemples des concepts, de
comprendre la structure et le
fonctionnement du code.
Essayons par exemple de supprimer
la sidebar : dans l'éditeur de fichiers
WordPress, à la fin du code qui organise le
template de la page, il suffit de
transformer la ligne de code get_sidebar()
en commentaire, de manière à désactiver
la sidebar. Si l'on active maintenant le
thème enfant (thème dans lequel se situe
le template que nous venons de modifier),
il ne devrait plus y avoir de sidebar sur la
page concernée du site.
Une remarque : pour mettre du code
en commentaire dans PHP, il faut mettre
des slash de chaque côté du texte et une
astérisque avant le deuxième slash, de
sorte que la ligne devrait ressembler à cela
: /le commentaire*/.
Créer un modèle de page
lequel mettre les champs pour les
exploiter : il faut donc écrire du code.
ACF étant très populaire, la
documentation et les tutoriels sont très
développés.
Les custom post types
Une extension, CPT UI, associée à
ACF, permet de créer des Custom Post
Types, ou types de publications. Cela
signifie que l'on va créer des types de
contenus personnalisés qui seront
associés aux champs personnalisés qui ont
été créés à l'aide d'ACF.

Pour créer un type de publication

Pour créer un modèle de page, il faut
personnalisé (Custom Post Type), il faut
utiliser des tutoriels de WPformation et de
nommer le type de publication et en
la documentation. Il faut bien connaître la
choisir la prise en charge (il faudra choisi
Template Hierarchy, hiérarchie interne de
champs personnalisés).
WordPress qui classe les différents types
de templates. Il existe des templates Il ne faut pas oublier que toutes ces
primaires, secondaires, variables et selon actions s'effectuent dans le thème enfant.
des types de pages.

Cette hiérarchie de template fait

partie des notions complexes et avancées
de la littérature WordPress.

Les custom fields

Un Custom Field, ou champ
personnalisé, est une fonctionnalité qui
permet d'ajouter des éléments
supplémentaires d'information et de
données aux articles et pages. La création
de custom fields n'est pas native à
WordPress, il faut donc un extension : la
plus populaire est l'extension Advanced
Custom Fields (ACF). Cette extension
permet de créer et personnaliser de
nombreux types de champs : des champs
basiques, comme du texte, un E-mail ou
un URL, des champs de contenu, comme
une image ou un éditeur de contenu, et
d'autres types de champs.
Après avoir créé un groupe de
champs, il faut créer un template sur

Ce document est la propriété exclusive de la société ELOCE et ne saurait être utilisé, reproduit, représenté,
transmis ou divulgué sans son accord préalable et explicite.