Php WordPress侧边栏菜单不使用CSS
我用CSS设置侧栏菜单的样式时遇到问题。我只需要它与当前的CSS一起工作,这样我就可以根据需要对它进行调整。我已经在functions.php中声明了侧栏菜单,并在WordPress的管理区域中创建了一个菜单,但它似乎没有改变任何东西 这是该页面的链接(侧边栏菜单显示我们的部门): 下面是sidebar.php文件中的代码Php WordPress侧边栏菜单不使用CSS,php,wordpress,css,Php,Wordpress,Css,我用CSS设置侧栏菜单的样式时遇到问题。我只需要它与当前的CSS一起工作,这样我就可以根据需要对它进行调整。我已经在functions.php中声明了侧栏菜单,并在WordPress的管理区域中创建了一个菜单,但它似乎没有改变任何东西 这是该页面的链接(侧边栏菜单显示我们的部门): 下面是sidebar.php文件中的代码 <div id="mod_sidebar"> <?php if ( ! dynamic_sidebar( 'Sidebar' )) : ?>
<div id="mod_sidebar">
<?php if ( ! dynamic_sidebar( 'Sidebar' )) : ?>
<ul>
<li id="sidebar-nav" class="widget menu">
<h3><?php _e('Navigation'); ?></h3>
<ul>
<?php wp_nav_menu( array( 'theme_location' => 'sidebar-menu' ) ); /* editable within the Wordpress backend */ ?>
</ul>
</li>
<li id="sidebar-search" class="widget">
<h3><?php _e('Search'); ?></h3>
<?php get_search_form(); /* outputs the default Wordpress search form */ ?>
</li>
<li id="sidebar-archives" class="widget">
<h3><?php _e('Archives') ?></h3>
<ul>
<?php wp_get_archives( 'type=monthly' ); ?>
</ul>
</li>
<li id="sidebar-meta" class="widget">
<h3><?php _e('Meta') ?></h3>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<?php wp_meta(); ?>
</ul>
</li>
</ul>
<?php endif; ?>
</div><!--mod_sidebar-->
谁能帮帮我
提前谢谢 试试这个(但是你可以使用class
):
好的,这是链接好的,所以我只需要调整CSS,因为我需要显示其子菜单选项的菜单。。。但是,现在该侧边栏中的其他小部件看起来有点不对劲……如何让侧边栏菜单根据不同的页面自动切换到不同的菜单?如果我转到另一个页面,我需要侧边栏菜单更改为另一个…您需要使用不同的页面模板。试试这个解决方案看看«创建你自己的页面模板»好吧,我猜我可以手动定位侧边栏,这样当我将鼠标悬停在某个项目上时,它会与边框重叠?CSS与当前ID名称不匹配,这很奇怪。如果你访问测试版本,你会明白我的意思。。。
#sidebar-nav,
#sidebar-nav ul {list-style: none; padding: 0; margin: 0; border-radius: 5px; -moz-border-radius: 5px; font-weight: bold;}
#sidebar-nav a {display: block; padding: 10px; width: 210px;}
#sidebar-nav li {float: left; width: 150px;}
#sidebar-nav li:hover {background-color: #5da3e3; border-radius: 5px; -moz-border-radius: 5px;}
#sidebar-nav li ul {position: absolute; width: 210px; left: -999em; background-color: #1662a7;}
#sidebar-nav li:hover ul {left: auto; border-radius: 5px; -moz-border-radius: 5px;}
#mod_sidebar,
#mod_sidebar ul {list-style: none; padding: 0; margin: 0; border-radius: 5px; -moz-border-radius: 5px; font-weight: bold;}
#mod_sidebar a {display: block; padding: 10px; width: 210px;}
#mod_sidebar li {float: left; width: 150px;}
#mod_sidebar li:hover {background-color: #5da3e3; border-radius: 5px; -moz-border-radius: 5px;}
#mod_sidebar li ul {position: absolute; width: 210px; left: -999em; background-color: #1662a7;}
#mod_sidebar li:hover ul {left: auto; border-radius: 5px; -moz-border-radius: 5px;}