Customiser le thème Wordpress Picture Perfect

Publié le 13 mars 2010 par Drine


Bonjour
voilà, en plus du dernier commentaire qui me demandait comment on changeait les liens du menu de gauche, j’ai régulièrement des recherches qui viennent chez moi genre « changer le menu picture perfect »

Alors picture perfect : pour le télécharger, c’est là : http://wordpress.org/extend/themes/picture-perfect

Ensuite, vous dézippez, puis vous l’installez dans votre ftp, dans les thèmes.
Pour modifier, vous allez sur le fichier « functions », via votre wordpress (apparence > éditeur) ou via votre éditeur préféré (je vais pas tarder à faire un billet là dessus, mais comme c’est un peu lourd et que j’ai pas des masses de temps en ce moment, je trainouille un peu)
Donc dans le fichiers « functions », vous cherchez ça (en recherchant sur la dernière version du thème, je me rends compte qu’il a été mis à jour, et donc c’est un peu plus difficile à trouver )

?[Copy to clipboard]View Code PHP

1
2
3
4
5
6
7
8
9
<!-- default links - these are not used if you have your own pages-->
 
				<li class="bk1"><a href="http://mac-host.com/install.html">About</a></li>
				<li class="bk2"><a href="http://mac-host.com/install.html">Weddings</a></li>
				<li class="bk3"><a href="http://mac-host.com/support">Places</a></li>
				<li class="bk4"><a href="http://mac-host.com/install.html">Food</a></li>
				<li class="bk5"><a href="http://dubbo.org">People</a></li>
				<li class="bk6"><a href="http://macintoshhowto.com">Nature</a></li>
				<li class="bk7"><a href="http://7.barracks.cl">Architecture</a></li>

et vous remplacez par vos liens à vous, pour ma part, cela donne

?[Copy to clipboard]View Code PHP

1
2
3
4
5
6
7
                                <li class="bk1"><a href="http://drine.info/category/photo-nature/">Photos Nature</a></li>
				<li class="bk2"><a href="http://drine.info/category/photo-faune/">Photos Faune</a></li>
				<li class="bk3"><a href="http://drine.info/category/mode-minigeek/">Mode Mini-geek</a></li>
				<li class="bk4"><a href="http://drine.info/category/loup/">Loup</a></li>
				<li class="bk5"><a href="http://drine.info/category/humeur/">Humeur</a></li>
				<li class="bk6"><a href="http://drine.info/category/creations/">Creations</a></li>
				<li class="bk7"><a href="http://drine.info/category/divers/">Divers</a></li>

Voilà, donc les liens sont changés, et aussi les noms des catégories.

Mais si vous voulez par exemple insérer vos propres images, le plus simple et de ne pas toucher au code, et d’aller dans le répertoire « image menu > images » et là vous remplacez les images par celles de votre choix, en faisant attention de bien respecter les dimensions 240*300, sauf si vous voulez que votre menu soit moins large (ce qui est mon cas, mais alors il faut aussi modifier la CSS, et c’est un peu plus compliqué…) Renommez bien vos images comme les images de base, sinon, cela ne fonctionnera pas (moi j’avais un souci avec un .JPG au lieu de .jpg, et ça changeait tout)

D’ailleurs en parlant de CSS, je vous dis vite fait comment j’ai inséré ma bannière :
J’ai rajouté dans le fichier de css (style) avant le premier « #welcomeheading »

?[Copy to clipboard]View Code CSS

1
2
3
4
5
6
7
8
9
#welcomeheading h1 a {
 
   width: 704px;
 
   height: 170px;
 
   display: block;
 
   background: url(/wp-content/uploads/adresse_de_votre_bannière.jpg) no-repeat top center;

Pour la taille, j’ai mis de façon à ce que ça s’adapte à un maximum de tailles d’écran, selon la vôtre ou elle est juste centrée au dessus de la colonne centrale, ou elle va aussi au dessus de la colonne de droite.

Enfin, je pense que j’ai fait le tour des principales modifications de ce thème.

Par contre, je n’ai toujours pas compris pourquoi si j’essaie d’insérer une page « table des matières », ça me modifie toute la structure du thème, entre autre en remplaçant les catégories du menu par les pages…. sans doute une incompatibilité…

voilà passez une bonne journée