как сделать переход на главную при клике на шапку сайта?

Здравствуйте!
Попался непривычный шаблончик… Не могу в нём разобраться…
Может, кто уже имел дело с подобной проблемой…

Надобно сделать так, чтобы при наведении курсора на шапку сайта появлялось пояснение (alt), а при клике на эту шапку выполнялся переход на главную страницу сайта.

Раньше я всегда настраивал это дело в файле header.php, привязывая ссылку и альт к картинке шапки. А в этом шаблоне нету кода с упоминанием шапочной картинки…

Подскажите, пожалуйста, в каком файле и что именно мне надо отредактировать.
Вот вид шапки – http://ivan-kovalenko.hrest.info/, а вот фрагмент хедера, который, как я понимаю, выводит эту шапку:

<?php wp_head(); ?>
</head>
<body>
<div id="header">
<div id="title"><a href="<?php echo get_settings(‘home’); ?>/"><h1><?php bloginfo(‘name’); ?></h1></a>
<?php bloginfo(‘description’); ?></div>
</div>
<div id="pages">
<ul><?php wp_list_pages(‘title_li=&nbsp;’ ); ?></ul>
</div>

Дайте ссылку на шаблон, которым пользуетесь, или хотя бы его название.

Называется это шаблон LifeRoad

Ссылка на просмотр: http://sandbox.mywordpress.ru/
А взял я его вот отсюда: http://themes.mywordpress.ru/list/all/-/4 (самый верхний на странице)

Насколько я сумел на данный момент разобраться картинка шапки выводится как фоновый рисунок, и путь к ней хранится в файле style.css
#header {
height: 260px;
width: 780px;
background-image: url(images/header.jpg);// здесь путь к фоновому изображению
background-repeat: no-repeat;
margin: 0 auto;
clear: both;
background-position: left;
А вот как сделать то, что Вы хотите я подсказать не могу.

<?php wp_head(); ?>
</head>
<body>
<div id="header">
<div id="title"><a href="<?php echo get_settings('home'); ?>/"><h1><?php bloginfo('name'); ?></h1></a>
<?php bloginfo('description'); ?></div>
</div>
<div id="pages">
<ul><?php wp_list_pages('title_li=&nbsp;' ); ?></ul>
</div>

если я правильно понял код шаблона, то тебе необходимо сделать привязку на событие (клик) по верхнему баннеру (шапке). измени код следующим образом:

<?php wp_head(); ?>
</head>
<body>
<div id="header" onclick="javascript: window.location.href='http://host.domen/'"  title="your_alternative_text&alt">
<div id="title"><?php echo get_settings('home'); ?>/"><h1><?php bloginfo('name'); ?></h1></a>
<?php bloginfo('description'); ?></div>
</div>
<div id="pages">
<ul><?php wp_list_pages('title_li=&nbsp;' ); ?></ul>
</div>

если код будет работать некорректно, то событие onclick перекинь на <div id="header" onclick="…">. если и это не поможет, но вручную найди контейнер, содержимым которого является твоей шапки, и переделай его по выше представленному способу.

Ахтунг! чуть не забыл. что-бы изменить курсор при наведении (стрелки на ладошку) в css стиля допиши параметр cursor:

#header {
    height: 260px;
    width: 780px;
    background-image: url(images/header.jpg);// здесь путь к фоновому изображению
    background-repeat: no-repeat;
    margin: 0 auto;
    clear: both;
    background-position: left;
    cursor: hand;
    ...

😎

Большое спасибо! Работает.

Anonymous
Отправить
Ответ на: