php - 如何使用图像项目符号更改 WordPress 菜单？

Question

我正在开发 WordPress 主题菜单

[当前 WP 菜单]

    <ul>
        <li><a href="<?php echo get_option('home'); ?>">Home</a></li>
        <?php wp_list_pages('title_li'); ?>
    </ul>

生成输出：

    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Book Online</a></li>
        <li><a href="#">Prices</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>

我可以在我的代码中进行哪些更改以生成以下输出：

    <ul>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/bullet.png" width="15" height="9" />Home</a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/bullet.png" width="15" height="9" />Services</a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/bullet.png" width="15" height="9" />Book Online</a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/bullet.png" width="15" height="9" />Prices</a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/bullet.png" width="15" height="9" />Contact Us</a></li>
    </ul>

Answer 1

通过css将此子弹图像应用到标签的背景中。这将更容易然后将其放入li

Answer 2

使用类似的东西

<?php
                    $args = array(
        'title_li'     => __('Pages'),

    'link_before'   => '<img src="'.get_bloginfo('template_url').'/images/bullet.png" width="15" height="9" />'

);
                    wp_list_pages($args); ?>

希望这对你有用