≫【最短10分】WordPress ブログの始め方はここから

【Canva】ブログサイトのロゴをCanvaで自作する方法|作成から保存まで丁寧に解説

ブログのヘッダーにロゴを設置したいんだけど…
サイトロゴってどうやって作ればいいの?

こんな疑問にお答えします。

本記事を書いているのは
つばさ
  • 副業ブロガー/アフィリエイター
    ブログ歴2年/現在4つのブログとTikTokを運用中
  • WordPressブログ運用1ヵ月でアドセンス合格
    無料ブログ収益0円➤猛勉強➤WordPressブログ運営1ヵ月でGoogleアドセンス合格/収益化5桁達成
  • SNSの総フォロワー:3万人超え
    TikTok開設2か月で収益化達成&5か月フォロワーで3万人収益6桁達成/X開設3ヵ月でフォロワー1,500人

※記事内の不明な点・質問などは、XやInstagramのDMで気軽に聞いてくださいね!

本記事を書いている私は、現在ブログ歴2年で、4つのブログを運営しています。

また、ほとんどのブログサイトで、WordPressテーマのSWELLを使っているので、SWELLの使い方についてはかなり詳しいと思います。

当サイトのテーマ
WordPressテーマ『SWELL』

税込 17,600円
当ブログで使用中のWPテーマ『SWELL』です。ブロックなども豊富で、多くのブロガーに愛されているテーマです。
   購入はこちら   レビュー記事はこちら

「WordPressテーマの導入がまだだよ」っていう方は、ぜひ下記の記事をお読みください。

また、「SWELLは導入済みだけど、使い方など分からないことがある…」こんな方は、下記の記事をご覧ください。

私が4つのブログを運営する際に気になったこと、設定方法などをできうる限りまとめています。

目次

ブログサイトのロゴをCanvaで自作する方法

ブログサイトのロゴを作るベスト方法!

つばさ

それは、タイトルにも書いちゃってありますが(笑)

Canvaで自作する』これが最適解だと思います。

もちろん、ココナラなどのプラットフォームで、お金を払ってイラストやロゴをお願いするのも良いと思いますし。ChatGPTのDALL-3を使うのも良いですが。

Canvaは無料版でも出来る範囲は広いですし、サイトタイトルのロゴなら、全然問題ないと思います。

当ブログのヘッダーにあるサイトロゴは、この記事で紹介している方法で作成してみました。

つばさ

悩んでいる方は、無料版のCanvaでまずは作ってみてはいかがでしょうか?

次章から、具体的にCanvaでサイトロゴを作成する手順を紹介していきます!

サイズの選択から、フォルダに保存するところまで、画像付きで丁寧に解説していますので、初めての方でも大丈夫です。

ぜひご覧ください!

Canvaでサイトロゴを作成する手順

STEP
作成するサイズを選択する

Canvaのアプリにログインし、Canvaホームページからサイトロゴを作るサイズを選択していきます。

サイトロゴは、他の画像や動画と比べると小さいサイズで良いので、通常より小さめのデザインサイズを選んでいきます。

下記の「もっと見る」のボタンをクリックしましょう。

続いて、虫眼鏡のマークの枠内に「バナー」と入力します。

すると、「2480×520px」と横長のでデザインが出て来たので、こちらをクリックします。

つばさ

今回選択した以外のサイズでも大丈夫ですよ!

STEP
テンプレからイメージに近いモノを選ぶ

サイズを選択すると編集画面に移り、大体下記のようにテンプレートが表示されます。

この中から、自分のブログサイトのロゴのイメージに近いテンプレートを選びましょう。

画像や背景が付属しているデザインでも問題ありません。
後ほど、画像は削除できますし、背景や文字の色も変更することができます。

今回、私は下記の様なシンプルなデザインを選んでみました。

このテンプレートを編集していきます。

STEP
背景・イラスト・文字などを変更する

先ほどのテンプレから、

  • 地球儀のイラストを削除
  • 背景色を白に変更
  • 文字のサイズを引き延ばしてサイズギリギリに
  • 文字色を黒に変更

と変更していくと、下記のようになりました。

ここからさらにデザインを追加していきたい人は、下記のように進めていってください。

デザインの右上の真ん中にある、下記のアイコンをクリックします。

すると、下記のようにデザインが複製されます。

変更したい文字をクリックすると、上記のように文字編集のウィンドウが出てきます。

  • 文字フォント
  • 文字サイズ
  • 文字色
  • 左寄せ・中央寄せ・右寄せ

など、多くのデザインを変更することが可能なので、色々試してみてください。

ついでに、文字色を変更したい場合は、「変更したい文字をクリック」→「Aのアイコンをクリック」します。

つばさ

下記のように、ブログのイメージカラーなどを考えて作成してみてください。

STEP
作成したロゴをダウンロードして保存する

続いて、作成したロゴをダウンロードし、PCやスマホのファイルに保存する方法です。

今回は4つのデザインを作成したので、4つ一気に保存してみます。

まずは下記のように「共有」のアイコンをクリックしてください。

続いて、「ダウンロード」のアイコンをクリック。

ファイルの種類は「PNG」もしくは「JPG」を選択してください。おすすめは「PNG」です。

ロゴのデザインがシンプルならば、画質は高い必要はないので「ファイルを圧縮」を選択しましょう。

背景を無くし、そのまま文字のみをブログに反映させたい場合は、「背景透過」を選択してください。

確認できたら「ダウンロード」をクリックしましょう。

今回は作成したデザイン全てを保存しましたが、ある特定のデザインのみ保存したい場合は、上記の「ページを選択」の「すべてのページ」のタブを開き、保存したいデザインのページ数にチェックをいれましょう。

今回は、PCのファイルに保存する方法を紹介していきます。

上記のCanvaの画面で「ダウンロード」をクリックした後、Canvaの編集画面の上に、保存ファイルのウィンドウが開きます。

先ほどのロゴのファイルに名前をつけて、保存したいファイルの場所を開いて、「保存」をクリックしましょう。

すると、ウィンドウが閉じ、Canvaのの編集画面の右下に下記の様なポップが表示されます。

この表示が出れば、保存に成功したということです。

もし別の表記が出てしまったときは、STEP4の『作成したロゴをダウンロードして保存する』からもう一度進めてください。
※途中でCanva以外のウィンドウを開いてしまったり、通信状態が悪い時に、保存が成功しない場合があります。

STEP
複数枚あるときはzipファイル内から画像を取り出す

今回のように、保存したロゴデザインが複数だと、zipファイルにまとめて保存されており

この画像を使うためにはこのzipファイルから取り出す必要があります。

保存した枚数が1枚のみのときは、名前をつけた画像名のままファイルに保存されていますよ。

Canvaから複数枚を保存した方は、下記のように行ってください。

  • ロゴを保存したzipファイルをダブルクリックして開く
  • 使いたい画像を選択し、右クリックで「切り取り」もしくは「コピー」を選択
  • 保存したいファイルに戻り、「貼り付け」を選択

あと、必要があれば下記のようにロゴの名前を変更してみましょう。

ここまでで、サイトロゴを作成からフォルダに保存するところまでの作業が終了です。

まとめ

本記事では、『Canvaでサイトロゴを作成する手順』について丁寧に解説しました。

この作成したロゴをブログに設置したい方は、下記の記事をご覧ください。

上記は、SWELLの機能を使えば楽に設定することができる設定方法です。

その他多くの機能でも、SWELLを導入すればプログラミングのコードをほとんど使うこともなく、サイトのデザインを自由自在に変更することが可能になります。

もしWordPressテーマの導入の方は、SWELLの導入を検討してみてはいかがでしょうか?

\初心者でもオシャレなサイトができる!/

2024年おすすめのWordPressテーマ

 

本記事は以上で終わりになります。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメント一覧 (1件)

コメントする

目次