【Blogger】ステップ4:センス不要!無料アプリCanvaで、ブログの「おしゃれなロゴ」を作る方法

【Blogger】ステップ4:センス不要!無料アプリCanvaで、ブログの「おしゃれなロゴ」を作る方法


しつもん

ロゴを作りたい


こんなお悩みにお答えします。

\\ タブのアイコン //
画像引用元:公式サイト

\\ ブログの左上のロゴ //
画像引用元:公式サイト


を変えたいですね。

ロゴはブログの「看板」です。

こんにちは!ブログの色が決まったら、次は看板(ロゴ)を掲げましょう。

「絵なんて描けない!」という方も大丈夫。

今の時代、プロみたいなロゴが簡単に作れるんです。

今回は、「Canva」という無料ツールを使った手順をお伝えします。

[Google広告]


ステップ1:Canvaで「ロゴ」の土台を作ろう

画像引用元:公式サイト

Canva公式サイト  にアクセス(無料登録でOK!)。

*タブのアイコン(ファビコン)

「デザインを作成」ボタンを押し、新規作成より、「ロゴ」を探してクリックします。
画像引用元:公式サイト



画像引用元:公式サイト
500×500ピクセルの白い四角が出てきたら準備完了です。


*ブログの左上のロゴ

「デザインを作成」ボタンを押し、新規作成より、カスタムサイズを探してクリックします。
画像引用元:公式サイト
サイズは、幅 735 高さ 258 px にします。
「新しいデザインを作成」をクリックします。


画像引用元:公式サイト



735×258ピクセルの白い長方形が出てきたら準備完了です。

ステップ2:好きなデザインでロゴを作成する

左側のメニュー「テンプレート」「図形」「線」「手書き」などから、ロゴを作成します。
画像引用元:公式サイト



ポイント
ブログや名刺にロゴを載せるなど、商用目的であれば、テンプレートを使ってロゴ作成はOK

ポイント
ロゴを使ってシールを販売をしたいなどは、商標登録をしないといけないので、テンプレートを使ってのロゴ作成はNG

*商標登録とは、自分のロゴなので、他の人が勝手に使っちゃダメですよという登録のこと。

ポイント
フォントは、商用OKのフォント(Google Fontsなどのオープンフォント)を使えばOK。
Google検索で、フォント名(例:ラノベPOP 商用)を入れて商用OKかを調べて、商用OKなら大丈夫です。

ポイント
ロゴの作り方が分からないときは、”canva ロゴ” とGoogle検索すると、たくさんでてきます。

ファイル >> ダウンロード をクリックします。
画像引用元:公式サイト


画面右上の、「紫色」ダウンロード をクリックします。

画像引用元:公式サイト



図形や文字、線を組み合わせて、作ってみました。



\\ シンプルかっこいい //
\\ ブログの上のロゴ //



ステップ3:作成したロゴを設置する

*タブのアイコン(ファビコン)

\\ タブのアイコンを変える方法 //
Blogger管理画面より、設定 >> ファビコン をクリックします。
画像引用元:公式サイト
Blogger管理画面より、アイコン ファイルを選択 をクリックし、作成したロゴを選び、「保存」 します。
画像引用元:公式サイト
ファビコンの横に、アイコンが表示されたらOKです。
画像引用元:公式サイト


ポイント
タブのアイコンが、新しいアイコンにすぐに反映されず、なぜか、1日かかります。


*ブログの左上のロゴ

\\ ブログの左上のロゴを変える方法 //
画像引用元:公式サイト


Blogger管理画面より、レイアウト >> Upload Image をクリックします。


画像引用元:公式サイト


イメージの設定画面が表示されます。


画像引用元:公式サイト



スクロールしたところにある、パソコンから画像をアップロードする >> ファイルを選択 をクリックします。
さきほど作成したロゴのファイルをえらび、「保存」 をクリックします。
画像引用元:公式サイト
もう一度、Blogger管理画面より、レイアウト >> upload をクリックします。
URLのところをクリックし、「Ctrl+A」で、全てを選択し、コピー「Ctrl+C」します。
画像引用元:公式サイト


ポイント
画面を閉じるとき、保存 or キャンセル ボタンは、どちらを押してもOKです。


Blogger管理画面より、レイアウト >> Header の中にある >> Logo をクリックします。
画像引用元:公式サイト
コンテンツのところに、すでに入っているURLは削除して、コピーしたURL を貼り付けし、「保存」します。
画像引用元:公式サイト
Blogger管理画面より、左下にあるブログを表示 をクリックします。



うまく表示できました。

画像引用元:公式サイト



まとめ

自分好みのアイコンに変更できました。

お疲れ様でした!

次は、ステップ5:ブログの「Home」や「About」を変える魔法の手順  です。

最後まで読んでいただきありがとうございました。

はつごかんでした。

関連記事はこちら  


[Google広告]


Menu 
Next Post Previous Post