ブログをカスタマイズしてみた～Blogger JetTheme 導入とカスタマイズの記録～

Last Update：2026/06/09

Blogger でブログを再開したタイミングで、海外テーマ「JetTheme」を導入しました。
このページでは JetTheme（ジェットテーマ）の導入からカスタマイズまでの記録をまとめています。
今後もカスタマイズを追加したら、ここに追記していく予定です。

JetTheme を選んだ理由

久しぶりのブログ再開だったので、、最初はデフォルトテーマでもいいかなと思っていました。
でも、後から色々手を入れたくなることを考えて、テーマを探すことにしました。

日本語テーマは扱いやすいのですが、別のサイトで海外テーマを使っていた経験もあり、 Blogger ユーザーさんの記事でよく名前が挙がる「JetTheme」を試してみることにしました。

デモとダウンロードはこちらです。

無料版でも制限が少なく、暗号化されたコードなどもなく、クリーンで扱いやすい印象でした。
導入されている方の記事も参考になり、安心して使い始めることができました。

JetTheme の公式サイトにインストール手順が掲載されていたので、まずはその手順に沿って導入しました。
サイトの言語はインドネシア語のようですが、翻訳機能を使う場合は「抽出された言語 → 日本語」に設定すると問題なく読めます。

テーマを変更する際は、必ずバックアップを取ってから、自己責任で行ってくださいね。

＊公式サイトは英語ではないので、翻訳する時は「検出された言語」を日本語に翻訳すると分かりやすくなります。

なお、テーマ初期化用のコードを貼り付けてもエラーになる場合は、いったん Blogger のデフォルトテーマ「Simple」に変更してから再度貼り付けると成功することがあります。

Jettheme の HTML 内には、SEO や表示に関わる設定がいくつかあります。
こちらの記事を参考にしながら、必要な部分を調整しました。

導入時点で日本語の日付表示はレイアウトから設定できました。
更新日付は別の記事を参考に追加しています。

追記
このブログは読み物が多いので、一覧で表示されるものには投稿日と更新日を表示し、投稿ページには更新日だけを表示することにしました。
アイコンはテーマに元々インストールされていたものを使用してます。

海外テーマは英語向けのフォントが設定されているため、日本語では少し違和感がでることがあります。
フォントファミリーや文字間・行間を HTML 側で調整して、日本語でも読みやすいように整えました。

ブログの雰囲気に合わせて、フッターやソケットのカラーを変更しました。
アイキャッチ画像もこのカラーに合わせて作成しています。
HTML を使わずテーマデザイナーで変更できます。

フッターは上下2つのエリアがありますが、上のエリアは活用方法が決まっていないため、 HTML 上でコメントアウトしました。

Blogger 標準のプロフィールウィジェットがしっくりこなかったので、Bootstrap を使ってシンプルなカードを作りました。詳細は別記事にまとめています。

▼ Bootstrap を使ったプロフィールカードの設置

以前からお世話になっているブログカードのツールをカスタマイズして使用しています。
他のサイトでも使っていて、とても便利です。

当面は最小限のカスタマイズで、まずは投稿を増やしていく予定です。
記事が増えてきたら、また必要に応じて手を入れていきます。
変更があれば、このページに追記していきます。

ライフワークニスト編む・書く・創るなど