【WordPress】TwentyFourteenのコンテンツ(本文)の幅を広くする

…で、1つ目の気にかかる場所「コンテンツ(本文)の表示幅」も先のページを参考にして直します。

 ◆TwentyFourteenのコンテンツ(本文)の幅を広くする

「style.css」の「6.0 Content」を開きます。

※参考にしたページではCSSを使って(多分、別テーマ?)、上記の記述も直接、CSSから埋め込んでいるようですが、今はそれを調べてる時間がないので(^^;)先に進みます。

 

【参考】Syntax Highlighter

この中の「max-width」が本文幅を指定しているので、この474pxを必要な幅に書き換えれば希望の幅になるようです。hentryの方はmax-width:672pxとなってまして、ここを触るのは今の段階で怖いので(他のスタイルが全部崩れてしまいそうで^^;)、左右にやや余白を置いて自分が良く使う画像幅 640pxに合わせてみました。こんな感じです。

 

でまた、これを直すと気になるところが、、、解らないなりに「アイキャッチ画像」というのを最初の投稿で使用していましたが、その幅が640pxなので本文の幅(672px)との差が段になって見栄えが良くない、、、

アイキャッチ画像

アイキャッチ画像は、そのブログ記事を表すサムネイル画像です。はてなブログの「人気エントリー」や、Facebookなどソーシャルメディアでシェアされたときに表示されます。アイキャッチ画像を選ぶ アイキャッチ画像には、記事中にある最初の画像が自動で選択されます。

それで、Twenty Fourteenでのアイキャッチ画像のサイズで検索をかけましたら以下の様なページがヒットしました。

、、、で、このページでは、子テーマを使って強制的に今まで使ってたアイキャッチ画像のサイズ替えを行うと共に、後ろのグレーの部分も背景色に変えてしまうという手法を取られてましたが、今のところ子テーマの使い方まで一足飛びに覚えるわけにいかないので(^^;)今のところ画像の方を672×372 700×372(実際に試してみたら700)変更することで対処します(又、一つ課題が増えた^^;)