シマショーゴ.net

カメラ、旅行記、書評、会計などなど。

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

   

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

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

それはブログのタイトル。ココですね↓
ブログ フォント変更前

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

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

 

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

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

http://lightbox.on.coocan.jp/html/fontImage.php

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

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

フォント切り取り語

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

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

 
http://www.colordic.org/

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

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

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

http://equeko.info/wordpress/stinger3-for-lady/#i-9

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

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

3.結果、こうなった

変更前
切り取りフォント前

変更後
切り取りフォント後

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

というわけで

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

 

 - WordPress

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事