MENU
アーカイブ
ぐちこ
看護師歴30年以上の55歳
病棟勤務、在宅医療(診療所・訪問診療・訪問看護)などの経験をへて、4年前から老健に勤務中。
49歳からの約2年間に3回の転職を繰り返し、職場選びの重要性を実感。

【グチるあなたの毎日を笑顔に変えたい】

人生を楽しむ余裕を見つけられる、自分を大切にする働き方をしたい看護師さんを応援します。
あなたの『ぐち』を捨てて行きませんか?

【無料】Canvaを使ってヘッダーに設定するブログロゴ作成してみよう

  • URLをコピーしました!

ページはアフィリエイトプログラムによる収益を得ています。

ずっと気になっている人も多いのではないでしょうか?

私のブログトップページが初期設定のままで、

味気ない・・・

可愛くない・・・

美しくない・・・

見栄えがしない・・・

と感じることはありませんか?

自分のブログロゴを作って、トップページから読者さんをお迎えしたいですよね。

サイトトップ画面グローバルナビゲーション

パソコン不慣れな私にもできたブログロゴを作成する方法をご紹介します。

外注は素敵だけどお値段が・・・とお悩みのあなたも無料ソフトCanvaを使ってできます。

記事を見ながら、一緒にブログロゴを作成していきましょう!

この記事を読んでいただきたい方
  • ブログのトップページデザインを自分好みに変えたいと思っている方
  • 無料で、ブログロゴを作りたい方
  • 簡単に、ブログロゴを作りたい方
  • ブログ初心者さん
見た目も気になりますよね!
自己紹介
  • 老健に勤務して5年目の50代半ばの看護師
  • 50代前後に転職を繰り返した経験から職場選びの重要性を実感
  • 病棟(内科・外科・整形・小児科)、在宅医療(診療所・訪問診療・訪問看護)など看護師歴30年以上、ケアマネ資格もあり
  • 老後の不安からファイナンシャルプランナー3級取得

詳しいプロフィールはこちらから

よろしくね!

\あなたの愚痴を捨てていきませんか?/

スポンサーリンク
ジャンプできる見出し↓

Canvaでブログロゴを作成する

STEP
まずはCanva無料会員登録

Google、Facebookなどのアカウントで簡単に登録できます。

Canva登録画面
出典:Canva
  1. Canvaのホーム画面から
  2. Googleアカウントなどで登録をします。

CanvaProの有料サービスもありますが、まずは無料でお試しください。
サイト内の王冠マークのついているものが有料になります。

Canvaは、アイキャッチ画像作成や記事内の画像を編集したりと、色々使えるサイトです。
スマホで使えるアプリもあるのであわせてアカウント作成しておくと便利です。

STEP
カスタムサイズを選択

新しいデザイン作成画面
出典:Canva
  1. カスタムサイズを選択します。
  2. 幅280×高さ60pxを入力
  3. 「新しいデザインを作成」をクリック
STEP
ブログロゴを作成する
タイトル作成画面
出典;Canva
  1. 背景の色を選択します。背景を透過させるので、ベースの色を濃い色で選択します。
  2. テキスト選択します。
  3. 見出しを追加し「ブログ名」を入れます。

ブログロゴは、背景色やトップページ写真の上に設置するので、背面透過をしていきます。
CanvaProなら、背面透過までできますが、ここでは無料で作成するので割愛します。
背景は暗い方が、きれいに背景透過できます。

タイトル作成ぐちこびより
出典:Canva
  1. 文字色を選べます
  2. 文字の大きさを選びます。28~36くらいが適当です
  3. 無料でもたくさんのフォントがありますのでお好みのものを選びます。
  4. エフェクトで、影付きの文字などもできます。

ブログタイトルを入れてお好みのものを作ります。
無料でもたくさんのフォントが用意されていて、かなり迷います。
フォントも王冠マークのついているものは有料です。

文字色を白色にしているとどんな背景色や写真にも対応できるメリットがあります。
先にデザインを考えているものがあれば、白色台紙にその文字色で先にブログロゴを作成して、最後に背景色の設定をしましょう。

タイトル作成グラフィック装飾画面
出典:Canva
  1. 装飾を選択する。
  2. グラフィックを選択する。
  3. 検索から好みのグラフィック画像を探す。

グラフィック画像をクリックしてお好みの位置に置きます。画像の回転も出来ます。

Canvaダウンロード画面
出典:Canva
  1. 右上の共有から「ダウンロード」を選択すると左の画面に変わります。
  2. ファイルの種類は「PNG」
  3. ダウンロードすると、PC内のダウンロードファイルに保存されます。

Canvaでの作業はここまでになります。
パソコン内のダウンロードファイルに作成したブログロゴが入っていることを確認しましょう。

STEP
ブログロゴを背景透過する

先ほどCanvaで作成したブログロゴを透過します。

会員登録不要でも使える「remove bg」サイトを使用します。

removeアップロード画面
出典:remove bg

  1. 画像アップロードをクリック
  2. ファイル選択画面になるので、パソコン内「ダウンロードファイル」から
  3. 先ほど作成したCanvaの画像を選択する

ログインなしでも背景透過させていただけるサイトです。

removeダウンロード画面
出典:remove bg
  1. 左が透過されたCanva画像
  2. 右のダウンロードをクリックしてパソコン内ダウンロードファイルに保存する

ブログに設定する

テーマはSWELLを使っていますので、画面が違うかもしれません。
他のテーマでもカスタマイズから設定可能です。

ワードプレスのダッシュボードから「カスタマイズ」を選択します。

カスタマイズヘッダー設定
カスタマイズ画面

カスタマイズでヘッダーを選択する

ヘッダーロゴの設定でremove bg(背面透過したもの)で作成した画像をアップロードしましょう。

ぐちこびより新しいブログロゴ
新しいブログロゴの出来上がり

おまけ

お好みですが、

サイトトップのヘッダー部分は「ヘッダーの背景を透明にするかどうか」で設定できます。

【しない】を選択すると、ヘッダーが設定した背景色になります。

その上に、ブログロゴが見える感じに仕上がります。

ピンクラインのヘッダー画面

【する(文字色:白】に選択すると、背景に設定した写真の上にブログロゴが表示されます。

写真と一体化したヘッダー画面

\ここまで出来たら、次にこんなチャレンジしてみませんか?/

まとめ

無料で作れるブログロゴの作り方を紹介しました。

  1. Canvaでアカウント作成(無料)
  2. ブログロゴの作成
  3. remove bgで背景透過する(無料)
  4. ワードプレスのカスタマイズ「ヘッダー」から設定する
  5. ヘッダーの背景を透明にするか

ブログロゴを作成すると、自分のブログがさらに愛おしくなりますよね。

私も、出来上がったトップページを見て嬉しくなりました。

あなたもこの記事を見ながら、自分の大切なブログのロゴを作ってみませんか?

最後まで読んでくださりありがとうございます。

昨日よりちょっと前へを目指して。

今日はこの辺で、さようなら。

スポンサーリンク

ランキング参加してます。応援お願いします。

ブログ村でフォローする

ぐちこびより - にほんブログ村

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

ジャンプできる見出し↓