htmxをa-blog cmsのカスタムユニットで利用する
実際にカスタマイズを行ったエントリー
https://info.datafarm.jp/profile/takayuki-katsumata.html
Web上の名刺として使っているページになります。
カスタマイズのポイント
ユニット化することで、使いやすく
エントリーの中でのテンプレート処理は、できなくはありません。
ですが、一般のユーザが気軽に使えるものではなく、コードの損傷により、表示にエラーが出る可能性があります。
それらを踏まえて今回はカスタムユニットにしました。
tplを出力時に読み込み指定
エントリーをhtmxで利用する場合「不要なものをなくした表示」にすることで、再利用がしやすくなります。
そのためには
- 専用のテンプレートhtmlを作成し
- urlとあわせて読み込み
させる必要があります。
それらを、ユーザが指定しなくても自動的に実行されるようにしました。
表示方法が豊かに
今回のカスタマイズにより
- ボタン表示→クリックして詳細表示
- スクロール時に読み込み
の2種類の表現方法を、ユーザが簡単に選択できるようになりました。
これは「htmxとa-blog cmsならではのカスタマイズ」だと思いっています。
それぞれ単体ではできなかったがことが、2つが組み合わ去ったことによって実現できた、と思っています。
お困りごとをお聞かせください。
a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。
他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。
