Retranscription vidéo
salut c’est alex aujourd’hui je vais
vous montrer comment faire pour changer
votre footer donc la partie qui vais
tout en bas de votre site web donc c’est
le paramétrage qu’on va faire sur
wordpress et plus particulièrement avec
le thème avatar alors ici effectivement
donc on est sur mon site tmz.com et le
footer si cette partie qui vais tout en
bas d’accord donc il peut y avoir
différents types d’éléments dedans par
exemple ici ils ont fait le choix de
mettre un menu c’est pas obligatoire il
peut y avoir effectivement ces
informations copyright et les mentions
légales ce genre de choses et les
réseaux sociaux
ok moi dans toujours normaux nautique de
projection j’ai l’occasion dans mon
document effectivement de de faire ce
type de foot heures alors je ne suis pas
encore complètement décidé sur lesquels
je vais adopter ce sera plutôt celui ci
ou celui là mais on va être sur quelque
chose qui met de ce style d’afrique a
donc pour cela ce que vous allez faire
c’est que vous allez vous rendre
vous allez taper wp tirer admin à la fin
de votre site web de l’url est ensuite
alors sur ada vous allez vous rendre sur
thème options et vous voyez
harris et les différents thèmes options
qui sont proposés par havas d’aena
notamment une option qui va s’appeler
footer donc là vous voyez sur foot
heures il ya là plusieurs l’occasion de
détailler un peu plus donc footer
widgets
elle s’est activée oui ou non alors
typiquement les widgets
je vais relancer ma page pour vous
montrer les widgets ça va être différent
module qu’on va pouvoir activer sur
votre site qui peuvent être utiles par
exemple pour plusieurs plus pour
plusieurs éléments de votre site et
notamment au niveau donc du foot heures
vous voyez par exemple ici de menus
qu’on a ici
eh ben c’est un c’est un widget qui
active et nous typiquement moi dans la
mesure où je veux avoir potentiellement
quelque chose un peu comme ça il faut
que vous m’aimez widgets soit activée
donc je réponds oui
ensuite le nombre de colonnes la cc sur
une à l’heure actuelle effectivement
quand on se rend sur la page vous voyez
là il n’y en a qu’un seul sait qu’un
seul bloc
sachant que effectivement vous voyez par
exemple ici ça serait l’équivalent
finalement de trois blocs la mesure où
là on pourrait séparer avec une ligne
l’astre est un sel
donc là pour le moment bon on va rester
sur sur une nombre de colonnes ensuite
est-ce que le contenu doit être centré
oui est ce que doit y avoir un fouteur
parallaxe effect alors le parallaxe vous
savez c’est quand on fait défiler une
photo quand on fait défiler son site
plus tôt on a une sensation
effectivement que la l’image qui est de
background qui derrière peu bougé aussi
donc moi c’est quelque chose que je vais
pas qu’il est ici copyright barre donc
oui le fait de centrer le copy right
wing ici le copyright texte typiquement
le texte que vous voyez ici donc au pire
avec 2012
c’est exactement le même qui est là ok
donc ce qu’on va faire c’est qu’on va
faire le changement est immédiatement up
donc des 1018 ça c’est de la formule
pour dire 2019
ensuite ça c’est le texte que je vais
retirer à va 2 ne m’intéresse plus et
donc alors je vais suivre simplement
donc le premier élément c’est plan du
site alors plan du site
ce que j’ai mis des majuscules non ok
plan du site
et ensuite ici on va simple
bach ensuite le sait ça veut dire qu’on
va directement atterrir sur la homepage
hockey d’ailleurs je vais retirer il
cette partie là vous voyez c’est que ces
cris target et ses crimes blank ça ça
veut simplement dire que lorsque les
gens cliquer sur ce lien
ils vont directement ça va directement
ouvrir une nouvelle page
par exemple ici si je clique sur
wordpress et là il ya une nouvelle page
qui va s’ouvrir et qui laisse mon
ancienne page précédemment ici ouverte
aussi et moi c’est pas quelque chose que
je veux je veux que les gens puissent
naviguer le directement
depuis mon foot heures alors ensuite
donc tous les droits réservés alors ce
que je vais faire c’est que les copier
ça je veux que tous mais tous les
éléments soient des choses sur lequel
les utilisateurs puissent cliquer pour
des raisons de navigation donc par
exemple ici donc savez de contact de ce
qu’on va faire c’est qu’on va changer
ici et qu’à la place on omet contacter
ici on va mettre contact aussi
alors hop on va coller de nouveau le
même texte et à la place ça va donc être
blog blog est ici je vais mettre blog
aussi alors
comment je rajoute des éléments mais il
n’y a pas forcément les pages qui vont
exister
donc c’est possible connaissent des
erreurs recrutement c’est des pages qui
va faire que je crée rapidement
recrutement donc la même chose c’est une
page qui qui je pense que je vais la
nommer jobs
cette page la tacc ensuite mentions
légales mentions légales et là je met
simplement mention sa typiquement le
footer que vous voyez à l’heure actuelle
c’est des choses qui va falloir que je
que je modifie en fonction de la
création des pages
donc là je vais mettre sauvegarde et je
l’aï jeté un coup d’oeil pour voir ce
que ça donne donc à l’heure actuelle on
a quelque chose comme ça là je change
simplement ce texte ici
donc vous voyez donc quand
si tu contactes blog recrutement
mentions légales le cas par exemple sur
la culture contact vous voyez on a été
directement redirigés à partir de là la
même page sur ce formulaire contact qui
bien évidemment je n’ai pas encore
changé vas voir je le modifie donc ça
c’est bien une petite mort ce que je
vois c’est qu’il ya des petits espaces
peut-être qui manquent sur mon cette
partie là donc c’est quelque chose que
je veux faire dès maintenant
1 2 3 1 2 3 1 2 3 1 2 3 e
voilà donc on va sauvegarder sa la
partie copyright ex allez allez fini
donc une fois que c’est fait on va aller
sur footer background alors légitimement
donc on peut rajouter
des images bon c’est pas forcément
quelque chose que je vais faire mais
c’est toujours intéressant
ensuite alors vous pouvez choisir la
taille la dimension parfois
effectivement donc là c’est 100% vous
pouvez parfois réduire sa en fonction de
vos préférences entre guillemets disait
design moi je vais laisser ça comme ça
donc là footer padding 50 pixels ou 30
clic celle donc vers le haut et vers le
bas
donc là typiquement ça va être sept
cet espace qui va ici mais cet espace
qui va être là donc peut-être que je
vais faire un changement effectivement
bon trimestre 0,1 typiquement c’est le
genre de choses qu’il faut tester
ensuite
alors la couleur effectivement ici on a
quelque chose qui devrait attirer qui
grille donc ce que je vais faire c’est
que vous voyez ici donc j’ai quelque
chose qui sera t’il couleur là donc il
sert d’être cohérent avec le reste de
mon site
donc je vais faire le changement dac
donc sélectionner la couleur et là je
tape directement le bon code alors les
bordures je vais même pas vu qu’il y
avait des bordures et bon là je ne sera
pas forcément nécessaire donc je mets 2
0 alors bon normalement ça devrait pas
apparaître mais je veux quand même
mettre le même la même couleur verticale
divider pour le footer non on peut
mettre une petite ligne
pourquoi pas ça peut être une séparation
solide
pourquoi pas dans ce cas là est ce que
je vais faire c’est que j’émette up 7
cette couleur là alors footer divider
savez ici
solide à choquer donc ça va rester sur
solide de taille une ça ne paraît pas
mal foutu un widget à l’appel padding 15
bon on va on va rester là tu copyright
padding 20 30
donc c’est à mon avis ça va être cette
partie qui est qu’ici je pense que ça me
paraît un petit peu trop grand hop
bon je mette je veux rester on va mettre
va sur les deux hommes copyright
background color
alors là je reste et je mets tout de la
même couleur ici tech hockey border size
zero copyright border color on va
remettre la même couleur ici là on va
être alors ça c’est pour lequel footer
ide et ding et dong typographie alors
est ce que c’est ça me paraît être celui
ci donne ce qu’on va faire c’est que là
on va mettre quelque chose on va mettre
la police habituel sur l’ensemble de mon
site donc s’appelle goudé a ensuite
alors footeux reading typographie
ensuite là on va mettre du blanc au
niveau du texte
ensuite footer forme color up alors le
link color tech survenir sur mon site
voilà et donc là la couleur à mesure où
c’est un fonds qui va être qu’ivey
devers peut-être que pour que ça
ressorte il faudrait que tu utilises
quelque chose qui soit de cet ordre là
hop on va faire un essai toute façon
voir ce que ça donne
sommes nous capables
s’il faut il faut que je regarde ce que
ça donne concrètement je pense qu’on est
à faire que je change la couleur de ce
noir l’a donc là j’ai sauvegardé et je
vais voir exactement ce que ça donne
dorénavant ok donc les fêtes
non donc là les choses qui sont gris bon
c’est pas forcément optimum donc je vais
changer la couleur up et j’ai donc
mettre ça alors je pense que ça doit
être ses couleurs ici donc plan blanc
aussi et blanc là ok donc j’ai
sauvegardé hockey
ait des milliers de notes très bien bon
ça c’est bien donc on a maintenant
atteint nos changements qui sont
effectués est ce que cette couleur là
ressort vraiment je ne sais pas je pense
que peut-être que je vais mettre ce bleu
sea tech
tac wafa le changement
ok donc copyright size peut-être que
c’est un peu petit je regardais
on a quelque chose qui me plaît un peu
plus donc je sais pas si les
modifications que j’ai fait tout à
l’heure et que les espaces et l encontre
fort que je le modifie alors footer
contains suisse ce sont mes deux prix
bon 1 2 3 selon m bon c’est pas grave en
soi
ok donc ici donc là l’idée au départ
c’était vraiment de faire en sorte
d’avoir footer qui ressemble à celui là
à mon fichier est un peu lourd là donc
ça prend du temps pour pour descendre la
page voilà donc déjà cette partie là
disons bon phare que j’avoue que je
réussisse un peu le texte
il faut je grossisse un peu le texte
effectivement alors tac je vais
retourner ici footers tiling alors
copyright
size saynètes celui-ci tac si je mets 15
ok c’est un peu nu
effectivement bon on va rester comme ça
pour le moment
ok donc ensuite là je vais faire la
première verse sur dix ont donc tous et
non comme ça alors pour sa phase des
modifications donc footer kontan nombre
de colonnes une
et ensuite alors ce qui a fort que je
fasse c’est que je change
ici c’est un c’est un menu est donc
enfin je change le widget qui est placé
ici donc pour cela je me rende up dans
apparence et d’un widget
donc on va
quelque chose qui va s’appeler voilà
footer widgets qu’on va ouvrir et vous
voyez donc la scea vada horizontale
money menu donc ça typiquement
effectivement c’est le menu qui est
présent actuellement ici donc ce qu’on
va faire c’est que je vais le supprimer
et à la place je les mette une image up
alors images donc on prend ce bloc ici
est donc là on met simplement logo
thoinot ajouté alors est-ce que j’ai
normalement effectivement je fais avoir
ça kim est en blanc et donc on va on
peut faire rediriger sa sueur
tous et nos points comme on va leur aval
à option pouvoir alors background color
là pour le coup je vois quelque chose de
transparent border size zero contact
quand un alignement
on va mettre centre et pour le mobile je
sais plus beau remettre centre aussi et
sans âme est enregistrée on va voir ce
que ça donne la vie
si quand ça tourne ça veut dire que
c’est en train d’enregistrer là on va
pas brusquer wordpress ok terre
donc allons voir maintenant parce que ça
donne ok donc ici effectivement
maintenant donc on a tous hainaut qui
est bien qui est bien ici et ensuite on
a le goût de fouesnant ici effectivement
à l’arrière un titre le titre on va pas
le mettre parce que c’est pas forcément
ce qui est plus esthétique up
ok donc on a quelque chose comme ça
maintenant donc tout hainaut ça c’est
pas mal là des éléments qui as far qu’on
change ses larbins évidemment au niveau
des social media enfin on change la
couleur il faut aussi qu’on mette un peu
de distance notamment au dessus
ok donc la même principe on va se
retrouver encore de nouveau sur havas da
thème option
e
et donc la tacc on va aller sur footer
styling et là on va vraiment un peu
faire du bon ça va être un peu
approximatif
donc on va faire cette manière par
itération du clergé me disent ‘ok voyons
voir
oh
mais bon c’est pas effectivement ça
nécessite sans doute d’être d’être un
peu d’être un peu augmenté donc bon je
le mets ta je le mette à 20 et ça pour
faire ça à typiquement au niveau du
parking
moi je vous conseille vraiment de de
regarder sans arrêt de faire le la
passerelle entre les deux c’est la façon
la plus simple
ok bon voilà on est sur quelque chose
qui me paraît pas mal qui finalement est
assez proche de ce qui était projeté ici
est donc patent à chante on va changer
les réseaux sociaux alors réseaux
sociaux sochaux le média et dans son
show médias russes au vernet ça s’est un
peu moins 20 et ce show médias on va se
rendre sur footer social’ highco alors
donc on peut changer la taille
effectivement mais je pense que la terre
n’est pas mal ouais on est pas mal de
mon point de vue alors display oui ça
c’est à bloquer ça c’est bon
customisation
ok alors on va changer ça on va mettre
en blanc
ok donc voilà on a maintenant sept
heures on a un secteur qui est pas mal
qui ressemble assez à l’air assez
proches à ce que j’avais ici si je
souhaite augmenter le logo il faudrait
que je le fasse parce que ça ne signe
vraiment j’aime bien la façon dont c’est
ici en fait c’est beaucoup plus épuré
beaucoup plus simple et voyez si on
clique là on retombe directement sur la
soul house page
donc ça ça fonctionne bien globalement
bon peut être que je ferai une autre
vidéo sur si jamais je chante je
souhaite changer de cette manière là
mais pour le moment je pense que je
pense que je vais rester sur quelque
chose de très très épuré comme ça donc
voilà j’espère que cette vidéo elle vous
aura plu
elle vous aura intéressé donc vous voyez
donc le fait de changer un fouteur un
peu comme le reste d’ailleurs avec havas
de manière générale moi ce que je vous
conseille vraiment ces deux ya les par
itérations donc vous faites des
changements et vous regarder
immédiatement ce que ça donne notamment
au niveau du padding pour voir les
distances qui peut les avoir
ça c’est des choses qui sont un peu
difficiles dans un premier temps si vous
créez votre site web pour la première
fois parce qu’on n’a jamais vraiment la
notion de ce que c’est qu’un pixel 10
pixels 20 pixels
donc voilà c’est important de le faire
de cette manière là est ce qu il yad un
peu difficile entre guillemets avec le
footer c’est qu’il ya plusieurs notions
qui va être considéré notamment des
éléments donc au niveau du thème d’havas
da à proprement parler mais il ya aussi
des éléments qui vont être liés aux
widgets donc une fois que vous avez
réussi à assimiler ces différents
éléments et pas ça va vraiment vous
permettre de faire un fouteur qui est
très professionnel très clair et qui va
surtout vraiment aider les gens qui vont
se rendre sur le site web à naviguer de
manière beaucoup plus simple et c’est
vraiment sale qui est important
donc voilà j’en ai terminé pour cette
vidéo comme vous avez l’occasion de le
voir j’ai terminé ou pratiquement
terminée en tout cas ma page d’accueil
et donc l’idée par la suite bien
évidemment ça sera de passer à la suite
ou page suivante voilà à bientôt.
