ワードプレステーマCocoonでヘッダーロゴを変更する方法

ブログ

この記事ではワードプレス無料テーマ「Cocoon」でヘッダーロゴを変更する方法について説明します。ブログの顔ともいえるヘッダー画像。

一手間かけて、ユニークなものにしたいですよね。

1. ロゴジェネレーターを利用する

ロゴを作成するサイトのことをロゴジェネレーターと呼びます。

いくつか種類がありますが、今回は「Cool Text」というサイトを利用します。
https://ja.cooltext.com/

さっそく「Cool Text」へ行ってみましょう。

2. Cool Textでロゴを作成する

Cool Textを使うのに、アカウント作成は必要ありません。

トップページに「ロゴスタイルを選択してください」とあります。

赤枠で囲ったフォントを選びました。

クリックします。

そして「ロゴテキスト」欄にブログのタイトルを入れます。

テキストサイズは30にしました。

3. ロゴに影をつける

続いてロゴに影をつけます。

図の「Shadow」のところをクリックします。

シャドウ

そして「Shadow Type」のところを「Sharp」にします。

続いて「Create Logo」のところをクリックします。

4. ロゴ画像のダウンロード

そうしたら「画像をダウンロード」をクリックして、適当な場所にロゴをダウンロードします。

5. Cocoon側の設定

次にCocoon側の設定です。「Cocoon設定」から「ヘッダー」を選びます。

「ヘッダーロゴ」から「選択」をクリックして、先ほどダウンロードしたロゴを指定します。

コクーンヘッダーロゴ

それができたら一番下の「変更をまとめて保存」をクリックします。

念のためスマホで表示を確認しておきましょう。

父さん
父さん

うん、うまくいったな

 

母さん
母さん

少しは見映えが違うでしょうか

6. まとめ

以上、ワードプレステーマ「Cocoon」でヘッダーロゴを変更する方法について説明してきました。

ヘッダーのロゴだけでなく背景を変える方法もありますが、シンプルにしたいため、背景画像は設定しませんでした。

ポイント

  • ヘッダーロゴを変更するのはとてもカンタン
  • Cool Textというサイトを使う

(アイキャッチ画像:キイロイトリさんによる写真ACからの写真)

ブログ
スポンサーリンク
スポンサーリンク
シェアする
ヒロハッピーをフォローする
スポンサーリンク
ありがとうログ

コメント

error: Content is protected !!