0

CSSでサイドバーメニューのスタイルを設定できません。現在のCSSで動作する必要があるので、必要な外観に微調整できます。私はfunctions.phpでサイドバーメニューを述べ、WordPressの管理エリア内にメニューを作成しましたが、何も変更されていないようです。

これがページへのリンクです（サイドバーメニューには私たちのセクターが表示されています）：ページを表示

以下は、sidebar.phpファイルのコードです。

<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-->

そして以下は基本的にそのメニューのCSSです：

#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;}

誰か助けてもらえますか？

前もって感謝します！

4

1 に答える 1

1

これを試してください（ただし、クラスを使用することはできます<div class="some_class_name">）： 

 #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;}
于 2012-10-29T16:12:51.357 に答える