Annonce

Important : WordPress 2.6.1 est disponible en français. À lire avant la migration !
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.

Pages: 1

 

  • Index
  •  » Thèmes
  •  » header unique plusieurs header ou un seul menu ou plusieurs menu dans

#1 24-05-2008 21:38:35

baudry
Passionné WP
Date d'inscription: 17-03-2008
Messages: 174

header unique plusieurs header ou un seul menu ou plusieurs menu dans

Bonjour,

Ma configuration WP actuelle
- Version de WordPress :  Wordpress 2.51
- Thème utilisé : http://www.lamateporunyogur.net/pool mais que je remodifie 'ma ource d'inspiration
- Plugins en place :
- Nom de l'hebergeur : http://olivierbaudrydesign.free.fr/
- Adresse du site :

Problème(s) rencontré(s) :

Bonjour aujourd'hui j'ai décidé de partir dans la creation de mon thème de faire plus simple! voilà vu que sur mon site j'ai plusieurs page que je compte affecter des pictos à la place des noms de pages , que j'aurais différents css par page je me suis dit une chose vu que les css changent  dois-je créer différents header.php par page sinon j'ai écris ceci Je sais avant d'intégrer le menu j'aii créer des pages dans l'interface wordpress sans associer de template spécifique au page. Néanmoins header.php est déja pris en compte.De même dois je concerner un menu comme mon script si j'affecte à chaque page un picto:

bref mon header ressemble à ceci :

Code:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head profile="http://gmpg.org/xfn/11">
  5.   <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  6. <meta name="Description" content="<?php bloginfo('description'); ?>" />
  7.   <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
  8.  
  9.   <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
  10.  
  11.   <style type="text/css" media="screen">
  12.     @import url(<?php bloginfo('stylesheet_url'); ?>);
  13.    
  14.   </style>
  15.  
  16.   <link rel="Shortcut Icon" href="<?php echo get_settings('home'); ?>/wp-content/themes/Sterafin/images/favicon.ico" type="image/x-icon" />
  17.   <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
  18.   <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
  19.   <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
  20.  
  21.   <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  22.     <?php wp_get_archives('type=monthly&format=link'); ?>
  23.   <?php //comments_popup_script(); // off by default ?>
  24.   <?php wp_head(); ?>
  25.     <link href="/wp-content/themes/sterafinOupo/style.css" rel="stylesheet" type="text/css" />
  26. </head>
  27.  
  28. <body>
  29. <div id="content">
  30.  
  31.   <div id="header" onclick="location.href='<?php echo get_settings('home'); ?>';" style="cursor: pointer;">
  32.     <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
  33.   </div>
  34.  
  35.   <div id="pages">
  36.       <div class="alignleft">
  37.         <ul>
  38.         <li><a href="<?php echo get_settings('home'); ?>">home</a></li>
  39.         <?php wp_list_pages('title_li='); ?>
  40.         <?php
  41. $menu = <<<MENU
  42. <ul id="nav">
  43.     <li><a href="/" title="home">home</a></li>
  44.     <li><a href="biography" title="biography">biography</a></li>
  45.     <li><a href="cv" title="cv">cv</a></li>
  46.     <li><a href="/workingprogress/" title="workingprogress">workingprogress</a></li>
  47.     <li><a href="/randomizer/" title="randomizer">randomizer</a></li>
  48.     <li><a href="/videos/" title="videos">videos</a></li>
  49.     <li><a href="/pictures/" title="pictures">pictures</a></li>
  50.     <li><a href="/sounds/" title="sounds">sounds</a></li>
  51.     <li><a href="/exhibitions/" title="exhibitions">exhibitions</a></li>
  52.     <li><a href="/publications/" title="publications">publications</a></li>
  53.     <li><a href="/software/" title="software">software</a></li>
  54.     <li><a href="/abstracts/" title="abstracts">abstracts</a></li>
  55.     <li><a href="/bibliography/" title="bibliography">bibliography</a></li>
  56.     <li><a href="/discography/" title="discograohy">discography</a></li>
  57.     <li><a href="/webography/" title="webography">webography</a></li>
  58.     <li><a href="/citations/" title="citations">citations</a></li>
  59.   <li><a href="/lexicon on interactivity/" title="lexique">lexique</a></li>
  60.   <li><a href="/links/" title="links">links</a></li>
  61.   <li><a href="/forum/" title="forum">forum</a></li>
  62.   <li><a href="/upload/" title="upload">upload</a></li>
  63. </ul>
  64.  
  65. MENU;
  66.  
  67. $lines = split("\n", $menu);
  68. foreach ($lines as $line) {
  69.     $current = false;
  70.     preg_match('/href="([^"]+)"/', $line, $url);
  71.     if (substr($_SERVER["REQUEST_URI"], 0, 5) == substr($url[1], 0, 5)) {
  72.         $line = str_replace('<a h', '<a id="current" h', $line);
  73.         }
  74.     echo $line."\n";
  75. }
  76. ?>
  77.         </ul>
  78.       </div>
  79.    
  80.       <div id="search">
  81.         <form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
  82.           <input type="text" name="s" id="s"  value="search in blog..." />
  83.           <input type="image" src="/wp-content/themes/SterafinOup/images/return.gif" alt="submit" align="right" />
  84.         </form>
  85.       </div>
  86.   </div>
  87.  
  88. <!-- end header -->

Bon j'ai remarqué des lors que deux menus étaient visibles dans mon site celui créer en dur dans le script et celui appelé par : <?php wp_list_pages('title_li='); ?>
                bref comment faire pour qu'un seul menu soit mis en place de plus pour home biography etc je souhaite mettre en place un picto qui change d'état en fonction hover active inactive y a t'il a moyen simple de réaliser celà !

Hors ligne

 

#2 24-05-2008 22:46:13

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1533
Site web

Re: header unique plusieurs header ou un seul menu ou plusieurs menu dans

Je n'ai pas bien compris le problème.
Si tu veux un menu en dur, tu peux zapper le menu dynamique.

Pour le picto qui change en fonction de l'état, la mode est désormais aux images qui contiennent les différents états et dont on fait varier le positionnement par CSS.


Sinon, pour l'histoire de la feuille de style variable par page, tu peux t'inspirer du marquage sémantique du template Sandbox et tout regrouper dans une seule CSS.

Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

 

Pages: 1

  • Index
  •  » Thèmes
  •  » header unique plusieurs header ou un seul menu ou plusieurs menu dans

Pied de page des forums

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