Vaatii näemmä koodimuutoksia. Muilla sivuilla linkille tulee ”current_page_item”-luokka, josta se värinmuutos tulee. Kotisivulle tuota ei tule. Ei ole sinänsä hirveän mutkikas juttu korjata. Laitapa valikon PHP-koodi näkyviin, niin saadaan fiksattua.
öööh, voihan nyt olla vaan ”kielimuuri” joka tulee vastaan, en ole tottunut ”puhua” näistä aiheista suomeksi.
Olen yrittänyt laittaa tämä koodi mutta ei toimii.
.current_page_item {
color: #000000;
text-decoration: none;
}
Mitäpä tarkoitat että laitaka valikon PHP-koodi näkyviin?
Missä ja mikä koodi?
Tämähän on valikon css koodi.
#nav {
float: right;
width: 230px;
padding-right: 10px;
padding-top: 25px;
}
#nav li {
display: inline;
}
#nav .current_page_item a, #nav .current_page_item a:visited {
color: #000000;
text-decoration: none;
}
#nav .page_item a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px; text-align: center;
padding: 15px 6px 20px 6px;
color: #fff;
text-decoration: none;
float:left;
}
#nav .page_item a:hover {
background: url(img/myarrow2.gif) no-repeat center top;
color: #fff;
text-decoration: none;
}
Tässä on php-osuus.
<ul id="nav">
<li class="page_item"><a href="<?php echo get_settings('home'); ?>/" title="Hem">Hem</a></li>
<?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>
</ul>
En tiedä jos auttaa kun lähetän koodit mutta…
Nimenomaan tuo PHP-koodi tarvittiin. Muuta se tähän muotoon:
<ul id="nav">
<li class="page_item <?php if (is_home()) echo "current_page_item"; ?>"><a href="<?php echo get_settings('home'); ?>/" title="Hem">Hem</a></li>
<?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>
</ul>
Ongelmana kun on se, että tuo PHP-koodi ei lisää kotisivun kohdalle tuota current_page_item-CSS-luokkaa silloin kun sivulla ollaan. WordPressin wp_list_pages-funktio tekee niin. Lisäämäni koodi lisää tuon current_page_item-luokan myös silloin kun ollaan etusivulla, jonka jälkeen loppu on CSS-asia.
Oki. Sain ”hem” toimimaan.
Luulen ymmärtäväni mitä se uusi koodi tekee.
Varmistaakseni, että on tämä koodi joka sen tekee css:ssä #nav .current_page_item a?
Kiitos!!
Jep, tuo juuri. Merkkaan tämän keskustelun ratkaistuksi.
