コメントに連番を振り、分割でも機能させたい

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • nobita

    (@nobita)

    7年、 3ヶ月前

    こんにちは、

    あんまり、褒められない見本ではありますが、
    list of posts – WordPress Snippet
    のページでは、ページを移動するとリストの順番は維持されると思います。

    このように連続した番号を振りたい場合には、　ol要素のstart属性を使うといいです。

    
<ol start="21" class="list-of-post">

    このスタート属性の値は、ページあたりの表示数と、現在のページの値から計算できます。

    試してみてはどうでしょう

    コメントがリスト構造でない場合は、
    章・節 ・項　スタイル – CSS note

    Sectioned headding exampleのところにある、例のようにcounter-resetプロパティと、 counter-incrementを組み合わせると、リスト要素以外でも可能です。

    • この返信は7年、 3ヶ月前にnobitaが編集しました。
    トピック投稿者 brtu5y4

    (@slime0099)

    7年、 3ヶ月前

    nobita様

    ありがとうございます！
    start属性の考え方で成功致しました^^

    今回は連番のCSSをいじりたかったので、
    <ol class="comment-list" style="counter-reset: number 2;">
    として

    li{
    counter-increment: number;
    &:before{
    content: counter(number)”.”;
    }
    }

    としました。

    • この返信は7年、 3ヶ月前にbrtu5y4が編集しました。
    • この返信は7年、 3ヶ月前にbrtu5y4が編集しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「コメントに連番を振り、分割でも機能させたい」には新たに返信することはできません。