Bonjour,
cet article concerne mon ancien thème qui avait un beau menu latéral en javascript.
Voilà, on me demandait régulièrement comment changer les liens du menu de gauche, et j’ai souvent 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é.
Pour modifier les liens :
Donc dans le fichiers « functions », vous cherchez ça :
<!– 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>
et vous remplacez par vos liens à vous, pour ma part, cela donne :
<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>
…etc
Voilà, donc les liens sont changés, et aussi les noms des catégories.
Insérer vos images dans le menu :
Le plus simple est 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). 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)
Pour insérer une bannière en haut de la page :
vous rajoutez au premier #welcomheading la ligne suivante :
background: url(/wp-content/uploads/adresse_de_votre_bannière.jpg) no-repeat top center;
Et ensuite vous jouez avec les padding et les margin pour la mettre à la bonne place.
Si celle- ci a une largeur supérieure à celle du bloc où vous écrivez, le menu déroulant va se superposer à la bannière, ce qui n’est pas forcément intéressant… Il faut alors allez modifier le fichier ImageMenu.css (dans le dossier ImageMenu). Vous ne l’avez pas via l’admin wordpress, il vous faudra aller le chercher avec votre ftp préféré et le modifier avec votre éditeur de texte favori (notepad++pour ma part )
Vous cherchez le code suivant :
#imageMenu {
background-color: #000000;
border-bottom-width: 1px;
border-style: none none solid;
float: left;
height: 708px;
left: 24px;
margin: 0;
overflow: hidden;
padding: 0;
position: fixed;
text-align: left;
width: 240px;
}
Et vous modifiez le « margin:0; » en « margin-top: XXpx; » avec XX correspondant à la hauteur de votre bannière. Votre menu va alors descendre du nombre de pixels indiqué, laissant la place à votre bannière.
Cependant attention : le menu est fixe sur le côté de la page, si vous le descendez trop, les derniers liens ne seront plus accessibles au visiteur qui a une petite résolution d’écran. En effet : beaucoup de monde navigue encore en 1024×768, de base, votre menu fait 708px de haut, si vous rajoutez une bannière de 100px, le dernier lien sera tout juste visible par les plus petites résolutions d’écran.
Enlever ou ajouter des liens au menu :
… et donc des images dans le menu, parce que 7 c’est pas le nombre qui vous va :
Vous commencez par modifier le fichier functions.php. Soit vous enlevez des lignes, soit vous en rajoutez, selon la structure :
<li classe= »bk8″><a href= »http://votre lien »>nom du lien</a></li>
<li classe= »bk9″><a href= »http://votre lien »>nom du lien</a></li>
Ensuite, modifier la css. En effet, votre menu est maintenant ou trop grand ou trop petit.
Attention, les modifications interviennent dans la css du menu, le fichier imageMenu.css contenu dans le dossier imagemenu !
Alors, si vous enlevez des liens, il vous faut modifier la taille globale du menu :
#imageMenu {
width: 240px; /*overall image container width*/
overflow: hidden;
background-color: #000;
border-style: none;
height: 708px; /*overall container height*/
Vous diminuez de 100 ou 101 px par lien enlevé, la hauteur de base d’un lien.
Si vous rajoutez des liens à votre menu, vous pouvez augmenter la taille globale de votre menu, ce que je vous déconseille de faire, pour les petites résolutions d’écrans…. Vos derniers liens en bas ne seront pas visibles, et il n’y aura pas de barre de défilement pour les voir…
Donc je vous conseille de modifier la hauteur de chaque lien. Votre menu paraitra un peu plus « compacté », mais tous vos liens seront accessibles, et au survol de la souris, vos images apparaitront.
Ça se passe ici :
#imageMenu ul li a {
/* change to text-indent: -1000px; if you want to use images in the menu instead of text*/
background:#FFFFFF none repeat scroll 0%; border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:240px; /*image width*/
height: XXpx;
Si vous voulez 8 liens, vous mettez 88 (qui en fait est la hauteur globale du menu divisée par le nombre de liens : 708/8), 9 liens, 708/9 = 78px… etc
Fixer le menu en haut de la page
Voilà, ça vous gave, vous avez envie de mettre 12 liens, accessibles à toutes les résolutions d’écran, et d’avoir un grand menu, vous pouvez fixer le menu en haut de la page, ce qui fait que lorsque vous scrollez la page, vous pouvez accéder au reste du menu. Personnellement, je trouve ça un peu moins joli, mais bon, je vous dis :
Dans ImageMenu.css, vous cherchez :
#imageMenu {
width: 240px; /*overall image container width*/
overflow: hidden;
background-color: #000;
border-style: none;
height: 606px; /*overall container height*/
float: left;
text-align: left;
border-bottom-style: solid;
border-bottom-width: 1px;
left: 24px;
position: fixed;
margin: 0;
padding: 0;
}
et vous supprimez tout simplement l’attribut position : fixed.
Le point faible de ce thème ?
C’est le grand nombre de plugins avec lesquels il se révèle incompatible. Alors si vous avez un souci, commencez par désactiver vos plugins….
voilà passez une bonne journée 
EDIT : Si comme Morgane, vous rencontrez des problèmes avec ce thème, n’hésitez pas à me contacter, je commence à méchamment bien le maitriser, même si je ne l’utilise plus 
Merci Drine,
Dommage que ce soit trop compliqué pour moi.
Bonne journée et bon week-end :respect:
meuh non, c’est facile :p
bisous
Bonjour, je suis en train de créer un blog avec picture perfect aussi et j’ai beaucoup de mal, j’ai programmé 7 menus à gauche et seulement 5 apparaissent :s après des fois il me change l’ordre des menus aussi !
est-ce que ça t’es arrivé?
non, en effet, je n’ai pas eu ce souci, des images qui n’apparaissaient pas tout au plus, mais pour le nombre, c’est étrange puisque c’est 7 par défaut, mais que normalement, on peut modifier le nombre sans problème. Après il s’agit peut-être d’un souci de ton navigateur, genre le cache qui fait des siennes.
sinon, je n’ai pas touché perso au code javascript, même pour modifier la taille de mon menu, qui est normalement beaucoup plus long sur la page, mais qui du coup ne passait plus sur pas mal de taille d’écran, j’ai bidouillé les tailles des images, puis ensuite dans la css. Mais si tu as touché au JS, c’est peut-être de là que vient ton problème… M’enfin, quand je vois ce que ça me fait quand j’essaie d’insérer une page de sommaire, je me dis que les mystères du WP sont parfois des voies impénétrables….
EDIT : d’ailleurs, ton souci, ce ne seraient pas les 2 dernières catégories qui n’apparaissent pas ? parce que si c’est le cas, c’est juste qu’elles sont « en dessous », il te faut alors modifier la taille globale du menu dans la CSS
Merci beaucoup, et mon problème vient bien de la taille globale !
A l'aide !!!!!
Cela doit paraître vraiment idiot mais je n'arrive pas à trouver la solution afin de publier un article dans une des 7 catégories souhaitées.
A chaque fois mes articles se retrouvent sur la page d'accueil, puis-je avoir de l'aide ?!!!
Merci mille fois d'avance !
Bonjour molphette
En fait tes articles sont sans doute dans les catégories, mais par défaut, les articles apparaissent sur la page d'accueil dans l'ordre chronologique décroissant, soit les derniers articles en premier. Si tu ne veux pas, tu peux mettre un article "phare" sur la page d'accueil, en cochant la case "mettre en avant " sur l'article et en réglant le nombre d'articles sur la page d'accueil sur 1 ( faut que je vérifie, mais de mémoire ça doit être dans réglages > lecture)
Voiloup, si c'est pas ça je te dis.
Bon Blogging !!
@molphette, je rajoute une petite précision, tu peux si tu veux régler la page d'accueil dans "Réglages > lecture" et créer une page spéciale (plus propre qu'un article mis en avant)
@Den je m'éclaaate !!!!!! bisous
Bonjour Drine,
Merci beaucoup pour tes réponses.
Je penses avoir compris comment gérer ma page d'accueil par contre il me reste un problème.
Prenons un exemple.
Admettons que tu veuilles publier un article dans ta catégorie " Photos Nature".
Comment t'y prends-tu afin que l'article apparaisse dans cette rubrique lorsque tu cliques sur "Photos nature" ?
Y-a-t-il un réglage spécifique à réaliser lors de la création de l'article genre dans "Page link to " ou autre chose à faire ???
J'espère que ma question est compréhensible !!!
Merci mille fois d'avance !
hé bien, il faut que tu le mettes dans la bonne catégorie :
tu as du créer des catégories (articles >> catégories), lorsque tu écris un article, tu as une case à droite dans laquelle tu choisis la catégorie à laquelle appartient l'article. ton article y sera automatiquement rangé. Si ce n'est pas fait, tu as toujours possibilité de le faire dans articles >> modifier.
Ensuite, tu as du modifier dans le fichier "functions.php" les liens en mettant ceux de tes catégories : pour moi, le premier donne : Photos Nature
ensuite, ton article sera là lorsque tu cliqueras dessus
Bonjour Drine,
Merci beaucoup pour ta patience et toutes tes explications, c'est super j'ai réussi à faire ce que je voulait et même à trouver d'autres chose tout seul en fouillant dans la feuille de style.
Saurais-tu par hasard quelle ligne de code permet de modifier la couleur du texte des catégories (Photos Nature, Photos Faunes …) ?
Merci
@ +
héhé, pour le coup, tu m'as scotchée, je bosse depuis quelques semaines sur un nouveau thème (qui va vraiment beaucoup changer de celui ci !!), et pas moyen de retrouver la ligne "imageMenu" dans la CSS.
Alors, j'ai un petit truc quand je veux retrouver ce genre de chose : l'extension FireBug sur Firefox. Il permet de repérer le code correspondant à telle ou telle partie de la page visitée, et la css. donc il me donnait bien le nom du chapitre de la css (#imageMenu), mais pas moyen de le trouver dans la feuille de style. En fait, je ne me souvenais plus, mais le menu dispose de sa propre CSS, et du coup, tu ne peux pas modifier via l'interface wordpress, mais il faut que tu aille chercher directement le fichier "imageMenu.css", contenu dans le dossier "imagemenu" (pour faire simple), et là, tu trouvera toutes les données de ton texte, entre autre la police utilisée, la couleur..
font-weight: bold;
font-size: 24px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: white;
voilà, je ne vais pas tarder à changer de thème comme je t'ai dit, mais si tu as d'autre question, je me le garde sous le coude celui ci, hésite pas à demander, je suis toujours ravie de t'aider
Bonjour,
je suis en train de créer mon site internet avec picture perfect.
Je souhaiterai changer les photos à gauche et changer changer les mots "abbout, wedding etc" pour en faire mon menu personnalisé.
Or je vois que tu explique qu'il faut aller dans : "répertoire « image menu > images » or je ne trouve pas cet endroit. Je ne suis pas webmaster donc je suis désolée mais si tu pouvais m'expliquer toutes les étapes ce serait super cool. Et surtout quand tu dis de remplacer par nos propres codes on les trouve ou les codes des images ou menu que l'on veut intégrer au site?
Je te remercie d'avance si tu peux m'aider.
Morgane
Alors en fait, je parlais de deux endroits distincts :
tu me dis !
*pour changer les liens et leur nom : tu va dans l’admin wordpress dans apparence > éditeur, et là à droite, tu vas sur le fichier « functions », et à un endroit, ça devrait t’indiquer (en anglais) que les liens à modifier sont sous cette limite (ou un truc du genre) dans le code indiqué au dessus, les liens sont en bleus, et le nom des catégories suit le lien, en noir
* pour les images, c’est dans le ftp : tu dis que tu n’es pas webmaster, mais tu as quand même accès à tes fichiers, là où tu mets tes thèmes, tes plugins quand tu en charges de nouveaux ? tu vas sur le dossier de Picture perfect dans les thèmes, puis, images menu, puis images, et là tu remplaces – en gardant bien le même nom- les images présentes
voilà, j’espère avoir été un peu plus claire, mais c’est vrai que j’ai changé de thème depuis, alors c’est pas forcément facile à visualiser. Si tu veux, demain matin, je suis chez moi, je pourrais te mettre l’ancien thème pour que tu voies ce que j’avais fait
Bonjour,
et merci c'est trop cool. Là je vais pas être chez moi avant 16h mais j'ai compris et effectivement j'ai accès au ftp. J'essaye cet aprem et je te dis si j'ai réussi.
Encore une question, j'ai tout classé dans mon tableau de bord en catégories, sous catégories et articles mais tout es articles apparaissent les uns sous les autres par catégories. Y a t-il un moyen de les faire apparaître page par page en cliquant sur des liens? Je crois que je suis pas claire du tout. Mais en gros je veux pas avoir 10 articles les uns sous les autres…
En tous cas merci pour tout.
Re-bonjour Drine,
j'ai reussi a faire toutes les modifications que tu m'as expliqué. C'est super gentil de ta part. Est-ce que tu sais pourquoi il est écrit "Warning: Wrong parameter count for preg_replace() in /homez.380/compagnial/www/wp-content/themes/picture-perfect/functions.php on line 10" en haut à gauche de mon site? Et je ne n'ai toujours pas trouvé comment classer les articles en sous catégories afin que l'on puisse tous les lire sans qu'ils soient les uns sous les autres… Peux-tu m'aider?
Merci pour tout.
hé bien, je vois que mon commentaire d'hier soir n'est pas passé :/
bon, pas grave :
alors pour le message d'erreur, est-ce que tu pourrais m'envoyer le contenu de ton fichier functions.php, là dessus par exemple : http://pastebin.com/ (tu copies colles) apparemment, il y aurait un signe en trop ligne 10, je comparerais au mien
Par contre je ne comprend pas trop, tes articles apparaissent bien dans les bonnes catégories. Si tu veux que moins d'articles apparaissent par page, ça se règle dans "Réglages > lecture", tu peux le mettre à 1.
si tu ne veux pas que les articles de "les comédiens" apparaissent sur la page "la compagnie", je pense qu'il vaut mieux que tu fasses des pages que des articles.
voiloup, j'espère avoir compris ce que tu veux, chuis pas loin aujourd'hui, hésites pas
Bonjour,
je te remercie de répondre si rapidement… A priori j’ai collé functions.php là ou tu me l’as demandé… dis moi si c ok.
Le truc que je comprends pas c que si je choisis de ne mettre qu’un article par page, les autres disparaissent complètement du site. Je ne sais pas si c’est possible mais dans l’idéal j’aimerais que mes articles soient listés et que l’on puisse cliquer sur le titre pour y accéder.
Et je n’arrive pas a faire un espace entre mon affiche et les infos que je mets à coté… il y a un code spécial pour les espace comme pour les saut de ligne?
En tous cas si t’es sur Paris t’es invité à venir voir notre spectacle « peter pan » quand tu veux…
Bonsoir,
juste pour te dire que pour l'histoire de l'espace entre l'affiche et les infos j'ai compris, il fallait aller dans modifier l'image et option avancé… bref c'est bon.
J'ai bien avancé dans la construction de mon site, tu pourras aller jeter un oeil. Je pense que tu comprendras ce que je voudrais par rapport aux articles. Dans l'espace "La Compagnie" par exemple au lieu d'avoir les lien des pages notées, sur lesquelles on peut cliquer je voudrait que ce soit des photos de chaque comédien (ou leur nom) sur laquelle on clic et on arrive sur la page.
Bonne soirée.
alors je te répond vite fait, j'ai passé ton code dans un validateur, et il y a pas mal d'erreurs, ce qui pourrait expliquer ton message en haut à gauche. le problème est qu'il y a eu de grosses mises à jours dernièrement et que mon code n'a plus rien à voir avec le tien….
bref, je me pencherai dessus ce weekend, je suis loin d'être une vraie geekette !! ^^
Sinon, le plugin auquel je pensais pour lister les pages ne vas pas forcément beaucoup t'apporter, mais c'est tout simple en fait :
tu charges la photo de ton comédien là où tu veux le lien, et lorsque tu as le cadre avec la photo chargée, tu dois avoir un truc genre "cible du lien", et bien à cet endroit tu mets le lien vers la page : normalement, en cliquant sur la photo, on va aller vers l'article sur la personne en question. D'ailleurs, renomme bien ta photo avec le nom du comédien, cela apparaitra au survol de la souris. voilà, je m'y penche ce week end pour les erreurs, je me chargerai la dernière version de picture erfect, comme ça je saurais où je vais
Merci encore une fois!
Ca marche pour les liens!!!
Et ok pour les erreurs j’attends de tes nouvelles.
Bonne journée!
Bonjour Drine,
Moi aussi je fais un appel au secours ! Je ne vois pas trop comment modifier le nombre des entrées du menu de gauche. Par défaut, il y en a donc 7, mais comment je fais si j'en désire seulement 5 ou 10 ?
J'ai lu tous les commentaires, mais je n'ai pas vu cette info je pense. (J'espère que ce n'est pas trop compliqué, je ne suis pas une championne !)
Et au passage, bravo pour le très joli site.
Célestine
Coucou celestine !
Alors je ne suis pas sur mon PC, mais il me semble qu'il suffit de mettre le nombre de liens que tu veux dans functions.php et le menu s'adapte automatiquement. Si tu veux en mettre plus, tu utilises la même structure que les autres en augmentant ( de mémoire c'est un truc avec li et bk)
Si besoin tu m'envoies les liens et je te fais le code
Je te regarde ça plus précisément demain matin et je te dis si je me trompe
EDIT : alors oui, c'est ça, mais je crois que tu ne peux pas aller au delà de 7 catégories sans gratter dans le code. En fait j'ai enlevé un plugin ce week end qui permettait d'afficher le code. Donc tu changes les liens comme expliqué, si tu as un souci, tu me dis ^^
Bonjour Drine,
Oui, il me semblait bien que c'était du côté des "li" et "bk". Je suis arrivée à avoir 5 pages (ceci dit, la ligne blanche en bas reste au niveau initial, comme s'il y avait 7 lien), mais impossible (pour l'instant) d'en mettre 8….
Est-ce qu'il faudrait intervenir sur la page functionsold.php ? Ou c'est vraiment QUE à cet endroit là qu'il faut intervenir ?
Et merci pour ta première réponse si rapide
C'est encore moi,
Juste pour info, toujours en cherchant la réponse à ma question, je suis tombée sur ce site :
http://albarsark.com/wordpress/?p=14204
C'est trop ardu pour que j'y comprenne quelque chose en 10 minutes, mais probablement est-ce que ma réponse est dedans…
coucou,
oui, parfait ce site, ils reprennent juste le menu sans le reste du thème !
Donc si tu en veux plus de 7, il faut rajouter des lignes dans la css pour qu'il fasse appel aux bonnes photos (en plus du lien dans le fichier functions.php) : genre pour qu'il fasse appel à la numéro 8 :
#imageMenu ul li.bk8 a {
background: url(images/8.jpg) repeat scroll ;
border-right-style: none;
}
il s'agit de la css comprise dans "imagemenu" (imagemenu.css d'ailleurs) et non le style.css de ton thème!
Pour moins de photos et remonter la barre du bas, il faut changer la taille globale du menu (la hauteur exactement) et c'est toujours dans la css :
height: 606px; /*overall container height*/
Hello,
Merci pour le résumé (dur dur de comprendre le tutoriel de l'autre site) et l'info concernant la barre du bas.
Pour l'instant, j'ai tout fait comme tu m'as indiqué, mais ça ne change rien. J'ai pourtant 1) ajouté une 8e image, 2) ajouté le lien dans la fonction du thème et 3) ajouté ce que tu m'as indiqué dans imagemenu…
Je continue à chercher et dès que j'y arrive… Je préviens
OK, tu me dis, j'ai peut etre zappé un truc a faire dans le js. Demain j'aurais le temps de m'y pencher, si besoin tu dis !
C'est super sympa !
alors, que veux tu faire, parce que je fais tourner le thème chez moi, et no soucy, j'arrive bien à rajouter des liens, j'en suis à 8 là, et pas de problème
dis moi, chuis dessus !
Hello,
Super ce site! Je sens qu'il me serra très utile…
Moi j'ai un problème pour pouvoir mettre le thème.
Je l'ai sélectionné dans le menu "themes" mais quand je clique ensuite sur "picture-perfect", j'ai un message qui me dit que je dois installer le plugin "page-links-to", je l'ai donc installé et activé pourtant le message reste toujours le même…
This theme works best with the page-links-to plugin installed. You can install and activate it from the plugin's page.
Tu sais quel est le problème?
Solange
bonjour Solange
pour modifier le thème, il ne faut pas aller sur l’onglet « picture perfect » mais dans « apparence > éditeur ».
Pour le plugin « pages links to », j’ai vu ça, je ne sais pas, peut-être que lorsque tu vas créer tes pages, ce message va disparaitre ?
Bonjour Drine !
Je débute en php, mais je n’y arrive pas pour ce modèle Picture Perfect. J’essaye de changer l’ordre des onglets coulissants de la colonne de gauche (pour respecter l’odre des pages indiquées en colonne de droite) en suivant vos conseils et changeant les codes (ce sont des pages et pas des dossiers comme vous)… Quoi faire ? Merci de l’aide ! Olivier
Bonjour Olivier !
vous avez essayé de changer l'ordre via les "bk" ? bk1 est votre premier lien, bk2 le second, etc…
moi j'ai dans l'ordre agenda, presse, galerie, contact, vidéo, espace pro, discographie
on est pas obligés d'avoir des trucs à dire !! ^^ plein de bisous ma Domi
Bonjour
je débute un peu, et j’aurai aimé insérer une bannière animée à la place de la fixe comme tu l’as expliqué saurais tu comment le faire?
Pleeeaasse !
Bonjour !
En fait je pense que tout dépend du format de ton animation. Si c’est un gif, tu dois pouvoir l’inserer via la CSS, comme indiqué. Par contre s’il s’agit de flash, il faut passer via le php, et je ne peux pas trop t’aider mais je pense qu’il faut insérer une balise script…
Bon courage !
Bonjour,
Picture perfect est-il conseillé pour la cration d’un blog ou s’apprente t-il plutôt à un site.
Merci.
Vacancier
en fait, Picture Perfect est un thème pour WordPress, qui peut aussi bien propulser un blog qu’un site
tu peux voir le thème sur le site de la compagnie acte Deux : http://www.compagnieactedeux.com/
bonne journée
Bonjour,
merci Sandrine pour ta réponse, et bravo pour le site.
Je me permet de te poser une autre question….la dernière promis.
Et-il possible que les utilisateurs du blog envoient des photos en même temps qu’un commentaire.
Merci encore.
oui, il existe des plugins pour cela, ici, j’utilise disqus qui gère les commentaires, et si on laisse l’adresse d’une photo, la met en pièce jointe. Mais il existe des plugins spécifiques qui permettent de rajouter une case après l’endroit ou tu laisse ton commentaire
Bonjour,
merci pour ces renseignements.
Je vais les mettre en application.
A bientôt.
Bonjour Drine!
1000 merci pour ton site et tes conseils clairs qui m’ont permis d’éditer enfin mon site…et de le personnaliser.
Cependant j’ai vu que sur le site de la Compagnie Acte2 que tu mets en exemple, ceux-ci ont mis leur logo en haut de leur page d’accueil… ce que je voudrais faire sur le mien. Aurais-tu la manip pour le faire apparaitre à cet endroit?
Merci d’avance!
Denis AUBRY Articles récents..« Natures Lorraine » chez SLEVY à Roville-devant-Bayon (54)
alors en fait, j’ai modifié dans sa css :
#welcomeheading a {
background: url(« http://www.compagnieactedeux.com/wp-content/uploads/2011/04/Logo-Cie-Acte-II-format-CD-3.jpg ») no-repeat scroll left center transparent;
color: #FFFFFF;
font: 40pt « Euphemia », »Lucida Grande »,Lucida,Vernada,sans-serif;
margin-bottom: 40px;
margin-left: -260px;
padding-bottom: 30px;
padding-left: 260px;
padding-top: 20px;
text-decoration: none;
}
donc, j’ai rajouté l’image en background de l’endroit où se situe le titre, puis, j’ai joué avec les margin et les padding pour le mettre au bon endroit. je ne me souviens pas, mais je crois que le menu se descend automatiquement… Teste et dis moi
Merci Drine pour ta réponse…
je vais essayer ta manipulation….
Désolé de réagir si tard…
Rebonjour Drine…
Bon j’ai enfin un peu de temps pour me relancer dans mon site…
Merci pour tes infos… mais voila j’ai un petit problème que tu vas certainement résoudre:
Il y a plusieurs lignes
#welcomeheading a {
dans mon CSS, sur laquelle agir?
De plus dois-je mettre l’adresse de mon logo pour qu’il s’y affiche?… ou dois-je le télécharger comme pour les autres images de mes articles?
Enfin je constate que les images de mon site n’apparaissent pas quand on l’ouvre avec Internet Explorer, alors qu’il n’y a pas de problème avec Mozilla…
Etrange…
Comme tu te doutes je suis très très novice dans ce type de manipulations et je galère pas mal. Mais ton site m’a déja pas mal dépanné!
1000 merci!
Denis
AUBRY Denis Articles récents..« Natures Lorraine » chez SLEVY à Roville-devant-Bayon (54)
je regarderai demain, pas le temps ce matin
Alors j’ai vérifié, il y a bien qu’un seul #welcomeheading a {… les autres ou tu as pas le a, ou tu as a:hover.
J’ai copié collé le tien et rajouté en gras les lignes pour rajouter une image en background
#welcomeheading a {
background: url(« http://www.adresse_de_ton_logo.jpg ») no-repeat scroll left center transparent;
margin-left: -260px;
padding-left:260px;
color: #FFFFFF;
font: 40pt « Trebuchet MS », »Lucida Grande »,Lucida,Vernada,sans-serif;
margin-bottom: 10px;
padding-bottom: 15px;
padding-top: 30px;
text-decoration: none;
}
Mais il faut aussi que tu ailles modifier un truc dans « imageMenu.css »
tu cherches :
#imageMenu {
background-color: #000000;
border-bottom-width: 1px;
border-style: none none solid;
float: left;
height: 708px;
left: 24px;
margin: 0;
overflow: hidden;
padding: 0;
position: fixed;
text-align: left;
width: 240px;
}
et tu modifies « margin: 0px; » en « margin-top : 120px; » ce qui va faire descendre ton menu déroulant de 120px, soit la taille d’un logo qui s’intègrerait bien
voilà, je pense que ça doit être bon, sinon, ce sont juste des ajustements avec les margin et padding (dans style.css, tu ne devrais pas avoir à retoucher à l’autre à moins que tu veuilles encore déplacer le menu) et il faut que tu testes et tu t’entraines pour comprendre : un bon article explicatif ici http://css.mammouthland.net/margin-padding-css.php
Bonjour,
Alors voilà, j’ai un petit souci lorsque j’essaye de changer les liens de la barre qui se trouvent à gauche….il apparaît cette erreur-ci « Parse error: syntax error, unexpected ‘<' in /homez.311/mariecoue/www/wp-content/themes/picture-perfect/functions.php on line 14".
Je précise que dans le code il est indiqué '
Je ne sais donc pas quoi faire, ni comment changer l’ordre de mes pages….Un petit conseil serait le bienvenu ^^
Merci d’avance!
bonjour
à quel endroit as-tu changé tes liens ?
En fait, j’ai rencontré le problème avec Morgane sur son site http://compagnieactedeux.com. On a fini par modifier les liens dans ce fameux functions.php et ainsi on a pu mettre celui qu’on voulait dans l’ordre qu’on voulait. Parce que sinon, il me semble qu’il va récupérer tes pages, mais dans l’ordre ou tu les créées donc c’est pas génial. Tu modifies comme je l’explique dans l’article et ça devrait aller. bk1 pour ton premier lien, etc…
Par contre un truc me revient brutalement en tête : il me semble que c’est l’éditeur de wordpress qui fait planter une ligne de code de ce fichier :
function slider_menuparse($input) {
$output = preg_replace(« ‘page-item-\d+’ », ‘page-item-11′, $input, -1, $count);
$number�=�0;
qui devrait être en fait $numberÊ=Ê0;
Soit tu modifies avec un autre éditeur, genre notepad++, sinon, corrige bien avant d’envoyer, pour ne pas avoir ce message d’erreur
(en fait l’éditeur wp a tendance a faire pas mal de sottises dans ce genre….)
N’hésite pas à me redemander si besoin
Bonjour,
J’ai réussi à m’en sortir!! En fait ce qui bloquait c’était la condition du nombre de pages existantes….je l’ai modifié et sa marche!C’est le principal, mais effectivement, l’éditeur de wordpress posait lui aussi pb!
Merci pour le coup de main en tout cas!
Encore merci pour ton aide Drine.
J’ai bien trouvé la ligne et y ai collé tes lignes et l’adresse web de mon logo (depuis un autre de mes sites)… mais rien ne se passe. Quant à la ligne « UImage menu » je ne la vois pas…. peut-être devrais mettre à jour WordPress et mon picture perfect mais j’avoue ne pas bien maîtriser les modalités, un peu compliquées et ne veux pas risquer de perdre mes modifications du site…
Il va falloir que je maîtrise mieux tout ca!
Denis AUBRY Articles récents..« Natures Lorraine » chez SLEVY à Roville-devant-Bayon (54)
ImageMenu n’est pas une ligne, c’est un second fichier de CSS que tu ne peux pas modifier directement par l’admin wordpress, mais il te faut passer par ton ftp et un éditeur wordpress. C’est ce qui te permet de modifier l’aspect de ton menu (largeur, toussa) et entre autres le descendre un peu sur la page pour que ton logo puisse apparaître
Bon… trop compliqué pour moi tout ça….
Je pense que je vais me passer de mon logo..
En tout cas 1000 merci pour ton aide!
Denis Articles récents..« Natures Lorraine » chez SLEVY à Roville-devant-Bayon (54)
Salut,
Je voudrais changer la couleur du texte de mes articles mais je n’y arrive pas.
J’ai tout essayé mais rien n’y fait !
Tu aurais une piste ?
J’ai changé le body a dans le CSS mais ça ne change pas
body a {
color: #000;
text-decoration: black;
}
ps: au faite merci grâce à toi j’ai pu changer le menu de gauche
je bloquais aussi dessus hehe
link Articles récents..Par : yukti
body {
color:#FFFFFF;
font-family:’Lucida Grande’, Tahoma, ‘Lucida Sans Unicode’, Verdana, sans-serif;
tu changes color:# par ce qui t’intéresse
(le body a c’est pour les liens il me semble)
voilà, bonne fin de journée !
Merci =)
J’ai essayé ta manip mais ça ne change que la couleur du titre de l’article le reste ne bouge pas :s.
Si tu as une idée d’ou peut venir le soucis ?
Merci encore de ton aide.
tu as écrit du texte, je peux donc facilement savoir où ça se trouve avec Firebug
indispensable quand tu bosses sur un design !
donc tu vas ligne 239 :
#content p, #content .post ul li {
color:#EAEAEA;
font:normal normal normal 13px/20px Verdana, Helvetica, sans-serif;
margin-bottom:10px;
et tu changes la couleur, ou tu enlèves la ligne, ce qui fait que tu tombera sur la même couleur que le titre
ça marche niquel
, j’ai utilisé firebug mais à trop avoir le nez dedans on voit plus rien .
Merci pour ton aide et ta réactivité ^^. A bientôt.
link Articles récents..Par : yukti
Re, je pensais pas revenir si vite lol mais j’ai une autre question à te soumettre. Je voulais savoir si il était possible de changer la couleur du texte dans le menu en java et si on pouvait aussi centrer le texte dans les images
.
link Articles récents..Par : yukti
Alors oui, sans problème :
c’est dans imageMenu.css ligne 33
#imageMenu ul li a {
background-attachment:scroll;
background-clip:initial;
background-color:#FFFFFF;
background-image:none;
background-origin:initial;
background-position:0 50%;
background-repeat:repeat repeat;
border-right-color:#FFFFFF;
border-right-style:solid;
border-right-width:2px;
color:white;
cursor:pointer;
display:block;
font-family:’Helvetica Neue’, Arial, Helvetica, Geneva, sans-serif;
font-size:24px;
font-style:inherit;
font-weight:bold;
height:90px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:left;
text-decoration:none;
text-indent:10px;
text-shadow:#000000 3px 3px 4px;
vertical-align:baseline;
width:240px;
Bonjour,
Parfait c’est pile poil ce que je voulais,autre petite question si tu as le temps
je voulais mettre un menu déroulant dans certaine page. Donc je sais pas si il est possible d’incrémenter sur différente pages des menus déroulants différents ( qui ne renvoi pas sur les même page) ?
Pense tu que c’est possible ?
Encore merci du coup de main
link Articles récents..Par : yukti
non, pour le coup, je ne pense pas que ce soit possible, les pages sont globalement gouvernées par un fichier, leur constitution de base est donc la même pour toutes. et puis même, je vois pas trop comment on pourrait le mettre en place, faudrait recoder le fichier functions.php pour avoir deux menus différents, et alors là, il faut t’adresser à un vrai codeur, moi je suis trop débutante pour ça ^^ Disons qu’en info rien n’est impossible, mais là, on est loin de mes capacités !
Dsl pour le doublon y’a eu un petit bug
link Articles récents..Par : yukti
hop, doublon supprimé
ok je te remerci pour ta réponse et ton aide je vais essayer de voir ce que je peux faire dans le même genre
link Articles récents..Par : yukti
Bonjour,
Je reviens vers toi car j’ai un soucis assez étrange, à chaque fois que je rée une nouvelle page mon menu de gauche saute. Je sais pas du tout pourquoi quoi que j’écrive dedans ça saute. Si ça t’es déjà arrivé ou une idée d’ou ça peut venir :s.
Merci
oui, je pense que pour faciliter la manipulation du menu, ils ont fait ça dans les dernières versions de ce thème, c’est à dire à chaque fois que tu crées une page, ça essaie de l’intégrer au menu de gauche. moi je trouve que ça fout plus le bazar qu’autre chose mais bon…
Bonjour Drine,
Tout d’abord 1000 merci pour tous tes précieux conseils qui m’ont permis de commencer à éditer mon site.
Néanmoins je rencontre un petit problème. je pense que j’ai dù passer à coté mais comment puis-je faire pour que lorsque je clique sur l’un des « items » du menu de gauche cela renvoi à une page précise. En clair, pour l’instant quand je clique sur un des items ça me renvoi sur une erreur 403. En fait je crois je n’ai pas compris grand-chose en ce qui concerne la différence entre les pages, catégories et les articles. Et surtout comment je dois paramètrer tout ça.
Bref, j’aurai bien besoin d’un p’tit coup pouce…
Encore merci à toi
Lionel Articles récents..Bonjour tout le monde !
bonjour !
alors je ne comprends pas trop votre problème parce que je n’ai aucune 403 quand je vais sur votre site, et en fait si vous rentrez les liens comme indiqué dans le billet, normalement, ça renvoie au bon endroit, même si les dernières versions de Picture Perfect sont un peu plus récalcitrante, et ça, qu’il s’agisse d’une page, une catégorie ou n’importe quoi en fait ^^
Dites moi en plus, mettez le en place et je vous dirai le souci
Bonjour Drine !
Alors en effet, depuis mon post, il n’y a plus cette erreur 403 car j’ai trouvé qu’en créant autant de catégories que de galeries dans le menu de gauche et en y associant, à chacune, un article cela faisait disparaitre cette erreur 403. Je ne sais pas si cette manip est bonne mais ça a l’air de marcher comme ça. Alors du coup je ne sais pas à quoi servent les pages !! Bref je vais continuer à chercher ! Par ailleurs, maintenant, quand je clique sur une des catégories j’ai une ligne « you are currently browsing the Portrait, par exemple, category » que je voudrais bien faire disparaitre.Et aussi, lorsque je veux mettre un titre au site pour qu’il apparaisse dans la barre de titre, il apparait aussi en surimpression sur ma bannière !
Bref c’est plein de petits détails comme ça que je cherche à régler. Et comme je n’y connais pas grand-chose j’ai un peu l’impression de faire n’importe quoi et surtout au hasard
En tout cas n’hésitez pas à me donner votre avis et surtout si ce que j’ai fait est cohérent.
Encore merci pour votre aide et vos précieux conseils.
A bientôt.
Alors en fait ce sont principalement des problèmes liés à wordpress lui même ^^
Les articles sont rangés dans des catégories. Les pages par contre non, ce sont des pages plus statiques, qui ne rentrent pas dans les catégories, genre, imaginez une page « contact » ou « remerciements » (ou comme moi, j’ai une page « peupleloup », et une autre « liens », et elles sont indépendantes de mes catégories)
Ensuite, je vais rechercher où se situent vos deux petits problèmes :
hop, j’ai retrouvé des fichiers dans mon pc :
>> donc pour enlever la ligne qui ne te plait pas, tu vas sur le fichier « category.php »
tout au début, tu supprimes :
You are currently browsing the < ?php single_cat_title(''); ?> category.
>> pour le titre, je pense qu’il faut supprimer, dans le fichier header.php : après
$replacewith = array('‘,’‘);
echo str_replace($replacethese, $replacewith, get_bloginfo(‘title’)); ?>
là je suis pas sûre à 100% parce qu’il faudrait pour cela que tu aies l’erreur en fait, mais quand j’essaie de la reproduire chez moi, c’est ce qu’il me semble. Là, ça te garde la bannière qui lie l’accueil, mais ça vire en fait le titre en surimpression.
Bon, voilà, en fait, une fois que tu auras appris à manipuler les différents fichiers .php tu verras, c’est pas si compliqué
bon courage, je garde un oeil chez toi ^^
Bonjour Drine, le fils d’un ami souhaite que je lui fasse un blog et il a choisi Picture Perfect comme thème, malheureusement pour moi car je ne le trouve pas super à configurer.
J’arrive à modifier beaucoup de choses mais là, je bloque !!!! Comment fait-on pour traduire ce thème, tous ces Add a comment, posted, you are currently browsing… J’ai beau chercher je n’ai pas trouvé, d’autre part, j’ai bien corrigé l’affichage de la date dans les réglages généraux, mais l’affichage demeure février 23rd, 2012. au lieu de 23 février 2012.
Merci de tes retours.
Bonne continuation.
alors pour la traduction, à part le faire à la main, je n’ai vraiment pas trouvé d’autre solution…
Genre pour « add a comment », ça se trouve dans le fichier index.php pour la page d’accueil, single.php pour les articles seuls, tu verras, tout est noté dans les fichiers, c’est pas super long de le modifier, mais faut se les taper un par un (me demande si je devrais pas mettre en ligne une version traduite, le truc c’est que ce sont absolument pas mes fichiers, donc pas trop le droit de modifier tout ça…)
« you’re currently browsing » c’est dans category.php si je me trompe pas
Pour l’heure, pareil, tu as des balises < ?php the_time(‘l, F jS, Y’); ?> et il te suffit de changer l’ordre des lettres entre parenthèses…
faut tout faire à la main, mais je l’ai déjà fait plusieurs fois et je sais que c’est pas super long quand tu as pigé comment traquer l’anglais ! (merci d’ailleurs la fonction recherche de mon navigateur)
j’espère avoir pu t’aider un peu
Bonjour,
en effet je me suis tapé toutes la traduction de mon ancien thème.
Mais au bout de 4 ans je me décide à changer de thème et je m’attaque à celui ci (picture prefect), je pense le finir à la fin de la semaine prochaine.
Je vais le laisser en maintenance durant ce temps ou remettre l’ancien en attendant , je ne suis pas encore.
Comme expliquer précedemment ce n’est pas très compliqué juste fastidieux.
Pour info : utilises notepad pour copier coller chaque fichier php puis tu fais un CTRL+H pour rechercher et échanger le mot par la traduction, c’est un poil plus rapide ..
bon courage
Bonjour Drine,
J’ai créé mon site depuis 2 ans, je voudrais installer le plugin e-commerce. Est-ce que ce thème est compatible avec une boutique en ligne ?
Merci
Alors là je ne sais pas, il faut essayer, c’est la seule solution, parce que ce thème est assez capricieux avec les plugins…
Oui, effectivement. J’ai essayé et je n’arrive pas à régler les différents affichages des produits.
Petite question : sur mon site j’ai le menu détaillé sur la droite. Est-ce que l’on peut garder ce menu détaillé avec des widgets ? l’un écrase l’autre…
Je vous remercie, je continue à chercher !
A+
bon, je n’ai pas le temps de m’y pencher ce soir, mais je ferai des tests demain matin
bon, chez moi, avec les menus personnalisés de wordpress, ça a l’air de fonctionner, et je vois que chez vous aussi, est-ce que vous cherchez à faire ?
Hé bien, je voulais mettre l’icône et non le lien de facebook sur la droite et l’icône j’aime de facebook.
pour le j’aime de facebook, il existe tout un tas de plugins. mais on peut aussi le coder directement dans le thème, ce qui permet de le mettre ou on veut !
Dites moi
Je vous remercie pour l’info. Je vais chercher pour les plugins. Est-ce que vous avez le code ? Où faut-il le placer pour que l’icône apparaisse à droite ?
Je vous remercie par avance.
Bien cordialement
alors sur mon autre blog http://mamanlouve.wolf.am je me sers de ce plugin, qui met le j’aime de facebook, le bouton twitter et le +1 de google :
Je pense que c’est le plus simple et le plus pratique que j’aie trouvé !
http://wordpress.org/extend/plugins/facebook-twitter-google-social-widgets/ Il les met avant ou après les billets, tu choisis
Sur ce blog, j’ai pas le j’aime de facebook, c’est juste un bouton de partage, je peux bien sur te filer le code : < a target= »_blank » href= »http://www.facebook.com/sharer.php?u=< ?php the_permalink(); ? rel="nofollow">« >
< img alt= »" src= »< ?php bloginfo('template_directory'); ?>/images/facebook.ico »/>
>
dans img src, tu mets l’adresse du bouton que tu veux, j’ai préféré mettre ce bouton ici, pour plus l’intégrer, et aussi avoir un truc plus personnel ^^
Tu veux le mettre où à droite en fait ? dans la sidebar ? à droite du titre du billet ?
Et pour le code du bouton j’aime, tu peux aller là aussi https://developers.facebook.com/docs/reference/plugins/like/
Merci Drine, pour l’aide. Effectivement c’était simple !
Toutes mes ficelles de caleçons pour ce blog simple ouvert et bien fait !!!
Juste une petite question avant que je mette les mains dans le cambouis …
Je n’ai pas compris (trop de EDIT) comment tu intègres un bandeau image au sommet du thème ?
Cordialement
Manu
elmanu Articles récents..Run des F.F dans le Vaucluse
eh bien tu as raison, je prendrais le temps de retaper tout au clair demain, on s’en fout maintenant de la version 2008 de ce thème ^^
en attendant, tu rajoutes au premier #welcomheading la ligne : background: url(/wp-content/uploads/adresse_de_votre_bannière.jpg) no-repeat top center; et ensuite, tu joues avec les margin et les padding pour le mettre à la bonne place, et tu modifies aussi ImageMenu.css si ta bannière va jusqu’au dessus du menu déroulant (en fait, j’avais expliqué à Denis ici)
voilà, bon courage pour la trad !
Cordialement !
Merci beaucoup pour la réponse, juste une question encore :
Dans quel fichier php je rajoute cette ligne ?
D’avance merci
Cordialement
Manu
c’est pas dans un .php, mais dans style css
Merkiiiiiiiiiiiiiiiiii :-p
elmanu Articles récents..Run des F.F dans le Vaucluse
Décidément traduire est plus simple.. Grrr
Donc j’ai bien coller ta ligne après le 1er welcomemachin, mon image est sur : http://waregh.free.fr/sitamanu.gris.jpg, elle fait 640*156 mais n’apparait pas …
J’ai essayé diverses résolution mais quedal !!!
Auraus tu une idée ?
elmanu Articles récents..Run des F.F dans le Vaucluse