Wordpress CMS

16 juin 2009

Modifier un thème simplement…

Filed under: Themes,WordPress — E_influenceur @ 9 h 28 mi
Tags: ,

Malgré un nombre incalculable de thèmes dans WordPress, il n’est pas rare que l’on veuille changer l’image du bandeau de son WordPress. Figurez-vous que c’est assez facile :-)

Voici comment s’y prendre:

Téléchargeons un thème simple avec une belle image en bandeau le thème Poetry me semble approprié pour l’exercice :-) Je vous remontre l’installation d’un thème mais rapidement car j’en ai déjà parler dans un billet précédent…

Cliquer sur installer

Cliquer sur installer

Cliquez sur Installer maintenant

Cliquez sur Installer maintenant

Activer votre thème

Activer votre thème

Visualisez votre thème via votre interface public

Visualisez votre thème via votre interface public

Pour travailler proprement nous allons rapatrier l’image sur notre disque dur, pour cela:

Ouvrez Filezilla
Connectez vous à votre site distant
Entrez dans le dossier wp-content
Entrez dans le dossier themes
Entrez dans le dossier poetry
Entrez dans le dossier img

L’image de fond se trouve dans ce dossier… Comment je le sais ? tout simplement lorsque je suis dans l’interface public je fais un clic droit sur l’image >> Afficher l’image

Firefox me donne le chemin d’accès à l’image de fond

Chemin d'accès à l'image (arborescence des répertoires)

Chemin d'accès à l'image (arborescence des répertoires)

L’image de fons porte donc le nom header.jpg il suffit d’aller dans Filezilla et de télécharger l’image clic droit dessus Télécharger (vérifiez bien que vous êtes dans le bureau dans la partie de gauche de Filezilla afin de ne pas chercher des heures où Filezilla à mis l’image…

Image 8

Ouvrez cette image avec un Editeur… ou clic droit propriétés, pour connaitre ses dimensions exactes.

Choissez une image de fond sur le net genre wallpaper, et decouper là au dimension de header.jpg (936×306).

J’ai téléchargé l’image header.jpg pour une question de sauvegarde, elle pourra être re-transférée en cas de soucis.

Voilà j’ai ma nouvelle image retravaillée légèrement 5 min avec un éditeur d’images et une police (TP n°22 … à parceque maintenant faut faire un pont avec les autres TP ??? pfiouuu.. ;-) )

header.jpg avant:

headerNat

header.jpg après:

headerNat2

Je vais maintenant envoyer ma nouvelle image dans le bon dossier …/…./img/ elle viendra donc écraser header.jpg

FilezillaConf

Il ne me reste plus qu’à regarder le résultat :-)

Image 14

TP World Of WordPress V:

Il ne vous reste plus qu’à faire de même :-) une capture avant :-) une capture après :-) les capture seront affichées dans un article de votre WordPress, vous m’enverrez le lien par mail :-)

Thème : Rubric. Un Blog WordPress.com.

Suivre

Get every new post delivered to your Inbox.