Wordpress CMS

18 juin 2009

Zoom sur les thèmes

Filed under: Interface privé,Themes,WordPress — E_influenceur @ 19 h 20 mi
Tags:

address_bookAvec les nouvelles versions de WordPress il fallait pour changer de thème, le faire via FTP, depuis quelques versions, WordPress facilite l’installation des thème via l’outil Apparence. Par défaut, le thème présent est bleu ce n’est pas qu’il n’est pas joli, mais WordPress propose pas moins de 800 thèmes différents. Ce qui serait dommage de ne pas les tester :-)

Voici par défaut le thème :

Thème par défaut

Thème par défaut

Grâce à l’outil “Apparence” vous pouvez changer le thème de votre Weblog très rapidement.

L'outil "Apparence" via votre interface privé

L'outil "Apparence" via votre interface privé

En cliquant sur Ajouter de nouveaux thèmes vous pouvez installer un autre thème rapidement

Thème Journalist

Thème Journalist

Même si l’outil fonctionne bien il est toujours bien de savoir dans quel répertoire se trouve vos thèmes, pour cela retournons dans Filezilla:

Connectez vous à votre compte

Le dossier “themes” se trouve dans le répertoire /wp-content

Double cliquez sur le dossier themes

r

Trois thèmes 1) classic 2)default 3)journalist

Entrons dans le dossier du thème default

Image 35

Les fichiers qui constituent votre theme defaut

En double cliquant sur le dossier image vous accédez aux images du thèmes… il est alors assez facile de changer une image de son thème non???…

Reprenons… des thèmes il en existe des centaines tous différents les uns des autres: normalement chacun devrait trouver un thème à son goût… ou alors vous êtes très difficile…

Exemple de thèmes:

Image 37 Image 38 Image 40 Image 39

Zoom sur l’installation d’un thème:

Cliquez sur l’outil Apparence, sélectionner ajouter un nouveau thème

Vous pouvez choisir un thème par mot, mot clé..

Vous pouvez choisir un thème par mot, mot clé..

Vous avez également la possibilité de filtrer les résultats:

Recherche par filtre

Recherche par filtre

Exemple d’installation par mot clé:

Je recherche un thème sur la nature je tape donc nature et je clic sur Recherche

Thèmes proposés à partir du mot clé: nature

Thèmes proposés à partir du mot clé: nature

En cliquant sur Apercu, WordPress vous montre ce que votre weblog donnera avec ce thème, si il vous plait cliquez sur Installer.

Voici en un clic à qioi ressemble le site catic6.free.fr

Image 46

Voilà vous savez installer un thème.

De rien

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.