Alavalikot Menu-palkkiin
-
Olen täysi noviisi ja tarvitsen apua valikkojen käytössä.
Käytössäni on teema, jossa on kaksi valikkoriviä. Toista käytämme linkkivalikkona ja toinen on sivuston navigointia varten. http://salonpelijaliikunta.com
Haluaisin sivun alasivuksi merkityn sivun näkymään uutena valikkona, kun hiirellä liikkuu pääsivun painikkeen päälle. Esim Tilastot painikkeen alta tulisi näkyä sen alasivuiksi merkatut Jalkapallo 2011 jne.
header.php:ssa menu kohdan koodi on seuraavasti:
<div id="menu"> <ul id="button"> <li class="page_item"><a href="<?php echo get_settings('home'); ?>/" title="Etusivu">Etusivu</a></li> <?php $pages = wp_list_pages('sort_column=menu_order&depth=1&title_li=&echo=0'); print_r($pages); ?> </ul> </div>
Olisiko jollakin helppoa ratkaisua alavalikon luomiseksi vai tulisiko vain vaihtaa teemaan jossa nämä on valmiina?
-
Jos kyseinen teema ei tue WP:n menusysteemiä (Ulkoasu >> Valikot), niin suosittelen teeman vaihtoa.
Teema tukee WP valikkoja ja niitä voi käyttää widgetien avulla mm. sivupalkissa ym.
Ongelma lienee siinä, että navigointi sivustolla on tehty Menu -rakenteella ja nav -rakennetta on käytetty ainoastaan linkkipalkkiin. En tiedä ratkeaisiko ongelma pelkästään styles.css tiedostoa muokkaamalla. Nyt Menu sisältää seuraavat osat:
#menu { width: 1024px; margin: 18px auto; left: 0px; text-align: center; line-height: normal; background: #ffffff; } #button { list-style: none; margin: 0 0px; padding: 0px; float: left; background: #ffffff; } #button li { float: left; height: 25px; background: url(images//button-right.gif) top right no-repeat; margin: auto autopx; white-space: nowrap; } #button .page_item a{ color: #fefefe; display: block; background: url(images//button-left.gif) top left no-repeat; text-decoration: none; padding: 0px 15px 0px 15px; font: bold 13px Arial, Helvetica, sans-serif; line-height: 25px; } #button .page_item a:hover{ color: #fefefe; } #button li:hover { background-position: 100% -36px; } #button .page_item a:hover { background-position: 0px -36px; border: none; } #button li.current_page_item { color: #fefefe; text-decoration: none; background: url(images//button-right-hover.gif) top right no-repeat; } #button .current_page_item a, #button .current_page_item a:visited{ color: #fefefe; text-decoration: none; background: url(images//button-left-hover.gif) top left no-repeat; }
Kaikissa teemoissa voi käyttää sivupalkissa menuvalikkoja. Oletko siis muistanut raahata menun linkkejä (menu items) hieman oikealle, jotta ne ovat ikäänkuin alasivuna.
- The topic ‘Alavalikot Menu-palkkiin’ is closed to new replies.