在Wordpress中更改html结构和创建菜单项

时间:2015-02-27 17:00:45

标签: css wordpress html-lists

我对Wordpress很新,我正在尝试做一些非常具体的事情。我目前正在使用awesome html5blank来创建自定义主题。我正在使用导航选项卡的本机菜单。我目前正在使用背景图像来制作我的导航标签图片而不是文字,但这对我试图实现w / css并使其响应的问题构成了问题。

我希望能够通过HTML在我的<img>中添加<li>代码(每个<li>的不同图片)。

就我能够查找和阅读而言,我需要在我的function.php文件中创建一个自定义结构?

function html5blank_nav()
{
    wp_nav_menu(
    array(
        'theme_location'  => 'header-menu',
        'menu'            => '',
        'container'       => 'div',
        'container_class' => 'menu-{menu slug}-container',
        'container_id'    => '',
        'menu_class'      => 'menu',
        'menu_id'         => '',
        'echo'            => true,
        'fallback_cb'     => 'wp_page_menu',
        'before'          => '',
        'after'           => '',
        'link_before'     => '',
        'link_after'      => '',
        'items_wrap'      => '<ul>%3$s</ul>',
        'depth'           => 0,
        'walker'          => ''
        )
    );
}

请让我知道我需要提供什么才能使这个问题更有意义,并帮助您让我走上正轨。提前谢谢。

1 个答案:

答案 0 :(得分:1)

它不起作用。几乎没有选择:

  • 使用CSS背景。每个菜单项都有一些共享类,也可以使用您可以使用的唯一类名,足以为每个添加不同的背景图像。请阅读Codex了解更多信息。

  • 好吧,如果你真的需要添加内联<img>,它可行,但我不建议。转到外观&gt;菜单,并在菜单中添加自定义链接,然后将<img>标记插入导航标签框。

  • 或者只是不要使用wp_nav_menu(),而是硬编码菜单。