Blogger海外テンプレート、画像タイトルを入れてみよう

 blogger海外無料テンプレート（無料版）に変更しましたと前回ポストしました。

海外テンプレート（無料）に変えました
つい先日、日本語版Bloggerテンプレートがサイコー！と書きました。
なのに・・・早くも心変わり・・・
 

ブログタイトルを無料テンプレートに入れる

海外テンプレートの中には、タイトルがテキストどおり表示してくれるものと、画像で表示するものがあります。

当ブログで現在（2021年4月18日）使用している「FASTPRO」は後者で、ブログタイトルを画像で入れるタイプです。

では、ブログタイトルを画像で入れてみましょう。

テンプレートをダウンロードする

まず、ここから無料テンプレートをダウンロードします。

無料版と有料版がありますが、今回はとりあえず無料版をダウンロードします。

ちなみに、有料版１０ドルを払うと、以下が可能になります。

1. 作者さんのクレジットが外せる。
2. 複数ドメインで使用できる。
3. プレミアムサポートが受けられる。
4. 暗号化されたコードが取れる。（これがよくわかりません💧）
5. テンプレートの定期的なアップデートが受けられる。

４.暗号化されたコードが取れる、というのはHTMLやCSSの編集度が上がる、という意味かな、と思っています。無料版は、一部編集できる、といった感じです。それぞれのテンプレートによって、自由度が変わるようです。

タイトル画像のサイズを確認する

zipファイルがダウンロードされたと思います。

zipファイルを開いてみると、下のように展開されます。

拡張子がxmlとなっているのがテンプレート、一番下にある、Logo.pngがタイトルロゴになります。

タイトルロゴを変更するため、ロゴ画像の大きさ、縦×横のピクセルを調べます。

Logo.pngを右クリックして、プロパティをみると、大きさ344×50となっています。

この大きさのロゴを作成します。

テンプレートをアップデート

ダウンロードしたテンプレートをテーマからアップデート（元に戻す）。

（今使っているテーマのバックアップは取っておいてください。）

レイアウトを開く

レイアウトを開き、Theme　Optionsをみると、Header　Logoという項目があります。

右の鉛筆マークをクリックして、ここを編集します。

開くと最初は、FASTPROのロゴが画像として入っています。

いったん、画像を削除して、先ほど作成したロゴマークをアップロードします。

保存して、ブログのトップページを見ると、

タイトルロゴが変更になっています。

タイトル帯の色は、レイアウトのテーマデザイナーで変更できます。

FASTPRO無料版について

このテンプレートは、サイドバーが充実しています。

無料でここまで用意してくれるのってすごいなーと思います。

ただし、見出しはプレーンなテキスト表示、わずかに文字が大きくなる程度です。

現在、私はサルワカさんの提供しておられる見出しをCSSで追加して表示させています。

いずれ、有料版を購入し、無料とどの程度違うのかも検証してみたいと思います。

次回は、見出し（h2~h3)の装飾を予定しています。