コメント投稿フォーム、コメント表示部のスタイル設定を行います。

TwentyFourteenにおける設定内容

　
コメント投稿フォーム、投稿済みのコメント表示は、単一投稿や固定ページを表示するテンプレートファイルsingle.php、page.php内の下記コードによって生成されています。
　
if ( comments_open() || get_comments_number() ) {
　comments_template();
}
　

CSSの設定

　
コメントのテンプレートファイルcomments.phpも含め特にコメント関連ではTwentyFourteenのものを流用していて変更していません。
スタイルシートの設定は、TwentyFourteenのstyle.cssの”6.14 Comments”の部分をすべてコピーし、自分の好みに応じて適宜変更します。
　
レイアウトはブートストラップ３のグリッドを使って行っているので、下記部分は削除しました。
　
.comments-area {
　　margin: 48px auto;
　
「ブートストラップ３を使って自作テーマ作成」の目次へ

関連記事の目次