【TwentyTwelve】ヘッダ画像の登録


前回の記事:【TwentyTwelve】背景画像の設定

続きまして今回はヘッダ画像の登録。
今回も簡単にダッシュボードから登録できます!

tt06
「外観」>「カスタマイズ」をクリック。

デフォルトではサイト名と「Just another WordPress site」の文字表記のみです。
tt07
「画像を選択」で、「ファイルを選択」ボタンをクリックしてヘッダ用に用意した画像を選択し、横の「アップロード」ボタンをクリックすると、選択した画像が表示されます。

「切り取って公開する」と「トリミングをせず、このまま画像を公開する」がありますが、「トリミングをせず、このまま画像を公開する」だととりあえず画像を登録してから表示したい部分を指定できるので便利なのかも。

試しに3種類のサイズのヘッダを「トリミングをせず、このまま画像を公開する」で登録してみました。

まずは「おすすめ」と書かれている960px×250pxの画像。(わかりやすいように赤枠をつけています)
tt08

横幅が少し大きい1200px×300pxだとこんな感じ。
tt10
あれ・・・サイズほとんど変わってない。測ってみたら勝手に960×260pxに縮小されていました。

ちょっと小さくした800px×150pxだとこんな感じ。
tt09
左に寄ってしまった・・・。

デフォルトのサイト幅をそのまま使うなら、ヘッダ画像の幅は960pxで作っておいた方が無難なようですね・・・。style.cssでヘッダ画像の位置指定をすればいいだけの話ですが、今回はプチカスタムなのでパス。

画像登録の下側にある「ヘッダーのテキスト」は、デフォルトで表示されているサイト名と「Just another WordPress site」の部分。
「Just another WordPress site」は
「ヘッダー画像上にテキストを表示する」にチェックを入れると、
tt11
こんな感じで表示されるようになります。(文字色は赤にしています)
ヘッダー画像上に、っていうのは「ヘッダー画像の上に重ねて」っていう意味かと思ってました(笑)

「ヘッダー画像上にテキストを表示する」のチェックを外すと、
tt12
こんな感じに。
チェックを入れている時はヘッダ画像とサイト名にトップページへのリンクが張られていましたが、外すとヘッダ画像のみにトップへのリンクが張られるようになりました。

次の記事:【TwentyTwelve】サイドバーのカスタマイズ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です