サポート » 使い方全般 » 記事一覧で2番目以降に要素挿入

  • 解決済 gellgugu

    (@gellgugu)


    お世話になります。

    wordpressにて会社のHPを作成中です。
    トップページに記事一覧を設置したいのですが、2番目以降の項目の上部に<hr>要素を挿入したいと思っています。
    HTMLにすると下記の通りです。

    <div>
     <div>1番目の記事の題名</div>
     <div>1番目のmoreタグまでの内容</div>
     <hr>
     <div>2番目の記事の題名</div>
     <div>2番目のmoreタグまでの内容</div>
     <hr>
     <div>3番目の記事の題名</div>
     <div>3番目のmoreタグまでの内容</div>
     <hr>
     <div>4番目の記事の題名</div>
     <div>4番目のmoreタグまでの内容</div>
    </div>

    かなりおおざっぱで申し訳ないですが、上記の様な感じです。
    1個目の<hr>までを一つのループとすると、4番目の下にも<hr>がきてしまうため、1つめには表示せず、2つめから<hr>が表示されるようにしたいなと思っています。

    このようにするにはどうしたら良いでしょうか?
    お分かりの方、ご教授願います。

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

    装飾用に、hr 要素を入れるという事なら、PHPを使うまでもなく、CSSでも可能だと思います。

    E:first-child
    E:last-child
    E:first-of-type
    E:last-of-type
    E:nth-child()

    あたりを調べると、

    4番目の下にも<hr>がきてしまうため、

    のような問題は解決できると思います。

    トピック投稿者 gellgugu

    (@gellgugu)

    nobitaさん、ご返信ありがとうございます。
    確かに、cssのみで出来そうです。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「記事一覧で2番目以降に要素挿入」には新たに返信することはできません。