お仕事日記 3匹目 word press twentyfourteenのカスタマイズをしてみる

こんにちは。nekonomoridesignのYoshyです。

今日は、このブログの基礎を築いている、Wordpressのカスタマイズについてお話したいと思います。

WordPressを使うのは今回が初めての私。
テーマとかの編集とかは、システム系に詳しいKozyに任せて、配置などもしていただいたのですが、元々あるWordpressのテーマをインストールしてこのブログは開始しました。

スマホでもPCでも表示が同じになるようなレイアウト・・ということで選んだのが、TwentyFourteenというテーマだったので、それを使って記事を書いたのですが、出来上がったページを見てみると、記事幅が何となく狭くて、余計なスペースがたくさんあるように思ってしまいました。

なので、カスタマイズを敢行!!

ってことで、やっちゃいました。

0610-1

管理画面の左側のところから、ペンキみたいなマークのアイコンがついている「外観」>>「テーマの編集」を選びます。
すると、この画面のようにけったいな文字がいっぱいでてきます。
これを、タグといいます。

CSSのスタイルシート、というものです。

この中に、記事幅が設定されているものがあるので、それを変更したいと思います。

このタグが画面に出ている状態で、キーボードのコントロール(Ctrl)を押しながら、「F」を押してください。

すると、Chromeブラウザの人なら、右上のほうに、IEの人なら画面上に、検索窓みたいなのが現れます。

そこに、「474」という数字をいれて、エンターキー(Enter)を押します。

すると、画面の中で、「474」と書かれているところにカーソルが行くと思います。

その、「474」という数字を変更すれば、記事幅を変えることが出来ます。

ちなみに、私は、「800」にしてあります。

「max-width:474」となっているところを私は変更しました。

全箇所変更したら、「ファイルを更新」という緑のボタンを押せばOKです。

これで、記事幅を広くできますので、デフォルトの設定から記事の幅を変えたい時は是非やってみてくださいね。

心配な人は、474から変更する前に、全体をコピーしてメモ帳とかに貼り付けて置くといいかもしれません。

お役に立てましたでしょうか?

それでは、良いブログ生活をヽ(´ー`)ノ