ブログを始めたい友人を手伝ってみた その6 ブログのロゴを作る

ブログ
スポンサーリンク

今回は各種設定とは離れてブログのロゴ制作についてです。

ロゴやファビコンはサイトのアピールになるとあったので自分も作るのに挑戦しました。

無料でロゴ作成

このサイトで使っているロゴは「STORES.JP LOGO MAKER」というサイトで作りました。

ロゴメーカー | 【商用利用OK】無料で誰でも簡単に自分のショップのロゴが作れる
商用利用可能なロゴが誰でも簡単に無料で作れるサービスです。

ネットショップサービスのSTORES.jpのロゴジェネレーターです。

会員登録が不要で無料で使えます。

下のようにアイコンを選んで張り付けて、文字を入力してフォントと色を選ぶだけで簡単なロゴがすぐに作れてしまいます。

このサイトのロゴもこんな感じで作りました。

フォントは「Limelight」で色は黄色系で「#FCED21」。

「完成させる」ボタンを押せばダウンロードが始まります。

ファビコン用にアイコンだけの画像も作ってダウンロードしました。

ファビコンも作成

ファビコン用のファイルも画像ファイルがあれば簡単に作成できます。

自分は下記のサイト、「Favicon ジェネレーター」で作りました。

Faviconジェネレーター
Faviconジェネレーターは、ブラウザ上で、JPEG, PNG, GIF などの画像ファイルから favicon 用の画像(favicon.ico)を生成・変換するサービスです。透過、マルチアイコン、各種サイズに対応しています。変換はすべてローカルで行われ、高速に変換できます。

使い方は、「変換する画像ファイルを選択する」から選択して、

サイズを指定、

「画像を変換する」をクリック、

「ダウンロード」をクリックするだけです。

作成したロゴやファビコンの画像を設置する

作成したロゴやファビコンの画像を設置していきます。

ロゴの設定

ロゴは「Cocoon設定」の「ヘッダー」タブから設定します。

ヘッダーロゴの項目で画像を選択して保存するだけです。

Cocoon公式ページのマニュアルはこちらです。

ヘッダーのロゴを画像に変更する方法
ヘッダーにあるロゴを用意した画像に変更する設定方法です。

ファビコンの設定

こちらは「外観」→「カスタマイズ」から設定します。

「サイト基本情報」設定項目から「サイトアイコン」を設定後、「公開」ボタンを押すだけです。

これもCocoon公式ページのマニュアルに解説が書いてあります。

サイトアイコンを設定する方法(ファビコン、アップルタッチアイコン等の設定)
テーマ用のファビコン、アップルタッチアイコン、マイクロソフトメトロスタイルの、タイル表示に使用するアイコンの設定です。

以上です。画像サイズに気を付けながら作るだけですぐに簡単に作れてしまいます。

できれば最初のうちに作っておきましょう。

コメント

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