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. 2016年の手帳は、ほぼ日手帳avecとこのカバーに決めました!
  2. MacBookPro2016(タッチバー非搭載)のタイプ音等をレビュー!
  3. 日常から抜け出したい人たちが登場する映画〜バードピープル(Bird People…
  4. 福岡市内から好アクセスで初心者向けの宝満山へ登りました。
  5. 両面テープでウクレレを壁に掛けてみました。

関連記事

  1. パーマリンク設定見直しでスッキリ

    WordPress

    WordPressのパーマリンク設定からカテゴリを外してスッキリした件

    パーマリンク設定を変更しました。変更への経緯と変更方法についての記…

  2. WordPress

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

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

  3. WordPress

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

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

  4. WordPress

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

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

  5. WordPress

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

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

  6. WordPress

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

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

コメント

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

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

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

特集記事

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

最近の記事

  1. モニターアームでデスク周りの省スペース化
  2. カメラ売却

ピックアップ記事

  1. マイナンバー(通知カード)が届いた後の手続き。会社への提出ま…
  2. がんによる訃報を受けて。竹田圭吾さん、デビッド・ボウイ。
  3. Amazon プライムビデオ・チャンネルでBBCのニュース英…
  4. マレーシアへ男ひとり旅(クアラルンプール)〜ブルーモスク完結…
  5. 初めてのブログ作成_03ワードプレスのブログテーマ設定編
  6. 日経記事から見るがん研究の今。がん生存率の向上を期待!
  7. 30代!サラリーマン大家から金持ち父さんへの道(不動産投資)…
  8. iPadProとGoodNotesとJorteで手帳・ノート…
  9. マレーシアへ男ひとり旅(クアラルンプール)〜到着編〜
  10. 苫米地英人の「イヤな気持ち」を消す技術を読んで考えた。
2019年8月
« 5月    
 1234
567891011
12131415161718
19202122232425
262728293031  
  1. 気になるニュース

    Amazonのプライムミュージックで更にアマゾンに囲い込まれる。
  2. ガジェット

    おすすめ!ノイズキャンセリングヘッドホン(Bose Quiet Comfort …
  3. travel

    アラフォーが香港・マカオへ一人旅!孤独のグルメ編
  4. がん予防・対策

    「あなたは肺がんで、ステージ2です。」と告知されたら。第4のがん治療法について。…
  5. マイナンバー

    マイナンバーの個人番号カードはパソコンから簡単に申請できました!
PAGE TOP