それで縦幅を狭めるべく、ネット検索したのですが、これだけは説明がありません。
さてどうしようかと考えていて、あ、画像を使えばいいじゃん！という結論になりました。
以下同じような悩み？を抱えている人たちのために、手順を記します。
背景が透明なシンプルなタイトル画像を作り、ブログに使用します。
1. 画像編集ソフトの準備
なんでもいいのですが、無料ということで、GIMPを使います。
バージョンは現時点で最新の、2.8.16。Macでも日本語がインラインで入力できます。
公式サイトでダウンロードします。
http://www.gimp.org/downloads/
2. ブログタイトル画像の作成
背景の作成
- インストールが完了したら、GIMPを立ち上げます。
- ファイルメニューで「新しい画像」を選択。
- キャンパスサイズ（画像サイズ）を決めます。
- 重要: キャンパスサイズの横幅は820pxにします。これがブログタイトル画像に最適な横幅です。縦幅は個人の好みで構いません。私は100pxにしました。
- 詳細設定を表示して、塗りつぶし色を「透明」にします。
- OKボタンをクリック。画像が開きます。
文字入力と調整
- 左側にあるツールボックスから「A」と表示されているテキストツール・アイコンをクリックします。
- 背景の上でクリック。そのままブログタイトルを入力します。文字（レイヤー）ができましたね。
- 左下のツールオプションで、文字サイズを調整します。背景に収まる範囲で好みのサイズにします。
- 同じくツールオプションで、文字色を決めます。ここはあなたのお好みで。
- フォントを決めます。ここであなたのセンスが問われます。ツールオプションで左上にある「Aa」アイコンをクリック。フォントの一覧が表示されるので、好みのフォントを選択します。
- サイズと色とフォントの調整が終わったら、今度は位置決めです。十字型をした移動ツール・アイコンをクリック。
- 文字の部分をクリックします。黄黒の点線がグレーの線に変化するのが分かると思います。それを確認してから、ドラッグして位置を決めます。
画像の保存
- ファイルメニューから「名前をつけてエクスポート」を選択。
- 開いたウィンドウの一番上に名前ボックスがあるので、適当な名前をつけます。
- 左側にある「場所一覧」で保存場所を指定します。
- 一番下にある「ファイル形式の選択」の三角ボタンをクリック。
- ファイル形式を選択します。PNG画像を選択して下さい。
- エクスポートボタンを押します。
- 再びウィンドウが開くので、そこにあるエクスポートボタンを押します。文字の背景が透明なタイトル画像ができます。
3. 作成した画像をブログタイトルとして使用する
ここからはWEBブラウザでの作業です。
- ブログ管理画面を開きます。
- 左側にある「レイアウト」メニューをクリックします。
- Headerボックスの右下にある編集をクリック。
- 「ヘッダーの制定」ウィンドウが開くので、イメージ欄で画像をアップロードします。
- プレースメントにある「タイトルと説明の代わり」のラジオボタンをクリック。
- 保存ボタンを押します。これで終了です。
4. 確認
どんな作業でも確認は大切。確認→修正→確認の繰り返しですね。
パソコンではどうでしょうか？スマホでの確認も忘れずに。どうでしょうか？満足できたでしょうか？OKですか。よかった。お疲れ様でした。
5. 補足
今回は背景が透明なシンプルなタイトル画像を作りましたが、背景に大切な愛猫の写真を使ってもいいですし、文字も影を付けて立体的にしたり、またメタリック仕様にすることもできます。
このあたりは、ネット検索して挑戦してみてください。