Annonce

Important, migration recommandée : WordPress 2.6.3 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.
  • Index
  •  » Thèmes
  •  » [Résolu] Rendre le header cliquable

#1 18-07-2007 00:24:14

r2ek
Membre WP
Date d'inscription: 18-07-2007
Messages: 4

[Résolu] Rendre le header cliquable

Bonjour,

Ma configuration WP actuelle
- Version de WordPress :  la derniere :
- Theme : KISS :
- Plugins en place : Aucun :
- Hebergeur : Lycos :
- http://blogdefmaster.r2ek-grafik.com :

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

je suis en phase de test pour voir si je peux creer un blog... et j'ai déjà une question.
Comment faire pour que le header (une image) soit cliquable et renvoie vers la home? Tout simplement, je pense que ce sera un jeu d'enfant pour vous.

Merci de votre aide
R2ek

PS : je ne m'y connais pas trop en php mais me débrouille

Dernière modification par r2ek (18-07-2007 00:25:07)

Hors ligne

 

#2 18-07-2007 00:49:21

Many
Blogodépendant
Lieu: Paris
Date d'inscription: 26-06-2006
Messages: 1792
Site web

Re: [Résolu] Rendre le header cliquable

Bonsoir r2rek,

il te suffit de mettre ton image en lien comme suit :

Code:

  1. <a href="<?php bloginfo('home'); ?>/"><img src="blablabla_ton_image" /></a>

Hors ligne

 

#3 18-07-2007 07:39:06

r2ek
Membre WP
Date d'inscription: 18-07-2007
Messages: 4

Re: [Résolu] Rendre le header cliquable

Merci pour ta reponse rapide Many, mais ça ne marche pas ( j'avais deja essayé). Mais peut être que je place mal la ligne. Le code de header.php donne ça :

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>
  5. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  6.  
  7. <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
  8.  
  9. <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
  10.  
  11. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  12. <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
  13. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  14.  
  15. <?php wp_head(); ?>
  16. </head>
  17.  
  18. <body>
  19.  
  20. <div id="wrap">
  21.  
  22. <div id="header"><div>
  23. <a href="<?php bloginfo('home'); ?>/"><img src="i/headBlog.jpg" /></a>
  24.  
  25. </div></div>
  26.  
  27. <div id="container">
  28. <div id="container-top"></div>

Merci de ton aide
@+
R2ek

Hors ligne

 

#4 18-07-2007 14:41:05

Many
Blogodépendant
Lieu: Paris
Date d'inscription: 26-06-2006
Messages: 1792
Site web

Re: [Résolu] Rendre le header cliquable

Mets le à l'intérieur des divs

<div id="header"></div>

Hors ligne

 

#5 18-07-2007 23:14:24

r2ek
Membre WP
Date d'inscription: 18-07-2007
Messages: 4

Re: [Résolu] Rendre le header cliquable

Salut,

peut être suis-je idiot mais ça ne marche toujours pas. Le code donne ça :

Code:

  1. <div id="header"><a href="<?php bloginfo('home'); ?>/"><img src="i/headBlog.jpg"></a></div>

Ca commence à m'inquiéter

Je ne sais pas si c'est important mais voici ce qui concerne le header dans la page layout.css :

Code:

  1. /* ---------------------------------------------------
  2.       header
  3. ------------------------------------------------------ */
  4. #header {
  5. width: 428px;
  6. height: 114px;
  7.  
  8. background: #696969 url(i/headBlog.jpg) no-repeat 0 100%;
  9. text-align: center;
  10. }
  11.  
  12. }
  13. #header h1 {
  14. margin: 0;
  15. font-size: 0.9em;
  16. letter-spacing: 0.2em;
  17. text-transform: uppercase;
  18. }
  19. #header h1 a {
  20. color: #eee;
  21. }
  22. #header h1 a:hover {
  23. color: #fff;
  24. }
  25. h2.description {
  26. margin: 0;
  27. font-size: 0.75em;
  28. color: #b2b2b2;
  29. line-height: 1.4em;
  30. }

Encore merci
@+
R2ek

Dernière modification par r2ek (18-07-2007 23:36:30)

Hors ligne

 

#6 19-07-2007 15:52:12

genghis
Connaisseur WP
Date d'inscription: 28-05-2007
Messages: 10
Site web

Re: [Résolu] Rendre le header cliquable

moi dans la page de l'en tete j'ai mis ca :

<div id="header" onclick="location.href='<?php echo get_settings('home'); ?>';" style="cursor: pointer;">

et ca marche

Dernière modification par genghis (19-07-2007 15:52:38)

Hors ligne

 

#7 19-07-2007 16:41:53

r2ek
Membre WP
Date d'inscription: 18-07-2007
Messages: 4

Re: [Résolu] Rendre le header cliquable

Super !!!!!!! Un grand merci, ça marche nickel.

Cool, thanks
@+
R2ek:Dresolu

Hors ligne

 

#8 02-09-2007 20:08:09

ElO
Connaisseur WP
Date d'inscription: 31-08-2007
Messages: 19
Site web

Re: [Résolu] Rendre le header cliquable

Bonsoir,

Pour ma part, je n'y arrive pas !
Il faut mettre le code dans le fichier header.php ?
Quand je le fais, mon blog pars en sucette !!!


ElO
ltelodie.free.fr
"La vie est trop sérieuse pour m'y ennuyer..."

Hors ligne

 

#9 03-09-2007 01:02:25

Many
Blogodépendant
Lieu: Paris
Date d'inscription: 26-06-2006
Messages: 1792
Site web

Re: [Résolu] Rendre le header cliquable

Normalement tu ne devrais avoir aucun mal car ton thème est basé sur le thème par défaut. A moins que tu n'aie complètement tout remanier.

A priori tu devrais avoir cette partie ci dans ton header :

Code:

  1.   <div id="header">
  2.  
  3.     <div id="headerimg">
  4.       <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  5.       <div class="description"><?php bloginfo('description'); ?></div>
  6.     </div>
  7.  
  8.   </div>

il te suffit de modifier comme suit :

Code:

  1.   <div id="header" onclick="location.href='<?php echo get_settings('home'); ?>';" style="cursor: pointer;">
  2.  
  3.     <div id="headerimg">
  4.       <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  5.       <div class="description"><?php bloginfo('description'); ?></div>
  6.     </div>
  7.  
  8.   </div>

Dernière modification par Many (03-09-2007 01:02:50)

Hors ligne

 

#10 03-09-2007 16:18:41

ElO
Connaisseur WP
Date d'inscription: 31-08-2007
Messages: 19
Site web

Re: [Résolu] Rendre le header cliquable

Je suis au travail mais je regarderais ça dès ce soir, header, c'est le nom du fichier ? (le boulet...)


ElO
ltelodie.free.fr
"La vie est trop sérieuse pour m'y ennuyer..."

Hors ligne

 

#11 03-09-2007 16:23:32

Many
Blogodépendant
Lieu: Paris
Date d'inscription: 26-06-2006
Messages: 1792
Site web

Re: [Résolu] Rendre le header cliquable

header.php ou En-tête de son appelation wink

Hors ligne

 

#12 03-09-2007 16:32:19

ElO
Connaisseur WP
Date d'inscription: 31-08-2007
Messages: 19
Site web

Re: [Résolu] Rendre le header cliquable

Merci wink Je regarde ça dès 18h et je test smile

EDIT : de retour chez moi, je regarde dans mon fichier header.php, il est vide et sur mon tdb wordpress, l'entête est comme 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" <?php language_attributes(); ?>>
  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.   <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Archive du blog <?php } ?> <?php wp_title(); ?></title>
  7.   <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
  8.   <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  9.   <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
  10.   <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  11.  
  12.   <style type="text/css" media="screen">
  13.     <?php // Controle si la sidebar est pr&#65533;sente ou pas.
  14.     if ( !$withcomments && !is_single() ) {
  15.     ?>
  16.       #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
  17.     <?php } else { // Pas de sidebar ?>
  18.       #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
  19.     <?php } ?>
  20.   </style>
  21.   <?php wp_head(); ?>
  22. </head>
  23.  
  24. <body>
  25. <div id="page">
  26.   <div id="header">
  27.     <div id="headerimg">
  28.       <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  29.       <div class="description"><?php bloginfo('description'); ?></div>
  30.     </div>
  31.   </div>
  32.   <hr />

Hum, là j'avoue que vu que je ne m'y connais pas du tout, je suis tout à fait perdu... sad

Dernière modification par ElO (03-09-2007 19:25:25)


ElO
ltelodie.free.fr
"La vie est trop sérieuse pour m'y ennuyer..."

Hors ligne

 

#13 06-09-2007 21:50:26

ElO
Connaisseur WP
Date d'inscription: 31-08-2007
Messages: 19
Site web

Re: [Résolu] Rendre le header cliquable

Personne n'a une idée ??? :$


ElO
ltelodie.free.fr
"La vie est trop sérieuse pour m'y ennuyer..."

Hors ligne

 

#14 07-09-2007 00:50:07

Many
Blogodépendant
Lieu: Paris
Date d'inscription: 26-06-2006
Messages: 1792
Site web

Re: [Résolu] Rendre le header cliquable

ElO a écrit:

EDIT : de retour chez moi, je regarde dans mon fichier header.php, il est vide et sur mon tdb wordpress, l'entête est comme 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" <?php language_attributes(); ?>>
  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.   <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Archive du blog <?php } ?> <?php wp_title(); ?></title>
  7.   <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
  8.   <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  9.   <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
  10.   <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  11.  
  12.   <style type="text/css" media="screen">
  13.     <?php // Controle si la sidebar est pr&#65533;sente ou pas.
  14.     if ( !$withcomments && !is_single() ) {
  15.     ?>
  16.       #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
  17.     <?php } else { // Pas de sidebar ?>
  18.       #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
  19.     <?php } ?>
  20.   </style>
  21.   <?php wp_head(); ?>
  22. </head>
  23.  
  24. <body>
  25. <div id="page">
  26.   <div id="header">
  27.     <div id="headerimg">
  28.       <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  29.       <div class="description"><?php bloginfo('description'); ?></div>
  30.     </div>
  31.   </div>
  32.   <hr />

Hum, là j'avoue que vu que je ne m'y connais pas du tout, je suis tout à fait perdu... sad

je ne comprend pas ce que tu écris. Header.php et en-tête sont un seul et même fichier.

Ensuite le code que j'ai posté dans mon message plus haut est identique à celui de ton header. Je ne comprend pas à quelle partie tu bloques.

Hors ligne

 

#15 07-09-2007 08:52:25

ElO
Connaisseur WP
Date d'inscription: 31-08-2007
Messages: 19
Site web

Re: [Résolu] Rendre le header cliquable

Le truc c'est que le fichier "en tête" directement sur le tdb wordpress et le fichier header que j'ai dans mes dossier de thème ne sont pas les mêmes et je en comprends pas pourquoi. Cependant un de mes collègue a regardé sur mon tdb, a juste bougé une ligne et ça marche wink merci de votre aide !!!
Faut vraiment que je me mette au html pour pouvoir me débrouiller et comprendre mieux votre aide...


ElO
ltelodie.free.fr
"La vie est trop sérieuse pour m'y ennuyer..."

Hors ligne

 

#16 07-09-2007 15:27:07

Many
Blogodépendant
Lieu: Paris
Date d'inscription: 26-06-2006
Messages: 1792
Site web

Re: [Résolu] Rendre le header cliquable

Je suis ravi que ça fonctionne pour toi mais il y a vraiment un truc qui cloche et que je ne capte pas ...

Mais bon vu que le problème est résolu je ne vais pas m'étendre et polluer le fil smile

Hors ligne

 
  • Index
  •  » Thèmes
  •  » [Résolu] Rendre le header cliquable

Pied de page des forums

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