我正在开发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>
使用之类的东西
<?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); ?>
希望这对你有效
通过css在标签的背景中应用此项目符号图像。这将比将其放入li 更容易