WordPress用のTCDテンプレート：QUADRAの横幅サイズを広げてみる

TCDのテンプレートは完成されているので、カスタマイズするのは、ちょっと大変な場合があります。ただ好みに合わせてちょっと、もう少し横幅が欲しい！っていうケースがありましたのでTCDがリリースしている「QUADRA」のテンプレートのコンテンツエリアを「1130px」→「1276px」に変更してみたいと思います。

パソコン時のレイアウト割当の計画値としては以下のサイズ感を予定。

ブラウザの要素機能を利用して、どのあたりのスタイルを修正するのかめぼしいところを見つけていきます。ほんとこの要素という機能が便利で数値入れてこんな感じなのかなどテストもしていきます。

スタイル調整でメインエリアが広くなりました。そうすると上部のヘッダー部分とパンくず部分の位置がおかしいので直していきたいと思います。

なんだかなんだ調整して完成です！

このようにして、WordPressのテンプレートをカスタマイズしていきます。

TCDのテーマを利用していて、カスタマイズしたいが・・と、お困りの場合はご相談ください。

こちらも合わせてお読みください。
続：WordPress用のTCDテンプレート：QUADRAの固定ページだってパンくずほしいよ！