ワードプレスCocoonのフッター設定とフッターロゴ画像を解説

ワードプレスCocoonのヘッター設定とヘッターロゴ画像の作り方 WordPress

ワードプレス無料テーマ コクーンのCocoon設定の中にある「フッター」の設定は、ワードプレス初心者でも簡単に設定できて便利です。

TOPページのイメージチェンジも、Cocoon設定内のプレビューで確認できるので、サイトの気分転換や季節ごとの雰囲気に合わせて完全オリジナルで自分のブログサイトを楽しむことが可能です。

今回はフッターのロゴ画像の設定の一例をプレビュー画面で紹介していきたいと思います。

ままん
ままん

綺麗な画像やセンスの良いイラストで飾られた個人ブログは魅力的で楽しいですね。(@takamaman52)

フッターの構成と設定例

コクーン設定のフッター設定

※こちらの画像はフッダーメニュー幅をデフォルト(空欄)、「メニュー幅をテキストに合わせる」に設定しています。

フッターは「フッターロゴ」「クレジット表記」「フッターメニュー」で構成されています。

Cocoonのフッター設定ロゴ画像の差し替え、クレジット表記の入力はラジオボタンでの選択で簡単に表示や変更、書き換えができます。

Cocoon設定 フッターロゴ画像の作成手順

フォトスケープでフッターロゴ作成手順

画像作成ソフトでロゴ画像を作成します。今回は、一例として作成した画像サイズと設定例を紹介しています。

パソコンの画像編集ソフトなどを使い、簡単にオリジナルのヘッダーロゴを作ります。

AREN
AREN

画像編集ができるフリーソフトの「フォトスケープ PhotoScape」は、画像加工が初心者でも無料で簡単に使えて便利です。

「フォトスケープ」で検索し、ダウンロードするとすぐに利用できます。

ままん
ままん

フッターロゴに設定する前にお好みの画像やイラストを用意しておくことササッと取りかかれます。

まず、フォトスケープを開き画像を「新規」作成します。背景の不透明度を0%に設定すると、透明なファイルになります。

コクーン設定 フッターロゴ画像作成例

フッターロゴ画像の作成手順

  1. 背景が不透明な設定の画像ファイルを新規作成
  2. ロゴとなるテキスト(文字)を入力。
  3. イラスト・写真などもお好みで挿入し、自作のフッターロゴを作りパソコン内に保存。
コクーンのフッターロゴ画像の大きさの設定
幅:640px 高さ:800px

コクーン設定のフッタタブ フッターロゴをアップロード

Cocoon設定のフッタータブ内にある「フッターロゴ」から作った画像ファイルを選択してワードプレスのメディアフォルダにアップロードすれば自分のブログのヘッターに表示させることができます。

 

AREN
AREN

写真やデザインがお好きなかたは、じっくりとお好みのイラストを自作するのも楽しいと思います。

まとめ

今回は、Cocoon設定の中のフッター設定で、フッターのロゴ画像の設定例を解説してみました。

「フッターロゴ画像」を作成し設定することで もう一歩、自分好みの雰囲気のあるサイトを作ることができます。

ままん
ままん

画像編集ソフト フォトスケープは、画像加工の初心者でも無料で手軽に使えて便利で楽しいと思います。

国内シェアNo. 1のレンタルサーバーエックスサーバー には、WordPressでテーマCocoonを簡単に始められる「WordPressテーマインストール」機能があります。WordPressテーマCocoonをエックスサーバー に直接インストールできるので、専門知識がなくても心配性な初心者さんでも、気軽にブログやWebサイトを作ることができるので、まずはレンタルサーバーお試し10日間無料エックスサーバー

 

コメント

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