WordPress

初めてのブログ作成_04ワードプレスブログのタイトルロゴ作成編

前回のワードプレス関連記事では、ワードプレスのブログテンプレートまで決定しました。
(関連記事) 初めてのブログ作成_03ワードプレスのブログテーマ設定編

これから、具体的に記事を書いてブログコンテンツを充実させていきたいところですが、その前にブログの看板となるブログタイトルについて紹介したいと思います。

本ブログのタイトル名「Life with Ukulele ~It’s never too late to learn~」は決めていたのですが、シンプルなテキストベースにするか、自分で何かロゴを作って画像を挿入するか色々試してみました。

テキストのみのタイトルもシンプルで良かったのですが、何か一つアクセントを付けたいと思いワンポイントのロゴを入れることとしました。

無料で WEBウェブ上でロゴが作成できるサイトがネットで検索すると色々ありましたが、私は以下のロゴ作成サイトで作りました。

LOGO FACTORY (ロゴファクトリー)

このサイトは英語での表示ですが、直感的・簡単に無料でタイトルロゴが作成できたのでオススメです。

ロゴファクトリーでの当ブログタイトルのロゴ作成過程をご紹介したいと思います。

スポンサーリンク

ブログのオリジナルロゴ・タイトルをロゴファクトリーで作ってみる。

作成過程は以下の流れで、ロゴや文字の調整を迷わなければ作業自体は3分もかかりません。

1.ロゴ画像の選択
2.タイトル文字記入
3.ロゴ・文字の位置調整
4.文字の色・フォント調整
5.決定・ダウンロード

1.ロゴ画像の選択

以下がロゴファクトリーのトップ画面となります。

画面中央にサンプルロゴ・タイトル文字が入っているので、それを自分の好きなロゴ・文字に変更するだけです。

まずは左下の丸部分をクリックして好きな画像を選択します。

ロゴ作成1


私が選んだのはリラックスした感じを出すために湯気の立ち上るコーヒーカップの画像です。

ロゴ作成2

2.タイトル文字記入
3.ロゴ・文字の位置調整

ロゴ画像を選択したら、以下の画面の囲み部分に好きなタイトル・サブタイトル等を打ち込むと、自動的に上のプレビュー画面に反映されます。

画像やテキストをクリックするとプレビュー画面の背景が方眼となるので、画像・文字の位置調整も行えます。

ロゴ作成3

4.文字の色・フォント調整

ロゴ画像と文字の位置関係を調整したら、文字の大きさ・フォント・色をそれぞれ調整します。

全て決まったら右下にある矢印ボタンをクリックしてタイトルロゴを決定させます。

ロゴ作成4


5.オリジナルロゴの決定、ダウンロード

決定すると、以下画面の右下にダウンロードボタンが出ますので、こちらをクリックすれば自分が作成したタイトルロゴがJPGでダウンロードできます。

メール記入欄がありますが、こちらは記入しなくてもダウンロード可能です。

ロゴ作成5


実際にダウンロードしたタイトルロゴが以下となります。

LogoFactory (3)


こちらのロゴを私が現在使っているワードプレスのブログテンプレート「An」の機能を使ってタイトル位置に画像を挿入します。

このAnテンプレートが優れているのは、タイトル画像の挿入の際、JPGの大きさをプレビューしながら自由にサイズ・位置調整が出来る機能が最初から付いているところで、良いサイズ・位置で設置することができました。

グーグル検索で「無料 ロゴ 作成」で色々と無料サイトが出てきますので、色々と試して自分のブログイメージに合うものを探すのも楽しい作業でした。

ここで紹介したロゴファクトリーはその中でも使いやすく、自分のイメージしていたロゴ画像もあったので採用いたしました。

こうしたオリジナルのタイトルロゴの反映も、ワードプレスで自分のオリジナルブログ作っていく楽しさの一つですね。

<2017.1.3追記>
ブログのテンプレート変更に伴い、新しい文字だけのロゴもまた本ツールで作成しました。
ただ、ロゴの背景が白になるため、本ブログテンプレートに挿入すると、テンプレートの背景色が白では無いので、貼り付けた感が出てしまい格好が悪かったです。
ロゴの背景色を消せないかとネットで調べていたら、画像の一部を透明化できる以下サイトがあり、こちらでロゴの背景色を透明にして文字だけのロゴが作れました。

画像背景透過処理

使い方は簡単で、該当のロゴファイルを上記ページにドラッグ&ドロップし、透明化したい場所をクリックすると下段に透明化されたイメージファイルが作成されます。

(作成したロゴ)

サーバーのレンタル、独自ドメインの申請等、初めてのワードプレスによるブログ作成を以下の特集記事にまとめてます!

【CHECK!】特集記事(ワードプレスで初めてのブログ作成)

ピックアップ記事

  1. 日常を離れアンコールワット遺跡群へ男ひとり旅(カンボジア旅行 シェムリアップへ)…
  2. 40歳からの再英語
  3. 映画『パンク侍、斬られて候』、ぶっ飛びたい方は鑑賞を!
  4. マイナンバー通知カードの配達開始!自宅への発送時期を確認する方法
  5. しっかり!まとまった!文章を書く

関連記事

  1. WordPress

    初めてのブログ作成_03ワードプレスのブログテーマ設定編

    無料ブログではないワードプレスでの初めてのブログ作成に向け、エックスサ…

  2. WordPress

    初めてのブログ作成_02ワードプレスのインストール(参考:エックスサーバー編)

    ワードプレスの自動インストール手順(エックスサーバー編)ワードプレ…

  3. WordPress

    初めてのブログ作成_01レンタルサーバー・ドメイン取得編

    初めてのレンタルサーバでのブログ作成私がこのブログを作る前は、ライ…

  4. WordPress

    ブログを始めて1ヶ月、実感している3つの効果について

    初めてのブログを始めて、1ヶ月を過ぎました。…

  5. WordPress

    初めてのブログ作成_02ワードプレスのインストール

    ワードプレスを自動インストールサーバーのレンタルとドメイン取得が完…

  6. WordPress

    初めてのブログ作成_01レンタルサーバー・ドメイン取得編(ドメイン取得参考)

    私がワードプレスで初めてブログを作成した経験を以下の特集記事でまとめて…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

コメントするためには、 ログイン してください。

特集記事

  1. ジブン手帳Bizminiバーチカル

最近の記事

ピックアップ記事

  1. スマホ用車載ホルダーでカーナビをグーグルマップにしました。
  2. 40歳からの再英語
  3. 突然、親が介護状態になったら?介護離職にならないために。
  4. ElCapitan(エルキャピタン)にアップグレード!スプリ…
  5. 初めてのブログ作成_01レンタルサーバー・ドメイン取得編(ド…
  6. 初めてのブログ作成_02ワードプレスのインストール(参考:エ…
  7. キラーストレスとは!?そのメカニズムと対処方法(コーピング・…
  8. 「あなたは肺がんで、ステージ2です。」と告知されたら。第4の…
  9. 社会人初めての歌舞伎は大満足!松竹座の壽初春大歌舞伎。
  10. マレーシアへ男ひとり旅(クアラルンプール)〜ブルーモスク完結…
2018年9月
« 8月    
 12
3456789
10111213141516
17181920212223
24252627282930
  1. Ukulele Diary

    ブログタイトル・仕事で使える!キャッチコピーの大原則とは?
  2. 映画・ドラマの紹介

    映画『パンク侍、斬られて候』、ぶっ飛びたい方は鑑賞を!
  3. ガジェット

    マダムM一押しのダンディアイテム!999.9の眼鏡を購入
  4. パーマリンク設定見直しでスッキリ

    WordPress

    WordPressのパーマリンク設定からカテゴリを外してスッキリした件
  5. アラフォーからの英会話

    スキマ時間にサッと出来る!瞬間英作文はアプリ版もオススメです
PAGE TOP