WordPress／STINGER3でブログタイトルを画像にしてみた

私はずっとずっと、深い闇の中にいました。

WordPressでブログを始めた。テーマもお気に入りが見つかり、投稿もサクサク快調。でも、それなのにどーしても気になることがあったのです。

それはブログのタイトル。ココですね↓

ブログタイトルって、読者さんが一番最初に見るところ。コンテンツが大事だってのは十分わかっているけど、それでもなお割り切れなかったのです。タイトルを目にするたび、「もっとユニークなやつにしたい!」とハンカチを噛み締めてました。

「このままではイカン」と一念発起。グダグダとネットサーフィンしていたらブログタイトルを画像にする方法、見つけました！というわけで、下記に方法を載せておきますね。テーマはSTINGER3を利用しております。

1.ブログタイトルをどう見せたいのか？

そもそもの話からです。私の場合、ブログのタイトルをおしゃれーに見せたい気持ちは満々でしたが、具体的にどうしたいのか？までイメージが固まっていませんでした。そんなときに頼れるのがコチラのサイト。

フリーフォントで簡単ロゴ作成 | キーボード画像作成 | アイコン・はんこ画像作成

このサイトでは、真ん中にある「表示されるテキスト」へ文字を打ち込み、「フォント名」を選んで「変更」を押すとアラ不思議！テキストがそのフォントで表示されるのです！種類も豊富で大きさも変えられます。しかも色々試せてとにかく楽しいです。小一時間ほど検討の結果、下記の通りにしました。

上から順に記載するとこんな感じ↓
サイズ：25
x座標：８　  幅：300
y座標：33  高さ：40
フォント名：チェックポイントフォント
背景色：f0fff0
テキスト色：0000cd

そんなこんなで、フォントが完成したら「ダウンロード」をクリックすれば保存完了です。ちなみに、背景色、テキスト色の選定にあたってはこちらのサイトが便利です。

 

WEB色見本 原色大辞典 – HTML Color Names
ネットの色見本サイトになっていますので、自分の好みを探してフォントに反映させるのが良いと思います。
 

2.自分のブログタイトルを画像に変える

1.でお気に入りのタイトルフォントができたら、それをブログタイトルに反映させます。そのためにはコチラのサイトが大変参考になりました。（さっきから人のサイトばかりを紹介するという・・・）

女子ブロガー向けにWPテーマSTINGER3をカスタマイズしよう | えけこのくるる

サイトの記事内に、”サイトタイトルを可愛くしよう”というのがありますので、そちらの手順に従ってみたところ、無事設定完了！ちなみに、記事内にてwidth(幅）とheight(高さ)を指定する部分がありますが、私は width=”300″ height=”40″という設定でやりました。

3.結果、こうなった

変更前

変更後

やっと長年の不満が解消できました。

というわけで

フォントを変えるだけでも、サイトの印象がずいぶん違うものだと実感。しかし、大事なのは継続した情報発信です。見た目だけでなく、コンテンツが充実したブログになるよう続けていきます！