Vous n'êtes pas identifié.
Annonce
Mettez-vous à jour ! WordPress 3.3.1 est disponible en français.
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter
#1 16-03-2010 12:21:35
- alesson
- Connaisseur WP
- Date d'inscription: 13-02-2010
- Messages: 31
Menu image
Bonjour,
J'aimerais avoir un menu avec des images au lieu du texte et chaque page de ce menu aurait une image comme ici:
http://afrancisco.latetedansleweb.org/lca/
dans le html, j'ai fait tout simplement une div pour chaque rubrique
#accueil
#presentation
et je mettais l'image.
Comment puis procéder sur Wordpress ?
Merci
Hors ligne
#2 16-03-2010 13:48:41
Re: Menu image
Ben pareil :-) Il suffit de coller le code html au bon endroit dans le thème.
Hors ligne
#3 16-03-2010 13:52:05
- alesson
- Connaisseur WP
- Date d'inscription: 13-02-2010
- Messages: 31
Re: Menu image
ben non, car je dois appeller chaque page différente
par exemple
#accueil
>>> ici je dois appeller la page( et pas catégorie) accueil pour que je puis rajouter du contenu après non ? comment faire pour que la "ul" d'accueil ne soit pas pareil à presentation par exemple ?
Hors ligne
#4 16-03-2010 14:20:56
Re: Menu image
J'avoue que je ne comprends pas le problème ici. Si vous savez faire un menu avec le bon css où se situe le problème (pour appeler chaque page il suffit de coller le lien vers la page ?).
Hors ligne
#5 16-03-2010 14:28:07
- alesson
- Connaisseur WP
- Date d'inscription: 13-02-2010
- Messages: 31
Re: Menu image
ah oui ! je viens de m'en rendre compte de ça maintenant looooooooooooooooooool
genre
<div id="accueil">
<a href="index.html"></a>
je suis connnnnnnnnnnnnnnnnnn
donc mon code ça serait du genre:
<div id="menu">
<div id="accueil">
<a href="LIENWORDPRESS.html"></a>
</div>
<div id="presentation">
<a href="LIENWORDPRESS"></a>
</div>
<div id="services">
<a href="LIENWORDPRESS"></a>
</div>
<div id="prix">
<a href="LIENWORDPRESS"></a>
</div>
mais là, si un handicapté en informatique veut rajouter une page avec une image il ne pourra pas, car il faut rajouter l'image plus les divs dans le code c'est ça ?
Hors ligne
#6 16-03-2010 15:09:53
Re: Menu image
Ben oui, c'est pas pour les handicapés. Mais il n'y a pas le choix. Si vous voulez automatiser le menu (c'est possible), vous ne pouvez pas personnaliser par des images.
Hors ligne
#7 16-03-2010 15:10:02
- alesson
- Connaisseur WP
- Date d'inscription: 13-02-2010
- Messages: 31
Re: Menu image
Ok ça marche, mais là j'ai deux images d'accueil, pourquoi ?
http://img260.imageshack.us/img260/5971/capturexc.png <regarde
merci
Hors ligne
#8 16-03-2010 15:42:07
Re: Menu image
Peut pas le dire. Il faudrait voir le site... Firebug pourrait expliquer ce qui se passe.
Hors ligne
#9 13-04-2010 08:23:35
- falkon1000
- Connaisseur WP
- Date d'inscription: 10-01-2010
- Messages: 47
Re: Menu image
Bonjour,
As tu trouvé ta solution ? Je cherche à faire exactement pareil mais je ne trouve pas.
La solution d'ajouter des div ne me plait pas car pas automatisée et trop compliquée pour un novice.
Déjà, je n'arrive pas à trouver où le menu est "fabriqué".
Car si je trouve, c'est simple, il suffit de modifier le code PHP pour que, à l'affichage, au lieu de générer par exemple <li>accueil</li> il génère un <li> avec une <img> dont la source est $titre.".jpg" et le alt= le titre du menu texte.
Si tu me dis où est créé le menu, je pourrais donc t'aider, échange de bons procédés :p
Hors ligne
#10 13-04-2010 11:05:10
- alesson
- Connaisseur WP
- Date d'inscription: 13-02-2010
- Messages: 31
Re: Menu image
Il suffit de faire
<ul>
<?php wp_list_pages('title_li='); ?>
</ul>
pour afficher les pages
<ul>
<?php wp_list_categories('title_li='); ?>
</ul>
pour afficher les categories
Hors ligne
#11 13-04-2010 12:06:53
- falkon1000
- Connaisseur WP
- Date d'inscription: 10-01-2010
- Messages: 47
Re: Menu image
Oui ça je sais bien mais cette fonction wp_list_pages elle est définie où ? Je voudrais modifier ce qu'elle génère pour qu'elle génère un code contenant des images!
Hors ligne
#12 13-04-2010 12:13:34
- alesson
- Connaisseur WP
- Date d'inscription: 13-02-2010
- Messages: 31
Re: Menu image
euh, c'est ça ce que tu veux ?
http://codex.wordpress.org/Template_Tags/wp_list_pages
Hors ligne
#13 13-04-2010 12:15:29
- falkon1000
- Connaisseur WP
- Date d'inscription: 10-01-2010
- Messages: 47
Re: Menu image
Non non ! Moi je veux carrément voir où est créée la fonction wp list pages().
En fait, je ne veux PAS que cette liste contienne du texte.
Je veux pas créer :
<li>Accueil</li>
Mais :
<li><img src="image" alt="Accueil" /></li>
A moins que je ne puisse me servir de link before et after ? Je vais tester.
Dernière modification par falkon1000 (13-04-2010 12:15:55)
Hors ligne
#14 13-04-2010 12:17:37
- alesson
- Connaisseur WP
- Date d'inscription: 13-02-2010
- Messages: 31
Re: Menu image
regarde cet article, je crois qu'il faut voir le fichier fonctions de la page , c'est là ou tu pourras changer quelque chose je crois
http://www.planeteduweb.com/wordpress-l … -mot-pages
Hors ligne
#15 13-04-2010 12:19:04
- falkon1000
- Connaisseur WP
- Date d'inscription: 10-01-2010
- Messages: 47
Re: Menu image
Ok parfait c'est ça merci.
Par contre, c'est pas top ma méthode car ça sauterait à chaque MAJ :\
Il y a pas moyen d'avoir une sorte d'override ?
Hors ligne
#16 13-04-2010 12:21:59
- alesson
- Connaisseur WP
- Date d'inscription: 13-02-2010
- Messages: 31
Re: Menu image
je ne sais pas... mais en tout cas, tu ne peux pas faire un menu avec des images, car si demain tu as besoin de rajouter une menu qui s'appelle Toto, tu dois créer cette image toto et si ton client ne sait pas le faire et bien, il pourra rien changer, tu vois ?
on pourrait garder le contact par msn ? c plus simple que venir ici tout le temps et je cherche à élargir mon réseau wordpress..
merci
Hors ligne
#17 13-04-2010 12:40:33
- falkon1000
- Connaisseur WP
- Date d'inscription: 10-01-2010
- Messages: 47
Re: Menu image
Je t'ai MP.
Après avoir analysé le truc, un seul moyen : refaire une fonction pour lister le menu des pages.....
Hors ligne
#18 13-04-2010 15:54:53
Re: Menu image
Bonjour, ce n'est jamais la bonne solution de toucher au core wp. Surtout lorsque la solution est simple. Il suffit d'ajouter title_li=0 pour empêcher le titre de s'afficher :
Code: html
<?php wp_list_categories('orderby=name&show_count=0&title_li=&use_desc_for_title=0'); ?>
et / ou
<?php wp_list_pages('title_li=0&children=0&depth=2'); ?>
Vous n'avez pas le temps ? C'est la galère ? Faites appel à mes services !
LASHON.FR : CRÉATION SITE WEB PROS, INSTALLATION WP. Tutos Dossier HEBERGEURS et WP Sécuriser WordPress
Hors ligne
#19 13-04-2010 16:14:55
- falkon1000
- Connaisseur WP
- Date d'inscription: 10-01-2010
- Messages: 47
Re: Menu image
Ok merci. Donc ça avance pas mal mais du coup, je ne sais pas comment récupérer le nom de la page.
Par exemple, j'ai :
<ul>
<li>Accueil</li>
<li>Voitures
<ul>
<li>- Audi</li>
<li>- BMW</li>
</ul>
</li>
Et je voudrais le transformer en :
<ul>
<li><img src="images/accueil.jpg" alt="Accueil" /></li>
<li><img src="images/voitures.jpg" alt="Voitures" />
et ainsi de suite.
Ce n'est donc pas une simple histoire de ne pas afficher le texte.
En me servant de link after et link before, je peux déjà ajouter : "<li><img src="images/" before et ".jpg" alt="Accueil" /></li>" after. Mais comment récupérer le mot "accueil" pour le Alt et pour l'URL ... ?
Dernière modification par falkon1000 (13-04-2010 16:15:12)
Hors ligne
#20 13-04-2010 16:30:38
Re: Menu image
Coder en dur, ce sera plus simple si tu veux associer une image spécifique pour des liens précis
Vous n'avez pas le temps ? C'est la galère ? Faites appel à mes services !
LASHON.FR : CRÉATION SITE WEB PROS, INSTALLATION WP. Tutos Dossier HEBERGEURS et WP Sécuriser WordPress
Hors ligne
#21 13-04-2010 16:33:16
- falkon1000
- Connaisseur WP
- Date d'inscription: 10-01-2010
- Messages: 47
Re: Menu image
Oui voilà, raison pour laquelle je demandais ou était la fonction pour la modifier ou s'il y avait moyen de l'outrepasser pour la rectifier (et ne pas toucher au code WP).
A moins qu'il n'y ait un moyen de récupérer / reconstituer le menu en PHP directement ?
Je pense que résoudre ce problème devrait servir à pas mal de monde.
Hors ligne
#22 13-04-2010 16:41:30
Re: Menu image
Tu ne touches pas au code wp, tu cumules ton php
<?php wp_list_pages('title_li=0&children=0&depth=2&exclude=ici_les_id_des_pages_deja_codees_en_dur'); ?>
et tu ajoutes tes liens images : <li><a href=""><img src=""></a></li>
etc
faire simple, surtout si c'est pour quelques liens...
Vous n'avez pas le temps ? C'est la galère ? Faites appel à mes services !
LASHON.FR : CRÉATION SITE WEB PROS, INSTALLATION WP. Tutos Dossier HEBERGEURS et WP Sécuriser WordPress
Hors ligne
#23 13-04-2010 16:43:19
- falkon1000
- Connaisseur WP
- Date d'inscription: 10-01-2010
- Messages: 47
Re: Menu image
Oui mais là c'est plus automatisé / dans le système WP.
Moi ce que je voudrais c'est pouvoir regénérer le menu en PHP dans mon header de manière à faire : je check si ce nom de menu correspond à une image. SI oui je l'utilise, si non, j'affiche le nom de l'entrée en texte.
Hors ligne
#24 13-04-2010 17:43:23
- Lumière de Lune
- Admin nomade

- Lieu: Maroc / France
- Date d'inscription: 15-08-2007
- Messages: 10519
- Site web
Re: Menu image
Ben si c'est automatisé, puisque tu fais une fonction de recherche dans la base dans ton fichier functions.php de ton thème
Sinon, si tu veux vraiment modifier l'output d'une fonction standard wordpress c'est tout à fait possible, sans modifier le code, mais en utilisant ce qu'on appelle les "hooks" où, grosso modo, tu vas déterminer un contenu que tu rajoutes / qui remplace l'output wp normal
Hors ligne
#25 13-04-2010 20:13:13
Re: Menu image
Pourquoi ne pas utiliser le CSS ?
Il me semble que Wordpress génère des classes genre .page-item-ID ce qui permet de styler chaque lien...?
Hors ligne
