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. 私のEvernote活用。エバーノートでセレンディピティ。コンテキスト機能が便利…
  3. アラフォーが香港・マカオへ一人旅!検討編
  4. ダイエット・筋トレだけじゃない!?アンチエイジングも!加圧トレーニングを体験して…
  5. 本物のカジノへ行こう!を読んでカジノに行こう!

関連記事

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

    WordPress

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

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

  2. WordPress

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

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

  3. WordPress

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

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

  4. WordPress

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

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

  5. WordPress

    私のEvernote活用。エバーノートでセレンディピティ。コンテキスト機能が便利!〜エバーノート X…

    エバーノートはメモを残したり、書類を写真に撮って保存したり、ネットの気…

  6. WordPress

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

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

コメント

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

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

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

特集記事

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

最近の記事

ピックアップ記事

  1. 両面テープでウクレレを壁に掛けてみました。
  2. 突然、親が介護状態になったら?介護離職にならないために。
  3. 初めてのブログ作成_04ワードプレスブログのタイトルロゴ作成…
  4. 映画『パンク侍、斬られて候』、ぶっ飛びたい方は鑑賞を!
  5. カジノ法の真意を読む。カジノ法案、否、IR推進法案。
  6. MacBookPro2016(タッチバー非搭載)のタイプ音等…
  7. 私のEvernote活用。エバーノートでセレンディピティ。コ…
  8. MacBookProとKindleとEvernoteの組合せ…
  9. 日常から抜け出したい人たちが登場する映画〜バードピープル(B…
  10. iPadProとGoodNotesとJorteで手帳・ノート…
2018年11月
« 9月    
 1234
567891011
12131415161718
19202122232425
2627282930  
  1. travel

    日常を離れアンコールワット遺跡群へ男ひとり旅1/2(カンボジア旅行 シェムリアッ…
  2. Ukulele Diary

    桜咲く京都のモネ展に平日行ってきました。
  3. 映画・ドラマの紹介

    映画『パンク侍、斬られて候』、ぶっ飛びたい方は鑑賞を!
  4. travel

    日常を離れアンコールワット遺跡群へ男ひとり旅 2/2(シェムリアップ滞在)
  5. Ukulele Diary

    30代!サラリーマン大家から金持ち父さんへの道(不動産投資)〜前編〜
PAGE TOP