サポート » 使い方全般 » リストマークを画像で表示する方法?

  • リストマークを画像で表示する方法をお教え願います。
    <php>

    <div id="blglist">
    <ul>
    <?php
    $posts = get_posts('numberposts=5');
    global $post;
    ?>
    <?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
    <li>
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
    <?php endforeach; endif;?>
    </ul>
    </div>

    <css>

    #blglist li{
        list-style: none;
        background-image: url(img/blglist.png);
        background-repeat: no-repeat;
        background-position: 0px 3px;
    }

    どうぞ,よろしくお願いいたします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • こんにちは。

    リストを画像で表示する方法ですが、記述は合っていると思います。
    ただ、cssの内容をphpに書いているなら、画像までのパスが間違っていると思います。
    ※テンプレート内のimg/という記述でない為。

    • style.cssに上記のcssを記述するならそのままで表示されました
    • index.phpやpost.php等に直接cssを記述するなら、background-imageのurlの値が変わります。
      url(<?php bloginfo('template_directory'); ?>/img/blglist.png);
1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「リストマークを画像で表示する方法?」には新たに返信することはできません。