【Twenty Fourteen】をセンターに表示させる

【Twenty Fourteen】は本来サイトが左寄せで表示されるのがデフォルトだそうです。
といいつつこのサイトはセンターに表示されていたから、多分昔何かをいじったのでしょうね。
覚えてないけどw

最近、その後の進化がクールだなぁと思って、またちょろっといじっています。
で、何かを触っているうちにセンター表示から左寄せになってしまい、、、
「ヤベ」と思って元に戻すべく色々チクチクするも治らず、、、

結局戻せたのですが、また忘れないように自分の忘備録的な意味合いでポストしておきます。

’16-2/24 更新しました。
Twenty Fourteen をセンターレイアウトにする方法には次の 2つがあります。

  1. style.css に 2行追加
  2. Twenty Fourteen の外観をカスタマイズするプラグイン「Fourteen Extended」をつかう

1. style.css に 2行追加する方法

他をカスタマイズせず、余計なプラグインを入れたくない方に良い方法だと思います。

「外観」>「テーマの編集」>「スタイルシート」
で、style.css の「3.0 Basic Structure」のこの部分に追加しています。

スクリーンショット_2016-02-18_0_59_02


margin-left: auto;
margin-right: auto;


これだけ。
これだけでセンターレイアウトになります。

2. プラグイン Fourteen Extended を使う方法

コードをいじることに抵抗のある方や、他にも例えばメインコンテンツ幅を広げる等外観をカスタマイズしたい方にお勧めの方法です。

Fourteen Extended を追加すると「外観」>「カスタマイズ」にいくつかの英文メニューが増えます。
この中の TwentyFourteen General Options で、「Center Align Site Layout ?」 にチェックを入れる。

スクリーンショット_2016-02-18_0_29_12

なお、その前に、Twenty Fourteen Start Here を開くと最下段にある “Disable the plugin css output for debugging?” のチェックが外れている必要があります。

Fourteen Extended

以上です。
どちらでも実現できますので、お好きな方法で。


【バンド:流 / Ryu】NY Song 絶賛発売中♬ 試聴も出来ます。 iTunes: http://bit.ly/1b7OEiD  ブラウザで見る http://goo.gl/NIfXf4 NY Song アルバムジャケット

僕のソロも試聴・ご購入いただけます (・∀・)!! 是非、お聴き下さい! Free Trial Listening of My Tunes 😀

スクリーンショット 2013-06-08 21.54.36 1曲 ¥150 です / $ 1.29 each

各種 SNS アカウントでコメントできます