ヘッダー画像をオリジナルに変えよう

こんにちは、明人です。


私のブログにお越しいただき、
ありがとうございます。

ここまで、いかがですか?
順調に自分好みのブログの形ができてますか?

笑顔01

あと、ヘッダー部分を自分オリジナルに
変更したいですね。

header01

ということで、
ヘッダーの部分がだいぶスッキリしたので、
今回は、ヘッダー画像を入れたいと思います。

では、早速始めていきましょう。

まずは、ヘッダー画像が必要ですが、
一応、大きさだけお伝えしておきますね。

ヘッダー画像は、
画像編集ソフトなどを使って、
ブログに合う画像と、タイトル、
簡単なコピーをレイアウトすれば
出来ますので、
いろんなブログを参考に作ってみましょうね。

また機会があれば、
ここでも説明できればとは思ってます。

ただ、私はデザインはあまり得意ではないので、
どこまでできるか・・・

かすかな期待をもって待っててくださいね。

では、ヘッダー画像の大きさですが、
「賢威」のテンプレートをダウンロードする時に、
テンプレートの大きさを指定しませんでした。

ということは、デフォルトのままなので、
横幅が、950ピクセルになってると思います。
(私は1100ピクセルにしてます。)

縦幅は自由に変えれます。
一般的に、300ピクセルくらいですかね。

他と差別化したい!とか、
もっとPRしたいとか、

いろいろあると思うので、
その時は、自由に縦幅を変更してみてくださいね。

ということで、
950×300ピクセルで作成してみてください。

では、そのヘッダー画像を入れましょう。

「外観→テーマ編集」をクリック。
「ヘッダー(header.php)」をクリック。

ここで変更していきましょう。

ちょっと下の方になります、

<ヘッダー–>の下の、

<h1>~</h1>

header02

の部分を消去して、
下記のソースコードを貼り付けてください。

<h1><a href=”<?php bloginfo(‘url’); ?>”><img src=”ヘッダー画像のURL” alt=”<?php bloginfo(‘name’); ?>”></a></h1>

これで一旦、「ファイルを更新」をクリック。

次に、作成したヘッダー画像のURLをコピーして、
「ヘッダー画像のURL」の所に貼付けます。

header03

これで、「ファイルを更新」をクリック。

いかがですか?
ヘッダー画像を変更できましたか?

分からなくなったら、いつでもご相談ください。
解決できるまで、お手伝いさせていただきます。


よろしくお願いします。


では、今日はこの辺で・・・


最後までお付き合いいただき、
ありがとうございます。

2 Responses to “ヘッダー画像をオリジナルに変えよう”

  1. 明人さん

    こんにちは。

    ヘッダーはブログの顔。
    とっても大切な部分ですね。

    私もヘッダーには試行錯誤でして。

    このような丁寧な解説記事があって
    みなさん本当に助かってると思います。

    私も勉強になりました。

    応援完了いたしました。

    • 明人 より:

      うみぞうさん、こんにちは(^_-)-☆
      いつも私のブログにご訪問ありがとうございます。

      ヘッダーって、まず最初に目につくとこですから、
      とても大切ですよね。

      だからこそ、すごく慎重になりますね。
      私もヘッダーは何度も試行錯誤しながら作りました。

      私も他の方のブログを見ながら勉強させていただいてます。

      これからもよろしくお願いします。

      明人

コメントを残す

サブコンテンツ

プロフィール

お気軽にご質問ください!



わからないことやお困りのことがあれば、お気軽にご相談ください。

このページの先頭へ