更改 html 结构并在 Wordpress 中创建菜单项答案

【问题标题】：Altering html structure and creating menu items in Wordpress更改 html 结构并在 Wordpress 中创建菜单项
【发布时间】：2015-02-28 01:18:20
【问题描述】：

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

我希望能够通过 HTML 在我的 <li> 中添加 <img> 标签（每个 <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'          => ''
        )
    );
}

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

【问题讨论】：

标签： css wordpress html-lists

【解决方案1】：

这种方式是行不通的。这样做的选择很少：

使用 CSS 背景。每个菜单项都有一些共享的类，还有一个可以使用的唯一类名，足以让您为每个菜单项添加不同的背景图像。阅读Codex了解更多信息。
好吧，如果你真的需要添加内联 <img>，它是可行的，但我不推荐。转到外观 > 菜单，然后添加一个自定义链接到菜单，然后将您的 <img> 标记插入到导航标签框中。
或者干脆不要使用wp_nav_menu()，而是硬编码你的菜单。

【讨论】：