Html-to-WordPress:下拉导航菜单

时间:2014-01-07 作者:Ahmed Beni Touzine

所以我一直在四处寻找希望有人也有这个问题。。但我找不到。我目前已经用硬编码的HTML模板为某人创建了Wordpress模板。

现在问题来了。。。他已经在CSS中编写了下拉函数,所以我的工作是将其移植到Wordpress,但效果似乎不太好。

应该是这样的(请注意,有三行,因为菜单本身有三个类别):This is how it should like

这是来自硬编码模板的HTML;

<li class="green">
    <a href="#">Evenementen</a>
    <ul class="submenu">
        <li>
            <ul>
                <li>
                    <a class="menu_title" href="#">Evenementen</a>
                </li>
                <li>
                    <a href="#">Braderie</a>
                </li>
                <li>
                    <a href="#">Jaarmarkten</a>
                </li>
            </ul>
        </li>
        <li>
            <ul>
                <li>
                    <a class="menu_title" href="#">Bedrijfsfeesten</a>
                </li>
                <li>
                    <a href="#">Sportfeesten</a>
                </li>
                <li>
                    <a href="#">Cateringbus</a>
                </li>
                <li>
                    <a href="#">Filmlocatiebus</a>
                </li>
            </ul>
        </li>
        <li>
            <ul>
                <li>
                    <a class="menu_title" href="#">Kinderfeesten</a>
                </li>
                <li>
                    <a href="#">Schoolfeesten</a>
                </li>
                <li>
                    <a href="#">Familiedagen</a>
                </li>
            </ul>
        </li>
    </ul>
</li>
到目前为止,我自己都在头球。目前的php:

     <a href="<?php bloginfo(\'url\'); ?>">Home</a></li>
     <?php wp_nav_menu(\'title_li=&depth=2\'); ?>
功能。php:

add_filter( \'wp_nav_menu_objects\', \'add_menu_parent_class\' );
function add_menu_parent_class( $items ) {

$parents = array();
foreach ( $items as $item ) {
    if ( $item->menu_item_parent && $item->menu_item_parent > 0 ) {
        $parents[] = $item->menu_item_parent;
    }
}

foreach ( $items as $item ) {
    if ( in_array( $item->ID, $parents ) ) {
        $item->classes[] = \'submenu\'; 
    }
}

return $items;} 
编辑:我已经尽一切努力查看wp\\U nav\\U菜单的抄本,但我似乎什么都做不出来。有人告诉我,我没有正确使用它,问题是:我在哪里没有正确使用它?是否在功能中。php或标题。php?我只需要把它移过去,因为这似乎是最安全的做法。我以前从未做过这样的下拉菜单,这就是为什么我要求以正确的方式推送。

1 个回复
最合适的回答,由SO网友:Foxsk8 整理而成

更好的方法是:

 wp_nav_menu( array(\'menu\' => \'Top menu\',\'menu_class\' => \'top_menu\')); 
然后强制您的html类到wordpress,或者只需5分钟重写css规则,为wordpress分类名称。

Wordpress使用ul-li-ul-li-ul-li等结构,修复它没有问题。

结束

相关推荐

避免在自定义分类元字段中剥离HTML

我在自定义分类法上使用自定义表单字段来保存各种数据。除了在一个特殊的情况下,我试图保存一个iframe嵌入代码(来自Bandcamp),该代码稍后将在模板中回显,所有这些都工作得很好。Wordpress正在输出中的“任何”之前插入\\项。我试过使用htmlspecialchars 在我的输出中,我还将其添加到编辑表单字段操作的值中。我想我在某个地方错过了这个过程的一部分,也许是在拯救?保存功能为:function save_taxonomy_custom_meta_bandcamp_embed_music