【WordPress】コメント欄にナンバーを付ける方法(CSS修正のみ)

ワードプレスのコメント欄にナンバーリングを付ける方法をメモ。

コメント欄にナンバーを付ける

ワードプレステーマ「cocoon」の場合は以下の方法で変更しました。
(「Simplicity」でも同じ作者さんなので、似た感じと思います)

親テーマのstyle.css内です。「.commets-list」などで文字検索してください。

変更前

.commets-list {
padding: 0;
list-style: none;
}

変更後

.commets-list {
padding-left: 25px;
list-style: decimal;
}

「list-style: decimal」 とすることでリストなし設定から数字に変更となります。
また「padding-left: 25px」は左位置がスマホだと微妙に切れてしまうので開始位置を指定します。

ただ親テーマなので、バージョンアップで消える可能性がある部分なので、
子テーマの「カスタマイズ」→「追加CSS」に変更後のコードを記述した方が良いかもしれません。

反映されました

cssなので普通のブラウザ更新で反映しない場合はスーパーリロード(ctrlまたはshift押しながら、更新ボタンを押す)が必要です。

コメント