【Cocoon】WordPressのヘッダーロゴ画像をカスタマイズする方法

スポンサーリンク
WordPress
スポンサーリンク

はじめに

あなたはサイトのデザインを初期設定から変更してますか?

 

恥ずかしながら…私は、ほとんどがまだ初期設定のままで、そろそろサイト情報を変更しないとなぁ…って感じで、今回はWordPressのヘッダーロゴ画像をカスタマイズしていくので、同時にその様子をご説明していきます。

 

ただ、デザインに関して言いますと…今回は全くこだわらず、無料のロゴ作成ツールでチャチャっと作っていこうって内容です。

 

なぜなら、ロゴ作成ツールはとても多くあって…凝ったものを作ろうとすると、かなりの時間を使って悩むだろうからです。

 

ヘッダーのロゴってサイトの顔だから、悩んででもオシャレなやつにした方がいいじゃん!

 

って思うかもですが…全く、おっしゃる通りなんです。

 

ただ私は、その悩んでる時間をブログの執筆作業に充てたいので、良いロゴを考えつつ…思いついたら変更しようかな…って感じですので、今回はサクッとカスタマイズする方法をお伝えしていきます。

 

使用するツールは、『Cool Text』なのですが…選んだ理由は以下です。

  • 無料
  • 人気がある
  • 汎用性がある
  • シンプル
  • 日本語サイト
  • バリエーションが多い
  • 自由度が高い
  • ポップ
  • 感覚
  • 無難

 

ネット検索して、出てきたロゴ作成ツールを紹介しているサイトを見て、人気がもの選ぶのが無難かなって思いますし…悩んだあげく「最初に決めてたやつにする」なんて結果は、本当に時間がもったいないです。

 

そして、ご覧の通り…私のテーマは『Cocoon』ですので、Cocoonのパターンで進めていきます。

 

サクッっとヘッダーのロゴ画像を変更して、とにかくブログの更新をガンガンやっていきましょう。

 

WordPressのヘッダーロゴ画像をカスタマイズする方法

1、まず、Cool Textにアクセスすると以下の画面になるので、好きなロゴスタイルを選択してください。

WordPressのヘッダーロゴ画像をカスタマイズする方法1-1

 

ちなみに私は、下記のロゴスタイルを選択しました。

WordPressのヘッダーロゴ画像をカスタマイズする方法1-2

最初は、筆記体が良いなって思たのですが…なんかゴチャゴチャしてる感じがあって、ここも無難な感じのを選びました。

 

 

2、それでは実際に、ロゴを作っていくのですが…方法はとても簡単なので、下記画像を見ながら次に進んで下さい。

WordPressのヘッダーロゴ画像をカスタマイズする方法2

まず、緑枠をクリックして文字の色を決め、赤枠のロゴテキスト中にブログタイトルを入力し、黄枠のフォントを選び、青枠のテキストサイズ(ロゴの大きさ)を決めて黒枠の『Create Logo』をクリックする。

 

1回、1回、作り直すのは時間がもったいないので…あらかじめ、いくつかの大きさのテキストサイズで作っておき、色々挿入してみてから、ちょうど良いのを設定するって感じが良いです。

 

正直、橙枠のプレビューを見たとて…挿入してみないとサイズ感は分からないはずです。

 

私が設定してるテキストサイズ40っていうのは、スマホで表示させると、1番ちょうどイイ感じだったからです。

 

 

3、続いて…下記の画面に行くので、赤枠の『画像をダウンロード』をクリックして、名前を決めて画像を保存する。

WordPressのヘッダーロゴ画像をカスタマイズする方法3

 

 

4、それでは、作成したロゴをサイトのWordPressのヘッダーに挿入していきます。

まず、WordPressダッシュボードの管理画面で『Cocoon設定』→『Cocoon設定』をクリックする。

WordPressのヘッダーロゴ画像をカスタマイズする方法4

 

 

5、続いて、下の方にスクロールして、下記のように【ヘッダーロゴ】の選択をクリックして、先ほど作成した画像を挿入する。

WordPressのヘッダーロゴ画像をカスタマイズする方法5

 

 

6、すると下記のように、プレビューされるので【変更をまとめて保存】をクリックする。

WordPressのヘッダーロゴ画像をカスタマイズする方法6

 

お疲れ様です、これでヘッダーのロゴ画像の挿入は完了です。

 

7、最後に…下記のように、実際にサイトを表示させてみてヘッダーを確認してみて下さい。

WordPressのヘッダーロゴ画像をカスタマイズする方法7

 

まとめ

以上、Cocoonテーマにて…WordPressのヘッダーロゴ画像を、無料ツールの『Cool Text』でカスタマイズする方法をお伝えしました。

 

ロゴの作成ツールは、めちゃくちゃ種類がたくさんあって…デザインのバリエーションは無限にあるので、凝ったものを作りたいのでしたら、色々なツールを試すのも全然ありです。

 

今回はとりあえず…時間がないブロガーさん用って感じに、サクッとカスタマイズしていったので、まだまだ良い感じのデザインはあると思いますし…私も今後、変更するつもりでいます。

 

そして、まだロゴの背景画像が全く味気ない感じがしますので…そのうち背景画像の変更もマストだろうなって感じです。

 

あなたもヘッダーのロゴ画像が初期設定のままというこことでしたら…これを機に、何かオシャレなものに変更してみてはいかがでしょうか?

 

WordPress
スポンサーリンク
スポンサーリンク
たすくをフォローする
スポンサーリンク
Tasublog

コメント