【賢威8のヘッダー】ロゴ画像のカスタマイズ方法

こんにちは、HIROです。

今回は賢威8から新しく導入されたロゴ画像についてワードプレスを使ってご紹介しようと思います。

あなたのブログを開いたときにまず最初に目にするのがロゴ画像です。

ロゴ画像とヘッダーコンテンツをしっかり作らないと、いくら良い記事を書いていても速攻で離脱されるかもしれません。

そのような可能性を少しでも減らすようにロゴ画像のカスタマイズをしていきましょう。

ロゴ画像とは?

ロゴ画像とはサイトのタイトルを画像化したものをいいます。

もう少し深く説明すると大手の会社で、社名をロゴ化してインパクトを出す方法がよくみられます。

サイゲームスやカプコン、松屋やスターバックスなど一度は目にしたことがあるのではないでしょうか?

ここでは、そのロゴ画像をヘッダーに添付する方法をご紹介します。

非常に簡単なので積極的につけるようにしてください。

ロゴ画像の設置方法

ロゴ画像の設置方法の手順は以下のようになります。

ロゴ画像の設置方法
  • ロゴ画像を画像編集ソフトで作成する
  • ロゴ画像を賢威の設定でロゴ部分にアップする

手順は非常に簡単ですね。

それではまず、ロゴ画像のないサイトを見てみましょう。

画像を見てみるとわかるのですが、タイトルをそのまま載せていると、シンプルでわかりやすくはあるのですが、インパクトが薄いためネットユーザーにタイトルを覚えてもらえないかもしれません。

確かにこう見るとなんだか頼りない気がしますね^^

さて、今回、HIROのブログにアップするロゴ画像は先ほど画像編集ソフトで作成しました、こちらになります。

アフィリエイトで稼ぐ|30代で会社を辞める方法!

ロゴ画像に関しては、最初、無料編集ソフトのGINPで作成していたんですが、どうにも癖のある操作性に嫌気がさして以前に使用していた無料編集ソフトであるOnline Photo Editor | Pixlr Editorに戻したところ、操作性の不備なく一瞬でロゴ画像の作成ができました。

Photo Shopのような有料の画像編集ソフトを持っていなければ、無料の画像編集ソフトで十分なので使ってみるのもいいかもしれません。

ちなみに今から使う画像は横300×縦75で作成しています。

もう少し大きくしたいなという人は、自由に大きくしてもらって構いませんが、今回、メインビジュアルにも画像を入れたいので、あえて小さく、シンプルにしています。

ロゴ画像のコンセプトとして、ブログのタイトルにちなんでアフィリエイトで会社を辞める解放感と自由の象徴として、翼のモチーフを、稼ぐと言う点を金色で表してみました。

ロゴ画像をシンプルに見せているのでメインビジュアルの邪魔をしていない分、自分でもいいデザインかなと思っています。

やはりロゴ画像というのはブログのタイトルや社名などで使われることが多いため、意味のあるものにしたいという思いがあるので、そこはこだわっていきたいですね。

もしあなたもロゴ画像をどうするか迷ったときには、ただ単純にフリー素材を張り付けるだけではなく、ブログタイトルにちなんだロゴ画像を作ってみるのも愛着がわいてくるし、面白いかもしれません。

それでは、画像編集ソフトで作成したロゴ画像を賢威8の機能を使ってアップしたいと思います。

とはいえ、操作は非常に簡単なので躊躇することはありません。

気軽に手順を追ってみてください。

まずワードプレスの左側のメニューで『賢威の設定』をクリックしてください。

すると『賢威の設定』画面がでてきますので、下の『ロゴ画像』までスクロールしてください。

ロゴ画像』がでてきましたか?

ロゴ画像』がでてきたら、その中にある『画像をアップロード』をクリックしてください。

すると、画像の『メディアライブラリ』が開くので、その横のタブである『ファイルをアップロード』をクリックして、そのまま今作成したロゴ画像をドロップ&ドラッグで入れ込みます。

クリックするとロゴ画像がワードプレス内にアップロードされます。

この時に注意したいのは、このままロゴ画像をアップするとグーグルのクローラー的にはブログタイトルを認識してもらえないという事態が起こってきます。

どうしてかというと、グーグルのクローラーは画像は画像、テキストはテキストと判別できる反面、テキストにある文字は認識できるんですが、画像となると、どういった内容の画像であるかが認識できないという欠点があるんです。

では、ロゴ画像はグーグルのクローラーに認識してもらえない分不利なんでしょうか?

実はそんなことはありません。

ロゴ画像をグーグルのクローラーに適切に認識してもらえるように代替テキストをつけてあげれば問題は解決します。

アップロード画面の右側にある赤枠部分が代替テキストです。

この代替テキストにテキストとしてタイトルを入れてあげることでグーグルのクローラーが正しくロゴ画像をタイトルロゴとして認識してくれます。

代替テキストにブログタイトルをいれました。

代替えテキストにブログタイトルをいれたら、アップロードしたロゴ画像が青枠で選択されているのを確認して、右下の『選択』をクリックします。

上手く賢威のロゴ画像にアップロードできましたか?

ここまでできたら、ロゴ画像のアップロードは完了です。

一番下までスクロールして『変更を保存』をクリックしましょう。

後は、サイトのプレビュー画面でちゃんとロゴ画像が入っているか確認してください。

ちゃんとロゴ画像が入ってますね。

これにてロゴ画像のアップロードは完了しました。

お疲れさまでした。

まとめ

今回はブログの顔とも言えるロゴ画像のアップの仕方についてご紹介しました。

本来なら手間のかかったロゴ画像挿入も賢威8を使うと驚くほど簡単に挿入できましたね。

HIROもロゴ画像を挿入する前は他の方のブログをみては「あのロゴ画像どうやって入れてるんだろ?」とか気になってましたが、意外に簡単な方法で挿入できたので「思ったより簡単じゃん」なんて思ったりしてました^^

このブログを見て少しでもロゴ画像に興味をもってもらって、ご自身のブログのカスタマイズに役立ててくれると幸いです。