ワードプレス無料テーマ コクーンのCocoon設定の中にある「フッター」の設定は、ワードプレス初心者でも簡単に設定できて便利です。
TOPページのイメージチェンジも、Cocoon設定内のプレビューで確認できるので、サイトの気分転換や季節ごとの雰囲気に合わせて完全オリジナルで自分のブログサイトを楽しむことが可能です。
今回はフッターのロゴ画像の設定の一例をプレビュー画面で紹介していきたいと思います。
綺麗な画像やセンスの良いイラストで飾られた個人ブログは魅力的で楽しいですね。(@takamaman52)
フッターの構成と設定例
※こちらの画像はフッダーメニュー幅をデフォルト(空欄)、「メニュー幅をテキストに合わせる」に設定しています。
フッターは「フッターロゴ」「クレジット表記」「フッターメニュー」で構成されています。
Cocoonのフッター設定ロゴ画像の差し替え、クレジット表記の入力はラジオボタンでの選択で簡単に表示や変更、書き換えができます。
Cocoon設定 フッターロゴ画像の作成手順
画像作成ソフトでロゴ画像を作成します。今回は、一例として作成した画像サイズと設定例を紹介しています。
パソコンの画像編集ソフトなどを使い、簡単にオリジナルのヘッダーロゴを作ります。
画像編集ができるフリーソフトの「フォトスケープ PhotoScape」は、画像加工が初心者でも無料で簡単に使えて便利です。
「フォトスケープ」で検索し、ダウンロードするとすぐに利用できます。
フッターロゴに設定する前にお好みの画像やイラストを用意しておくことササッと取りかかれます。
まず、フォトスケープを開き画像を「新規」作成します。背景の不透明度を0%に設定すると、透明なファイルになります。
フッターロゴ画像の作成手順
- 背景が不透明な設定の画像ファイルを新規作成
- ロゴとなるテキスト(文字)を入力。
- イラスト・写真などもお好みで挿入し、自作のフッターロゴを作りパソコン内に保存。
Cocoon設定のフッタータブ内にある「フッターロゴ」から作った画像ファイルを選択してワードプレスのメディアフォルダにアップロードすれば自分のブログのヘッターに表示させることができます。
写真やデザインがお好きなかたは、じっくりとお好みのイラストを自作するのも楽しいと思います。
まとめ
今回は、Cocoon設定の中のフッター設定で、フッターのロゴ画像の設定例を解説してみました。
「フッターロゴ画像」を作成し設定することで もう一歩、自分好みの雰囲気のあるサイトを作ることができます。
画像編集ソフト フォトスケープは、画像加工の初心者でも無料で手軽に使えて便利で楽しいと思います。