下の記事ではワードプレスのテーマ「マテリアル」のコメント表示において、返信のコメントを階層的にずらすことにチャレンジしました。
この記事はその結果のみを完結版としてまとめたものになります。
このやり方はマテリアルだけでなく賢威などのスレッド表示に対応していないテーマ全てに応用できます。
画像付きでわかりやすい解説が見たい場合は上のリンクから【トライ編】を読んでみてくださいね。
スポンサーリンク
「マテリアル」のコメントをスレッド化
重要なファイルを書き換えるので必ずバックアップをとってからやりましょう。
返信ボタンを追加・コード修正
- 管理画面のメニューから「外観＞テーマの編集」
- 「functions.php」を選択
- コード1の部分を探して行の末尾にコード2を追記
|
1 |
by <?php comment_author_link(); ?> <?php comment_date(); ?> |
|
1 |
<?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'reply_text' => '返信', 'before' => ' | ', 'after' => ' | ') ) ); ?> |
- コード1の2行下にある</li>を削除
- ファイルの更新
CSS編集
- 管理画面のメニューから「設定＞テーマの編集」
- 「スタイルシート（style.css）」を開く
- 最後の行に下記のコードをコピペ
|
1 2 3 4 |
/*--- コメント階層表示で1段ずらす ---*/ #comments .children li{ margin-left: 1.0em!important; } |
ディスカッションの設定
- 管理画面のメニューから「設定＞ディスカッション」
- 「他のコメント」の中にある「 」項目にチェックを入れる
- 階層を2階層以上に設定
- 変更を保存
以上です。少しでも誰かの参考になれば、まぐれヒット。
コメント
コメントはありません。