0

私は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>
4

2 に答える 2

0

のようなものを使用します

<?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); ?>

これがうまくいくことを願っています

于 2013-02-08T09:39:46.267 に答える
0

この箇条書きの画像を css を介してタグの背景に適用すると、li に配置するのが簡単になります。

于 2013-02-08T18:39:51.437 に答える