どうも、n o v a です。

【賢威７】はサイトの幅が広めなこともあり、フォントの大きさにもよりますが、１行の文字数が多くなりがちです。そこで１行の文字数を程よくすると、こんどは左側に寄りがちになってしまいますよね。

そんな時にはメインコンテンツの幅を変えることでバランスを整えていくことができますので、
今回は【賢威７】のメインコンテンツの幅を変える方法をお伝えしていきます。


今回のカスタマイズで行うこと

今回のカスタマイズしていくことは以下の作業になります。


ここの幅を、今回は実験的に狭くしていきますね。


↓

こんな感じに変更していきます。


では頑張っていきましょう。


まずはCSSの編集画面へ

まずはWordPress管理画面の【外観】→【テーマの編集】へと進みます。

賢威７のテーマの編集カスタマイズ

次に画面の右端から【base.css】を開きます。



この【base.css】の、ずらっと並ぶ文字列の下までいきましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-23-14-09


ここにHTMLコードを入力していきます。


HTMLコードの入力

以下のHTMLコードを入力してください。


HTMLコードのコピーの仕方
→ http://creations-serialism.com/htmlchordcopy


こんな感じに貼り付けます。



最後に【ファイルを更新】をポチッとすることをお忘れなく。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-23-17-47
ではWebサイトから確認してみましょう。


Webサイトから確認

変更前



↓

変更後



どうでしょう。


今回はちょっと狭くなりすぎですね。笑


でも最初のうちはこんな感じに極端に値を変化させることで
その文字列が何を意味しているのかがわかってきます。


ちなみに今回の例だと、
数字を2.3くらいにするといい感じになります。


試しにやって見てください。


そんな感じでいじっているうちに、
少しづつCSSにも慣れていくものですね。


あとがき・・・

今回は「【賢威７】の投稿記事タイトルの大きさを変更する方法」
ということでお伝えしましたが、如何でしたでしょうか？


では最後までありがとうございました。


n o v a


こちらに「賢威7カスタマイズまとめページ」を作成しましたので、
宜しければご利用ください。

→【賢威７】カスタマイズ解体新書