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. iPadProとGoodNotesとJorteで手帳・ノートのペーパレス
  3. MacBookProとKindleとEvernoteの組合せで読書効率アップ!
  4. がんの原因遺伝子解析?!抗がん剤治療によるがん治療効果への期待!
  5. ウクレレの練習。ジェイクの一期一会とドラゴン。

関連記事

  1. WordPress

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

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

  2. WordPress

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

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

  3. WordPress

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

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

  4. WordPress

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

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

  5. WordPress

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

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

  6. WordPress

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

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

コメント

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

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

特集記事

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

最近の記事

  1. 文章力がない人の共通点とは?書くための文章講義
  2. 通勤バッグの小型・軽量化
  3. 中国輸入
  4. モニターアームでデスク周りの省スペース化
  5. カメラ売却

ピックアップ記事

  1. iPhone8に機種変更。ワイヤレス充電でストレスフリー!
  2. コンパクトで旅行にも最適!JBLのBluetoohスピーカー…
  3. Amazon プライムビデオ・チャンネルでBBCのニュース英…
  4. スマホ用車載ホルダーでカーナビをグーグルマップにしました。
  5. MacBookPro2016(タッチバー非搭載)のタイプ音等…
  6. アラフォーが香港・マカオへ一人旅!孤独のグルメ編
  7. WordPressのパーマリンク設定からカテゴリを外してスッ…
  8. マイナンバーの個人番号カードはパソコンから簡単に申請できまし…
  9. 日常を離れアンコールワット遺跡群へ男ひとり旅1/2(カンボジ…
  10. 苫米地英人の「イヤな気持ち」を消す技術を読んで考えた。
PAGE TOP