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

Question

我是 Wordpress 的新手，正在尝试做一些非常具体的事情。我目前正在使用 awesome html5blank 创建我的自定义主题。我正在为我的导航选项卡使用本机菜单。我目前正在使用背景图像来制作我的导航选项卡图像而不是文本，但这对我试图实现的目标提出了问题 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'          => ''
        )
    );
}

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

Answer 1

这样不行。有几个选择：

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

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

Altering html structure and creating menu items in Wordpress

css

wordpress

html-lists