Annonce

Mettez-vous à jour ! WordPress 3.0 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 et sur Twitter

#1 16-03-2010 12:21:35

alesson
Connaisseur WP
Date d'inscription: 13-02-2010
Messages: 28

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

Li-An
Maître WP
Lieu: Orléans
Date d'inscription: 28-02-2008
Messages: 1757
Site web

Re: Menu image

Ben pareil :-) Il suffit de coller le code html au bon endroit dans le thème.


1. En ce moment, sur L'Écho des plugins WP:
http://is.gd/d8Fhh
http://is.gd/d8Fhj
2. mon blog BD en ligne: http://www.li-an.fr/bd
3. mon blog tout court: http://www.li-an.fr/blog

Hors ligne

 

#3 16-03-2010 13:52:05

alesson
Connaisseur WP
Date d'inscription: 13-02-2010
Messages: 28

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

Li-An
Maître WP
Lieu: Orléans
Date d'inscription: 28-02-2008
Messages: 1757
Site web

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 ?).


1. En ce moment, sur L'Écho des plugins WP:
http://is.gd/d8Fhh
http://is.gd/d8Fhj
2. mon blog BD en ligne: http://www.li-an.fr/bd
3. mon blog tout court: http://www.li-an.fr/blog

Hors ligne

 

#5 16-03-2010 14:28:07

alesson
Connaisseur WP
Date d'inscription: 13-02-2010
Messages: 28

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

Li-An
Maître WP
Lieu: Orléans
Date d'inscription: 28-02-2008
Messages: 1757
Site web

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.


1. En ce moment, sur L'Écho des plugins WP:
http://is.gd/d8Fhh
http://is.gd/d8Fhj
2. mon blog BD en ligne: http://www.li-an.fr/bd
3. mon blog tout court: http://www.li-an.fr/blog

Hors ligne

 

#7 16-03-2010 15:10:02

alesson
Connaisseur WP
Date d'inscription: 13-02-2010
Messages: 28

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

Li-An
Maître WP
Lieu: Orléans
Date d'inscription: 28-02-2008
Messages: 1757
Site web

Re: Menu image

Peut pas le dire. Il faudrait voir le site... Firebug pourrait expliquer ce qui se passe.


1. En ce moment, sur L'Écho des plugins WP:
http://is.gd/d8Fhh
http://is.gd/d8Fhj
2. mon blog BD en ligne: http://www.li-an.fr/bd
3. mon blog tout court: http://www.li-an.fr/blog

Hors ligne

 

#9 13-04-2010 08:23:35

falkon1000
Connaisseur WP
Date d'inscription: 10-01-2010
Messages: 39

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: 28

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: 39

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: 28

Re: Menu image

Hors ligne

 

#13 13-04-2010 12:15:29

falkon1000
Connaisseur WP
Date d'inscription: 10-01-2010
Messages: 39

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: 28

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: 39

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: 28

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: 39

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

chamomor
Maître WP
Lieu: Paris
Date d'inscription: 17-11-2008
Messages: 1274
Site web

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:

  1. <?php wp_list_categories('orderby=name&show_count=0&title_li=&use_desc_for_title=0'); ?>
  2.  
  3. et / ou
  4.  
  5. <?php wp_list_pages('title_li=0&children=0&depth=2'); ?>

Si ma réponse te semble succincte c'est que j'y ai déjà répondu sur le forum ou sur mon blog LASHON consacré à Wordpress et la conception de sites et blogs, sous forme de tutoriels. Voir notamment Tout sur Wordpress et Free

Hors ligne

 

#19 13-04-2010 16:14:55

falkon1000
Connaisseur WP
Date d'inscription: 10-01-2010
Messages: 39

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

chamomor
Maître WP
Lieu: Paris
Date d'inscription: 17-11-2008
Messages: 1274
Site web

Re: Menu image

Coder en dur, ce sera plus simple si tu veux associer une image spécifique pour des liens précis


Si ma réponse te semble succincte c'est que j'y ai déjà répondu sur le forum ou sur mon blog LASHON consacré à Wordpress et la conception de sites et blogs, sous forme de tutoriels. Voir notamment Tout sur Wordpress et Free

Hors ligne

 

#21 13-04-2010 16:33:16

falkon1000
Connaisseur WP
Date d'inscription: 10-01-2010
Messages: 39

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

chamomor
Maître WP
Lieu: Paris
Date d'inscription: 17-11-2008
Messages: 1274
Site web

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...


Si ma réponse te semble succincte c'est que j'y ai déjà répondu sur le forum ou sur mon blog LASHON consacré à Wordpress et la conception de sites et blogs, sous forme de tutoriels. Voir notamment Tout sur Wordpress et Free

Hors ligne

 

#23 13-04-2010 16:43:19

falkon1000
Connaisseur WP
Date d'inscription: 10-01-2010
Messages: 39

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
Modérateur nomade
Lieu: Maroc / Allemagne
Date d'inscription: 15-08-2007
Messages: 6791
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

sushi
Passionné WP
Lieu: Paris
Date d'inscription: 01-08-2007
Messages: 261
Site web

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...?


DarineKo.com: tutoriels Wordpress, et aussi mon p'tit bazar smile

Hors ligne

 

Pied de page des forums

Propulsé par PunBB 1.2.22
© Copyright 2005-2006 WordPress France

[ Generated in 0.076 seconds, 32 queries executed ]