WordPressの『Cocoon』ヘッダーロゴ、背景画像編集のやり方

ブログ・WordPress
悩んでいる人
悩んでいる人

ブログを始めました!

トップページのヘッダーをカスタマイズしたいのですが、やり方が分かりません。

教えてください!

 

いまりゆ
いまりゆ

こういった疑問にお答えします。

こんにちは。いまりゆです。

私も使用している『Cocoon』でのヘッダーのカスタマイズをご紹介します。

30代、知識ゼロから始めた私でもできたので簡単ですよ!

 

ブログを始めてまず気になること・・

 

トップページのロゴをカッコよくしたい!!

 

と思いますよね(笑)

私もそうでした。

ですが、完全初心者ですのどうすればいいのか全くわからず・・

 

そんな方向けの記事になっています。

ぜひ参考にしてみてください。

 

 

 WordPressの『Cocoon』のヘッダーロゴカスタマイズのやり方

それでは、ヘッダーのカスタマイズを始めていきますね。

非常に簡単ですので安心してください。

 

まずダッシュボードから『Cocoon設定』→『ヘッダー』を選択します。

 

 

次にヘッダーロゴをアップロードします。

※予め、ロゴと、背景画像など準備が必要です。

 

 

当ブログの『Live happily』のサイズは横幅1300px、高さ124pxにしてみました。

何回もサイズを変更し、このサイズで収まりました。

 

最後に『変更をまとめて保存』をクリックして終わりです。

 

 

 ヘッダーロゴの作成法を紹介

ちなみにロゴを作成したのは、『PhotoScape』というサイトです。

無料で画像編集ができるので、私のような完全初心者には最適でした!

 

作成をお考えの方はコチラ↓↓

無料画像編集ソフト『PhotoScape』のインストールの仕方
ブログ、またはH.Pを運営されている方で画像編集に悩んでいる方も多いと思います。 そこで今回は無料で簡単に画像編集ができる『PhotoScape』を紹介していきます

 

当初は、背景画像も、自分で撮った写真にしていましたが、『シンプルイズベスト』ということで、今に至りました(笑)

 

オシャレで凝ったヘッダーを作成したいという方へ

ブログのトップ画面のヘッダーを「オシャレでカッコよくしたい!!」という方には【バナープラスV2 】がおすすめです。

初心者でも簡単にオシャレなヘッダーを作成することができます。

また、ヘッダーだけではなく、ブログに挿入するアイキャッチ、バナーなども自分でオシャレに作成できるので使い勝手もいいです。

凝ったヘッダーやアイキャッチ、バナーを毎回外注しようとすると費用もかさんでしまいます。

自分で簡単にオシャレなヘッダー、アイキャッチ、バナーが作成できれば一番ですよね。

※ちなみに、自分のオリジナルキャラクターの作成できてしまいます!

 

下記に公式サイトのお手本動画を貼っておきますので参考にしてみてください。

※Windowsのみの対応となりますのでご注意ください。

〇 おすすめなひと

・アフィリエイトで稼ぎたいと考えているひと

・オシャレなページを目指しているブロガーさん

・作業効率を上げたいひと

・外注はしたくないけど、こだわりたいひと

 

>>バナープラスV2公式サイト

 

とりあえずヘッダーだけ作成を考えているひと

 

※お金に余裕がある方はココナラ でプロに作成してもらうのありですね。
3,000円~ぐらいで作成してもらえますよ。

※無料で使用できるイラストサイトはこちら↓
イラストダウンロードサイト【イラストAC】

 

 WordPressの『Cocoon』ヘッダーの背景画像設定

次にヘッダーの背景画像設定していく方法です。

まず先ほどと同様に『Cocoon設定』→『ヘッダー』を選択します。

 

 

次にヘッダー背景画像をアップロードします。

 

 

予め、自分の背景画像にする画像を準備しておく必要があります。

 

最後に『変更をまとめて保存』をクリックします。

設定が終われば、自分のトップページで反映されているか確認してみてください。

 

※以前使っていたヘッダーです(^-^;

ヘッダーの書体も変えられない知識ゼロでしたね・・(笑)

 まとめ:ヘッダーをカスタマイズしてオリジナル性を出そう

今回は、WordPressの『Cocoon』のヘッダーロゴ、背景画像編集について紹介しました。

30代、知識ゼロから始めた私でも簡単にできました!!

ぜひ自分だけのオリジナルなトップページを作ってみてください。

それでは今回はこれで失礼します。

 

トップ画面で記事をスライドさせる方法はコチラ↓↓

WordPress(Cocoon)で記事をスライドさせる方法【カルーセル】
WordPressでデザインをよくしたいとお考えの方へ。記事をスライドをさせる【カルーセル】の仕方を紹介します。ぜひ参考にしてください!

 

【ブログで稼ぐ】簡単に3万円稼げるA8.net『セルフバック』とは?
今回は簡単に3万円を稼げる方法を紹介します。副業でブログを使用するとお考えの方。まずは簡単に3万円を稼いでみてください。

 

ブログ初心者におすすめのアフィリエイトASP5選を紹介!
ブログで稼ぐにはASP登録が必須です。Googleアドセンスだけではなかなか稼ぐのは難しいです。今回は初心者なら必ず登録するASPを紹介します。
ブログ・WordPress
スポンサーリンク
プロフィール
imry_222(いまりゆ)

群馬県出身/現在は神奈川県在住/2児の父/スポーツ大好き
10年間スポーツショップに勤務▶不動産賃貸営業マンに転職▶子供たちとの時間を増やすために定時帰宅の小学生を対象としたスクール事業に転職。
現在は新規事業立ち上げとマネジメント事業を兼用しています。
30代からWEB知識ゼロでブログを開始(^^)
いままでの経験してきた『転職』『引っ越し』『ブログ』『子育て』に関して発信中です。少しでもお役に立てればうれしいです!

imry_222(いまりゆ)をフォローする
imry_222(いまりゆ)をフォローする
Live happily

コメント

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