Création d’une page WordPress [de A à Z]

Retranscription vidéo

salut c’est alex aujourd’hui on va créer
la deuxième page de mon site web donc
tous et nos points comme et donc je vais
accélérer un petit peu les choses
me vous montrer toujours quelles sont
les différentes astuces les différents
tuyaux pour monter un site web avait
cavada sur wordpress allez c’est parti
alors première chose à faire donc notre
page d’accueil maintenant notre groupe
est qu elle est l ai fait donc
maintenant que ça c’est fait ce qu’on va
faire c’est que finalement on va
utiliser cette ce support donc de la
page
une comme un levier pour le reste donc
est donc pour cela on va aller dans
pages et donc effectivement c’est la
page qui s’appelle page d’accueil
ok donc derrière ce que je vais faire il
s’appuie sur modifier et puis tout de
repartir à chaque fois 2 0
au niveau du contenu dans la mesure où
cette pas que j’accueille me convient et
que globalement quand je regarde les les
projections que j’ai pu faire sur mes
autres pages donc je vais vous montrer
voyez globalement les autres pages tout
cas je m’attaque à la page qui va
s’appeler agents spéciaux au niveau de
la structure bon c’est pas exactement la
même chose mais globalement il ya des
choses qui sont quand même relativement
similaire donc plutôt d’en partir de
zéro je vais prendre cette page
d’accueil et je vais la dupliquer je
vais en faire un modèle que je vais
utiliser par la suite pour les autres
pages ok nous typiquement pour ça depuis
avec un vad à ce qu’on va faire c’est
qu’on va puis ici est effectivement vous
pouvez sauvegarder la le layout donc le
modèle actuel de quoi marquer traîneau
comme page
sauvegardez et là vous voyez maintenant
on a cet élément qui ici donc ce qu’on
va faire maintenant c’est que nos corps
effectivement donc la deuxième page
c’est donc agences et si haut donc on va
puis ici sur créé il ya plusieurs
éléments vous pouvez appui si sûr créer
page ou directement ici vous pouvez
appuyer sur page
en dessous il ya écrit ajouté ce qui
revient au même donc c’est ce qu’on fait
tac
ensuite on va nourrir cette page sa
charge et donc on va l’appeler agence
aici au ensuite la vouvoyer par défaut
fusionnent bulle d’un n’est pas n’est
pas installé bas n’est pas disponible
donc il faut appuyer ici et maintenant
effectivement on a le fusionnent builder
qui est disponible donc ensuite vous
allez appuyer ici et vous voyez traîneau
ou mpeg on peut charger
donc au niveau du chargement il ya
plusieurs façons de faire vous pouvez
soit remplacé l’ensemble du contenu qui
est sur la page par la nouvelle page qui
vous intéressent soit inséré le contenu
en dessous ou au dessus de ce qui existe
déjà
donc ça peut être effectivement aussi
extrêmement pratique pour ne pas
repartir de zéro ou quand on a parfois
du contenu qui est intéressant et ben
finalement ça peut être bien de
d’insérer ce contenu donc voilà donc là
à l’heure actuelle on a une page qui
s’appelle donc avec l’url agence tirer
et sio qui est l’équivalent de la delà
de la homepage donc ce que je vais faire
c’est que je vais publier sans
voilà et ensuite j’ai fanon qu’une
petite preview vous voyez c’est
exactement la même chose que ce qu’on
avait auparavant sur la homepage donc
maintenant qu’on a ça on va commencer à
faire les changements alors premier
changement bien évidemment ça va être
liés aux révolutions slider dont cloche
un slider il va ressembler à ça c’est
quelque chose que j’ai l’occasion créé
alors je n’ai pas forcément filmé mais
c’est exactement le même principe que la
première création que j’ai pu faire avec
avec leur évolution slider de la
première page donc pour cela on va
simplement aller ici et on va aller sur
donc gelé nommée agence aici haut et on
va mettre à jour si jamais
pas créé bien évidemment il fallait sur
celle de révolution vous copier coller
le template kids à l existant sur le
home page et vous fait les modifications
nécessaires
donc voilà maintenant on va avoir ce
type de présentation de twinin agence et
sio proche de ses clients
c’est leur évolution slider que je veux
qu’ils ont créé ce week-end donc
maintenant l’autre élément à prendre en
compte
ça va être donc l’ensemble les
informations qui vont être ici donc le
principe
globalement ça va être le même type de
titres ici donc très nos agences et si
aulas est pas la première séparation il
y aura pas de changement alors on va
commencer ici par up
les jardiniers du siao est ce qu’on va
faire
pour le moment je vais laisser ce texte
bien évidemment il faudra le modifier
donc pour l’image
j’ai cette image là les toutes les
images qui sont présentes ici j’ai eu
l’occasion de les sauvegarder déjà à la
bonne taille
ici donc typiquement est souvent un jeu
regroupe tout sur illustrator
ça me permet de gagner assez typiquement
là ça me permet par la suite de gagner
un peu de temps est ce que j’ai fait
c’est que j’ai pris ces images là et je
les ai se regarder sous format web et
donc pour faire en sorte qu’ils ne
soient pas extrêmement lourde
donc ce que là donc j’ai fait maintenant
la seule chose que qu’il faut que je
fasse c’est que je les que je les
importe donc téléverser up alors ce site
what we know ensuite alors le deuxième
c’est donc la chance est donc alors
celle là il ya importés mais ce serait
tout mes images dont je vais me servir
pour cette page 2 sélectionne tout
voilà donc la première intérim âge qui a
intéressé c’est mettre celle-ci oui je
vais changer les textes internes hâtif
immédiatement tech expertise google
ça c’est une image de moi
hop ensuite une image de mariana et
revenir
ok donc
je souhaite intéresser celle ci donc je
sauvegarde
ensuite la deuxième image c’est donc
avec la demoiselle sur son lit sur son
ordinateur tech
donc je vais être inséré hop le texte
alors une rive en référencement naturel
d’excellence hockey ensuite je vais
dupliquer ça et ça et ça je vais le
décembre ensuite alors une agence aici l
écoute de ses clients une agence aici à
l écoute de ses clients
ok et donc pour ça je vais mettre
effectivement celui-ci avec les petites
étoiles et le coeur
tech et ça fait le descendre up est donc
ici ça va être donc l’expertisé google
yp donc sauvegarder
une expertise google ok sauvegarde donc
ça va mettre à jour et on va commencer à
regarder un peu ce que ça donne
donc sa charge ok donc maintenant on va
mettre preview
donc toi non
celle ci aux les jardiniers du et sio ok
donc ça c’est quelque chose d’un peu
sympa une au référencement naturel
d’excellence hook est une agence aici à
l écoute de ses clients
ok alors j’ai simplement le sentiment je
vais simplement vérifier avec la
homepage que les images font plus grosse
a peut-être parce que celle ci elle
était ok effectivement payant plein le
google était un peu trop grand alors ce
qu’on peut faire quand la taille est un
peu grande on peut aller sur edith et
hop
et quand on retire
sur l’image vous voyez ici s’écrie
taille originale talent original et par
défaut il y aussi d’autres éléments qui
peuvent être proposées donc par exemple
là on peut avoir quelque chose qui fait
donc 400 sur 265
on va voir ce que ça donne mais c’était
aussi un peu grand fayt up
bah non c’est peut-être mieux bon et le
thé léman qui ne me plaît pas c’est que
c’est parce entrée effective en teck
centre et on va centrer ses images parce
que l actuellement elles sont elles sont
mortes explo ça veut dire que sa part de
la gauche et ça va vers la droite en
suivant le même type de de comportement
qu’un texte tac preview voyons voir si
c’est mieux
ok bon je vais peut-être changer les
vidéothèques les images effectivement ça
me paraît un peu grand comme ça si
jamais certains veulent du changement a
été fait et on voit quel sens take away
les changements étaient faits bon après
si jamais c’est nécessaire je peux
changer de manière individuelle chaque
taille de d’image ça c’est quelque chose
d’assez pratique tech preview
ok bon mais j’ai l’impression que celle
ci a changé mais pas celle là
que celle ci était vraiment grosse au
départ avec gc 2 m pour 300 tech3 sans
google
alors voyons voir maintenant prévieux
bon là c’est un peu petit maintenant ok
je laisse à mon 400 c’était bien dit 400
up
hop est-ce que là c’est bien 400 points
ouais ok bon je vais mettre à jour sa
et je vais très visualiser tac
bon pour le moment je vais laisser comme
ça peut-être que ça nécessiterait d’être
un peu grossi mais bon pour le moment
tout moment on va dire que ça me ça me
convient comme c’est donc c’était assez
bien ensuite
donc une fois qu’on a fait ça nos
expertises google ensuite donc on a une
partie c’est notre équipe refaire les
changements notre équipe ça on va le
replier et donc c’est tac ça va
s’appeler notre équipe notre équipe
ok alors notre équipe donc
il n’ya en voit pas parce que c’est du
bleu en blanc donc tac je vais faire les
changements directement ici notre équipe
qu’est-ce que j’ai marqué comme texte ou
petites agences tech
une petite agence aux grandes ambitions
et oui alors ça je pense que c’est
centrer correctement
oui c’est centrer correctement donc ça
c’est parfait et ensuite on va insérer
effectivement c’est ces images donc ça
ça veut dire typiquement que le texte
qui est ici nous intéresse plus tak tak
est ce qu’on va faire alors je vais
tester mais je vais faire disons du duo
la terre 1/3 2/3 je pense peur matière
de tiers donc là je vais m image image
tac je met ma photo là ok ensuite ce que
je vais faire c’est que je vais prendre
ce texte donc je vais le copier tu as
quel texte texte bloc hockey up et
effectivement il est sur la gauche
je marquais il attaque
alexandre marotel ça sera bien moi et
donc qu’est-ce que j’ai mis jeu suivante
agence traîneau j’ai les entreprises
améliorer la visibilité
ok même principe un la peau moment je
n’ai pas il faut que je refasse le texte
hop ok je suis le fondateur d’ela bon
donc là
quelque chose comme ça dans un premier
temps et ensuite je vais dupliquer cette
image up est en dessous j’ai m marianne
à ok
marianne à la star ac comme ça et tant
qu’ils mettent narino mariana seco
sakura da tac et donc ça c’est la même
chose il faudra que je change le texte
pour le rendre un peu plus un peu plus
intéressant ok donc là je vais
sauvegarder et jeter un coup d’oeil
parce que ça donne
pré-visualiser modifications tac ok
c’est bien ce que je vais quand même
l’air grossir en fait j’aime bien quand
c’était gros hockey ensuite alors notez
que notre équipe une petite agence aux
grandes ambitions
ça c’est pas mal mais c’est trop gros
[Musique]
est ce que je sais faire le test
un tiers peut-être qu’un car finalement
c’est suffisant ou pas j’en sais rien il
faut que je regarde
hélas ici je vais mettre admettons un
cinquième 4/5 hockey
ok mais
j’ai pas trop cette que ici félix est un
peu plus de distance au final je re
faire un essai donc ici un cinquième ici
dix ans et je met deux tiers pourquoi
pas
hop et si ça je le duplique aucun
tech3 5e et que je mets la voyons voir
ça me plait peu
ça me plaît peut très bien
ok je suis pas très inspiré là on va
rester sur ce modèle là trois cinquième
et un sixième au bout c’est possible que
ce soit menée a à être changée
ok ensuite alors êtes vous motiver
ambitieux sympa orwell rejoignez nous
donc ça c’est la partie bleue la partie
bleue ici c’est la partie blog ce qu’il
ya en dessous je peux le supprimer c’est
exactement ce que je vais faire
maintenant
alors sa taxe est correct à l’heure
actuelle séparation séparation 2 je
pense qu’il n’aura pas besoin de
séparation ici ensuite service tu as
besoin ensuite service suis là pas
besoin bloc par contre c’est ce qui va
nous intéresser alors blog
comme ça donc je vous motiver
ok taquin ensuite bon il y aura du texte
en dessous que je modifie ou également
taquin donc ça c’est pas mal
ensuite ici le fort que je change et que
je mette mes diversité dans le
recrutement
hop ok d’ailleurs je suis essayé de
faire le changement tout de suite par
rapport à la taille
je pense que je vais revenir soit
quelque chose de grand en fait 800
hockey et l’âge de m preview l’agencé
sii notre équipe est de vous motiver
ambitieux sympa revenir ça c’est
possible que je les mette en grand en
fait je les ai mis en grand ici
effectivement effectivement ça peut être
mieux je regardais ce que ça donne
hop je supprime sa 16ème et à un demi
1/2 aussi pour la sa je n’ai plus besoin
je vais supprimer le reste
note 1
je supprime quotidien il ya beaucoup de
contenu up
taquin ok donc ça c’est supprimer
je vais insérer un bouton effectivement
ici un bouton postuler up
alors il faudra que je mette bien
évidemment et si on met postuler peut qu
est ce que c en ont c’est pas en
majuscules spécifiquement hockey bouton
un tribut ça ça me paraît bien on va le
centre est ensuite design on va faire
quoi qu’en dise à une boutons boutons
mais torres est par défaut sous voir ce
que ça donne
tech ok bon c’est ça me paraît pas mal
mais je pense qu’on y va falloir faire
une séparation
on va vérifier puisque le texte entre le
texte et le bouton ils vont être trop
proche je pense par défaut c’est souvent
le cas ok donc là on avait quelque chose
donc pas mal postuler
tout ça me paraît pas mal donc les
forages rajoute du texte postulez jamais
une séparation donc tac separator alors
tac no style design est donc ici je vais
mettre 5 % moi ce que ça donne ça bien
évidemment il faut le remonter voilà
ensuite
ensuite on a donc contacté nous de
nouveau donc ça veut dire que cette
partie là haut dit hop elle peut être
retirée
et là je vais mettre à jour
ok preview
tous nos agents sociaux pour que ses
clients contacts et nos agences au quai
ça c’est bien notre équipe est de vous
motiver ambitieux sympa postuler la
distance est pas mal aussi
contactez nous ok donc là on est sur
quelque chose de vraiment pas mal
au pas mais à part effectivement le
texte qui va faire que jeu que j’écrive
mais sinon on est quand même quelque
chose quelque chose qui est assez proche
de ça donc c’est pas mal je voudrais
simplement maintenant que j’ai fait ça
pour la page
je m’assure pour leur ordinateur j’ai
fait les modifications dès maintenant
pour le téléphone alors la chance ce que
je vais faire d’ailleurs c’est que je
vais supprimer sa taxe et celui ci je
vais le dupliquer et avant tout toujours
regardé comme ce que ça donne
donc ça c’est parfait ensuite ça c’est
bon aussi ça on est sur l’ancienne
version effectivement ok donc il faut
qu’ il faut que je change c’est normal
hop
alors cette agence dont kouamé tac et
mobile très bien donc cendrey ça comme
ça ici on change ça de cette manière de
sept noms de cette manière là pour le
téléphone de cette manière là pour le
téléphone
ensuite effectivement le texte comme on
l’a vu tout à l’heure à came paige celui
ci sera trop gros trop grand donc je
vais m
il fait mettre 40 c’était mieux pour le
téléphone il me semble ok ce que j’ai
encore la version de téléphone non oui
je vais réduire sa main évidemment up
hockey
donc j’ai sauvegardé pour à ce que ça
donne
ok tac
alors qu’est ce que ça donne ça c’est
bien
[Musique]
ah oui c’est normal
voilà typiquement on voit pas les
changements que j’ai fait parce que j’ai
dû cliquer mais en fait dans mon ici ça
a dupliqué mes paramètres là maintenant
ça va être visible sur le téléphone et
pas sur la passion ordinateur up
ou alors que 6 passes et sociaux
voilà on est sur quelque chose de
correct maintenant tourner au dock
agents spéciaux les jardiniers du sillon
un référencement naturel d’excellence
une agence aici à l écoute de ses
clients une expertise de google
ok ça c’est très bien donc ensuite une
fois que ça c’est fait hop on va pouvoir
leur plier donc d’autres équipes
ça c’est pas bonne version les me sens
méthodologie non effectivement donc on
va le supprimer
tac et ça donc notre équipe on va le
dupliquer et je vais mettre ça en mode
téléphone
hop hop hop on
alors je vois ce que ça donne parce que
j’en ai hop parce que je ne sais pas ce
que ça va donner
je suis mais tu mettras jour je pense
qu’il y aura certes un petit changement
qu’il faudra faire sur le téléphone
particulièrement
alors voyons voir ce que ça donne
notre équipe une agence aux grandes
ambitions
une petite agence aux grandes ambitions
alexandre martel
ok peut-être que c’est gros c’est trop
grand c’est que c’est un peu trop grand
ce texte
mais cette image plutôt je sais pas j’ai
pas trop comment présenter sa marianne
asseko sakura da tut tut tut tut
je vais faire a noté c’est parce que
j’ai tellement eu la façon dont s’est
présenté à l’heure actuelle ça me
convient pas trop va moyen quoi et donc
j’ai fait un texte ici ce que je vais
faire
hop cette faire une insertion de d’image
hommes plus j’aime rajouter ici je vais
mettre ça
aligné sur la gauche ça je vais les
réduire
c’est ce que ça sera plus sympa comme ça
comme ça je suis médecin 80 pour le
moment hop
gfr preview non je vais enregistrer
alors tacle gates
non non c’est non à charge et hop
maintenant je vais faire mettre un jour
ici vous êtes que c’est plus sympa comme
ça en fait je me dis sinon peut-être
peut-être réduire énormément le up
médecin au centre
voyons voir ce que je peux faire
hop hors tac centre et si je centre là
ça comme ça hop et que j’aime et hop du
ciment l’update ce que je voudrais c’est
être potentiellement avoir là mon image
et en dessous le texte centre et de
manière classique
je vais voir ce que ça donne
ouais ça me plaît pas non ça ne me plaît
pas du tout je truc taki
peut-être que c’était mieux avant hop
aucun
ok bon ouais tu te tue ce que
[Musique]
peut-être qu’en sautant une ligne ce
sera plus sympa comme ça ce texte la
vallée en dessous et celui ci sera à peu
près centre est à peu près bien
évidemment c’est un peu en dessous c’est
pas grave s’il est un peu en dessous
d’ailleurs
ok bon c’était pas du tout ce que je
voulais faire bon
ok je pense que je vais rester sur une
forme à parce que ça c’est trop gros en
fait donc je pense que je vais vraiment
rester sur un format comme celui ci
comme celui ci pour que ce soit beaucoup
moins lourd bon je veux reproduire la
même chose avec l’image de mariana tac
ça je supprime ça va rendre je garde up
et je m’aide à deux médias
ok tac et ça je le mette à 80 up hockey
80 c’est pas mal
est ce que je vais faire d’ailleurs tac
je vais remonter ça ici je vais voir si
l’écart entre les deux blocs est trop
important si c’est le cas je leur ferai
qu’un seul je sais pas s’il a le bloc
entre celui là donc mon nom et le nom de
marianne à voir s’il y aura un écart de
deux couleurs qui sera trop important
hop
alors rien voir ce que ça donne
ouais
je pense
d’abord je vais pas trop comment je sais
pas trop comment rendre ce truc un peu
plus sympa mais en état ça ne me
convient pas je vais fait ici j’ai fait
correctement dans c’est correct sur le
[Musique]
sur l’ordinateur mais sur téléphone ça
laisse quelque peu à désirer
hop simplement en dessous hop je vais
faire ça comme ça
plus ce serait plus d’envié journée
alors de le mettre comme ça hop
ok allez hop dayz ok ok bon je pense que
globalement bon reste à me convient à
peu près j’ai toujours gardé avec info
que j’ouvrais que mme arena à voir ce
qu’elle me va me dire ce qu’elle en
pense mais globalement je pense que
voilà bon c’est correct je pense ça me
paraît correct ok donc ensuite qu’est ce
qu’il ya en dessous
et oui effectivement c’est le fait de
recruter donc ça on va la réduire
alors notre équipe j’ai marqué
simplement up pour le mobile ensuite ici
j’aime est recrutement tac je vais
d’ailleurs les faces et hop ça je vais
dupliquer recrutement mobile ça je vais
simplement sélectionné pour le téléphone
est donc alors ça ça donne quoi
ok bon je pense de mon point de vue que
ça devrait être normalement ça devrait
être pas mal
il faut voir et c’est ce que je vais
faire tout de suite
et
motivé ambitieux sympa revenez-nous
postuler ok bon
je suis
je suis assez relativement satisfaits de
cette page sur téléphone ça me paraît
pas mal avec bon il faut que je change
simplement le texte
mais sinon mis à part ça autant sur
téléphone que sur ordinateurs et
tablettes
on a quelque chose voilà qui est qui et
lors dû pas mal alors ça peut être
qu’effectivement est là je suis chez
paru faut que je réfléchisse comment
faire pour améliorer peut-être celui ci
je ne sais pas trop encore mais voilà
effectivement il ya celui ci qui va être
à changer sans doute mais sinon là
globalement on a quand même quelque
chose d’assez proche de ce que j’avais
projeté en tout cas au départ dans mon
dans mon template hockey est-ce que j’ai
bien sauvegarder tous à l’agencé sii à
plusieurs médecins jour une dernière
fois pointures
ok bon bah voilà parfait donc voilà
j’aurai terminé pour cette vidéo donc
cette vidéo sur la page agence aici you
alors dans cette vidéo a pu faire les
aspects à la fois donc un design de
l’ordinateur sur ordinateur mais aussi
sur téléphone
moi ce que je vous conseille vraiment
c’est de vraiment passé du temps à faire
correctement votre home page une
favorite
une page est fait correctement avec la
bonne police avec les bonnes couleurs
avec bref la bonne charte graphique
la typographie c’était un bref tous les
éléments qui sont bien faits
correctement depuis la home page à la
fois sur l’ordinateur et sur le
téléphone ça vous permet par la suite de
dupliquer cette page pour l’ensemble des
autres pages parce que finalement la
structure sapa est exactement la même
bien évidemment il y aura des choses à
changer
mais vous allez partir à quelque chose
qui sera propre et cohérent pour
l’ensemble de votre site
par conséquent ça veut dire qu’une fois
que votre une tête j’ai fait
correctement tout le reste va aller
beaucoup plus vite
ok donc c’est vraiment ce que je vous
conseille de faire pour vraiment vous
permettre de gagner du temps avec cavada
est avec wordpress
de manière générale voilà bah à bientôt
pour une prochaine vidéo

Laisser un commentaire