2026/02/25
Bloggerに星評価を表示させる
1. デザインのタイプ
【星評価（5段階・ハーフ刻み対応）表示デザイン】
CSSのみで制御され、HTMLのデータ属性を書き換えるだけで直感的に評価を表示できる軽量なレーティングデザインです。
Bloggerデザイン : スライディングパネルカード
あなたのプロンプト
1. デザインのタイプ
【オーバーレイ・スライディングパネルカード】
ホバー操作に連動して詳細情報が下から競り上がる、インタラクティブで没入感のあるグリッドデザインです。
Bloggerテーマ紹介 : ラクーンドッグ
| テーマ名 | ラクーンドッグ |
|---|---|
| 配布サイト | https://techotecho2.blogspot.com/ |
| レスポンシブ | ◯ |
| カラム | 2カラム |
ラクーンドッグの特徴
そこで、写真をアピールできるHPとして利用可能なBloggerテンプレート『ラグーンドッグ』を開発しました。
Bloggerテーマ紹介 : F-Light
| テーマ名 | F-light |
|---|---|
| 配布サイト | https://fujilogic.blogspot.com/ |
| レスポンシブ | ◯ |
| カラム | TOPページ 2カラム
記事ページ 1カラム |
F-lightの特徴
- レスポンシブデザイン
- ウィジェットの簡単切り替え
- 画像の遅延読み込み（Lazy Load）
- テーマを導入すれば即使えるように細かい配慮が感じられるデザイン
F-light DEMOサイト
F-lightのカスタマイズ
非表示 (記事ヘッダー / 目次 / SNSシェアボタン etc...)｜目次オプション｜日付表示のカスタマイズ｜連絡フォームデザイン｜新着記事表示｜記事ページのヘッダー位置 など
F-lightのおすすめ指標
- デザイン
- 9.0
- 機能
- 10.0
- 拡張性
- 10.0
- カスタマイズ
- 10.0
- 導入のしやすさ
- 10.0
F-light
いま国内のBloggerで急速に利用者が伸びているであろうテーマ。細かいところにまで気を配られた作りとなっており、普段使いするだけであればテーマを導入するだけで完成形として利用できる。
もちろん、カスタマイズすることも可能で、様々なカスタマイズ方法が配布サイトにて紹介もされている。
今もっともアツいテーマである。
