WordPressブログでCocoonページのヘッダーを作ってみよう!

今回はブログを自身のオリジナリティが出るようにヘッダーを作っていきましょう。

※当ページは一部にプロモーションを含みます

ヘッダーとは

ブログのトップ部分です。このトップを変更することでオリジナリティあふれるブログに仕上がっていきます

キャンバ・canvaを使用

今回もcanvaを使用していていきます

canvaとは

スマートフォンやタブレットなどのモバイル端末のアプリにも対応している、オンラインで使える無料のグラフィックデザインツールです。

社畜モンキ
社畜モンキ

無料で使用することが出来て、私もブログのタイトルをいつもcanvaで作成しています。有料プランに申し込むと沢山の素材も使用することが出来ますよ。

無料の素材も沢山使用でき、雰囲気に合わせたバナー画像も作成できます

実際にcanvaを使用して、ヘッダーを作成していきましょう

実際にヘッダーを作っていこう

カスタムサイズを選択します

実際に、このキャンバスへと埋め込んでいきます

今回はオリジナルのキャラクターを使用するので、メディアをアップロードします

社畜モンキー君を使用します

最左部分のテキストを選択し、イメージにあう書体を選択します

イラストデザインが仕上がったらダウンロードをしていきましょう。

画像ファイルはPNGを推奨します

出来あがりです!

操作や作業に慣れてくるとどんどんペースも上がっていきますので積極的に活用していきましょう

ブログ側の操作

続いてブログ側に埋め込んでいきます

Cocoonの操作ページから【ヘッダー】を選びます

ヘッダーロゴに設定し変更をまとめて保存すると

このように埋め込まれています!

しかし、色彩バランスがちょっとアンバランスなので調整をしていきます。

ヘッダーと背景色を整えると・・・

このように目標としていた一体感のあるヘッダーとなりました!

フッターも同じように整えておくと,より魅力的になりそうですね

どんどんと自身のイメージに近くなってくると、ブログに愛着も持てます!

社畜モンキ
社畜モンキ

色の調整が難しい場合は#からはじまるアルファベットと英数字の文字列を参考にして下さい。WEBで使用されるカラーコードは共通になるので、打ち込んだ方が早い場合があります

この色調整が難しい場合は背面透過を使用する事もおすすめです。

canvaproの有料プランなら背面透過も容易に行えるので色々と試して下さい!

どんどんと自身のブログをカスタマイズしていきましょう

それではみなさま良い社畜ライフを!