WordPressの「Cocoon」ヘッダー画像、ロゴサイズなどの設定方法。

スポンサーリンク

WordPressの「Cocoon」ヘッダー画像、ロゴサイズなどの設定方法。

WordPressで人気テーマCocoonのヘッダー画像サイズと設定方法説明したいと思います。

自分のメモとして残してもいいと思って記事書いてみました。さぁ、頑張ってサイトをかっこよくにしましょう。

1. まずはCocoon設定=>Cocoon設定を選択する

2.ヘッダーを選択する。

更新する前はこんな感じです。

ここで大事なこと忘れてしまい。ヘッダー画像とロゴ画像の用意が必要です。

まず商用利用可能な写真画像サイトこちらの記事でいくつか紹介していますのでぜひ使ってみてください。私一番おすすめのフリー素材サイトはpixabayです。

WordPressブログに最適なフリー画像を使用しましょう。
ブログに最適なフリー画像を使用しましょう。 ブログ初めて、記事書くとき画像の投稿が必要になったのでいろいろ調べて、お金がないのでなるべくフリー素材使用しようと思ってます。下記フリーで商用使えるサイトまとめてみました。 画質がよくてび...

画像を決めたら、photoshopで画像サイズを調整しましよう。どんな拡大されても画質悪くならない一番ベストのヘッダー幅は1240pxです。PhotoShopで幅1240pxの画像作りましょう。

こちらのヘッダー背景画像作ってみました。

早速設定していきましょう。

3.ここに上の富士山画像を設定して、変更をまとめて保存を選択する。

そうするとこうなりました。かっこよくになったね。

4.真ん中のapp1st.comがかっこ悪すぎるのでロゴ画像作成しにいきましょう。

今回ロゴ画像の作成は紹介しないですが別の記事に書きます。作成したロゴはこちらになります。

5. ロゴ画像設定します。

設定して保存するとさらにかっこよくなりましたね。

以上はヘッダー画像とログ画像の設定メモでした。
国内最大級の写真素材販売サイト【PIXTA】

タイトルとURLをコピーしました