VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで

ブートストラップ3を使って自作テーマ作成(20)コメント投稿フォーム、コメント表示部のCSS設定

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

TwentyFourteenにおける設定内容


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

CSSの設定


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