Mixa / 30.07.2007 16:20

Обсуждения / 01. Проблемы и решения с WordPress

Горизонтальное меню в хидере с дропдауном

Как встроить в хидер горизонтальное меню? Фишка еще в том, что оно наполняется не автоматически от содердания страниц, а вручную – т.е. я сам решаю что и в коком порядке должно там быть. Но и это не главное 🙂 Еще мне нужно, чтобі там біло dropmenu (выпадаюещее вниз меню), приблизительно, как в темах Fog 3.17 и Munch 3.17 (http://insomnia.peety-passion.com/insomnia/themes/)
Кто-нибудь делал такие трюки?

Коментарии: 17

Mixa

30.07.2007 16:26

Ответить

Да, и желательно, чтобі в интернет експлорере все біло пучком после их внедрения 🙂

ozono

31.07.2007 07:36

Ответить

мне самому интересна технология дропдаун меню в вордпрессе. Это делаеть одним лишь каскадным стилем. Я просто еше все не рассмотрел, но при расследовании темы Молио было классное меню. Оно было сделано на обыкновенном CSS

ozono

31.07.2007 08:08

Ответить

от меня тебе ПОДАРОК………. я тут ссылки нашел…… ДЕРЗАЙ…

1. http://www.tenterhooks.mbmontessori.com/archives/13

2.http://www.invokemedia.com/css-dropdown-menu-with-wordpress.html

(когда эти ссылки мне нужны были я не мог найти…. что за ирония))))))……)

sonika

31.07.2007 10:19

Ответить

ozono, полезные ссылки, спасибо!

Mixa

31.07.2007 10:33

Ответить

Ага, сща внедряюсь в чтение. Данке!

ozono

31.07.2007 18:22

Ответить

sonika, как ты считаешь можно ли внедрить такого рода тему в ФАГ с этими и другими ссылками??

sonika

31.07.2007 20:52

Ответить

Засовывай 🙂 Только чур в названии топика больше трех восклицательных не ставь 😉

Можно еще ссылок найти и добавить, т.к. этот способ описывает создание выпадающего меню с wp_list_pages с помощью css, а еще есть всякие плагины для этого дела, типа этого: http://zeligplanet.altervista.org/2006/08/wordpress-plugin-zelig-dropdown-pages/

Mixa

06.08.2007 14:10

Ответить

Хм. Интересна штука! А вот если без дропдауна. Я вот просто в хидере сделал <hr> и пытался вставить обычные текстовые ссылки, но они не работают, так как подпадают под действие ссылки хидера – на главную страницу сайта. как реализовать ссылки в хидере?
Вот мой хидер:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="/favicon.ico" />
<?php wp_head(); ?>
</head>

<body>
<div id="wrap">
<div id="header"><h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1></div>
<div id="search"><?php include (TEMPLATEPATH . '/searchform.php'); ?></div>
<div class="hr"><br /></div>

ozono

07.08.2007 09:19

Ответить

<div id="wrap">
<div id="header"><h1>  ВСТАВЛЯЙ СЮДА СВОИ ССЫЛКИ </h1></div>

<div id="wrap">
<div id="header"><h1><a href="http://ssilka">Ssilka1</a>....... itd</h1></div>

27.01.2008 14:26

Ответить

Добрый день, мне нужен совет. Не могу назвать себя полным новичком, тк. свободно меняю все в своем вордпрессе, однако некоторые вещи не знаю совсем. Например, каким образом появляется горизонтальное меню? Прописывается ли оно просто руками в хедере, со ссылками на статические страницы, либо это какой-то плагин, с возможностью управлять рубриками горизонтального меню через админку.

Сейчас у меня на сайте просто 1 блог, а мне бы хотелось как в этом примере http://www.9linesmag.com/, чтобы у меня было несколько "горизонтальных" рубрик, и в каждой типа отдельного блога. Я делаю журнал.
Те.

Птицы Звери Рыбы Насекомые

И в каждой рубрике я пишу материалы по, например,
Звери млекопитающие (10 записей)
Звери хищники (2 записи)
Новости зоопарков (3 записи)

И так в каждой рубрике. Пожалуйста, подскажите, как это правильно реализовать. Большое спасибо.

27.01.2008 14:45

Ответить

Например, каким образом появляется горизонтальное меню?

В 99% случаев вызовом функции wp_list_pages() в header.php.

sonika

27.01.2008 14:47

Ответить

Вам нужно смотреть в сторону таких параметров, как include и exclude в wp_list_page и wp_list_categories (ссылка на Кодекс у меня в подписи)

Т.н. «горизонтальное меню» — это обычно Страницы (wp_list_pages) оформленные css типа так:
#top-nav ul li {float: left; display:block} ну и остальное по вкусу, если поискать, в инете много примеров готовых css для такого «горизонтального» меню

27.01.2008 15:11

Ответить

Т.е реально сделать как бы журнал в котором для каждой горизонтальной рубрики будет свой блог с отдельными категориями?

27.01.2008 16:07

Ответить

Я думала, что pages – это просто страницы, а не как отдельный блог.

27.01.2008 16:13

Ответить

Извините, как функцию wp_list_page в хедер вставить это понятно. Не очень понятно, как каждой рубрике присвоятся категории. Куда вставить функцию wp_list_categories
Не все пока понятно.

27.01.2008 16:48

Ответить

Вот нашла плагин и коды. решающие мой вопрос

http://www.transycan.net/blogtest/2007/07/25/creating-a-two-level-menu-with-pages-part-1/

Единственное, не понимаю, как поставить меню горизонтально. Не понимаю, в стиль чего надо добавить display:inline и куда. Самое простое не понимаю

sonika

27.01.2008 18:36

Ответить

рубрика=категория
страницы (Pages) как бы ни при делах, они вне хронологии в отличие от записей (Posts), а вот эти самые посты и группируются в категории (они же рубрики).

Горизонтальное меню в хидере с дропдауном

Свежее