a-blog cms 1.6.0 の記事の中にスライダーを実装する簡単な方法

2013年02月23日 CMS #ablogcms #カスタマイズ

何も設定しないと右側の padding が少し気になりますが、とりあえず簡単にパッとできる方法を紹介してみます。

カスタマイズ管理 > コンフィグ > エントリー編集設定 > ユニットグループ に以下のような設定をしてみます。


クラスに js-bxslider を設定し、ラベルは分かりやすい文字列でいいです。ここでは「スライダー」って書いておきます。


次に、上記のように、ユニットグループでスライダーを設定します。1つ注意しないといけないのは「おまかせ」にしておくと、<hr>タグが入ってしまい正しくJSが動作しません。画像については「左」にしておきましょう。

スライダーの画像が終わったところで、1カラムに設定しておくだけです。こんなに簡単にユニット内にスライダーを実装できるなんて!

著者写真
この記事を書いた人
山本 一道 / 有限会社アップルップル 代表

名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。

@kazumich

関連記事

この記事のハッシュタグ #ablogcms#カスタマイズ から関連する記事を表示しています。

a-blog cms と View Transitions API で作るページ遷移のアニメーションの実装について
a-blog cms と View Transitions API で作るページ遷移のアニメーションの実装について
a-blog cms のベンチマークモードの活用法
a-blog cms のベンチマークモードの活用法
定期開催のイベントサイトを作る際のブログ設定
定期開催のイベントサイトを作る際のブログ設定
PhotoCollage.js を a-blog cms のブログテーマに実装してみた
PhotoCollage.js を a-blog cms のブログテーマに実装してみた
エントリー新規投稿画面で次のエントリーコードっぽいものを placeholder に表示させるカスタマイズ
エントリー新規投稿画面で次のエントリーコードっぽいものを placeholder に表示させるカスタマイズ
a-blog cms のユーザーアイコンに Gravatar を反映するカスタマイズ
a-blog cms のユーザーアイコンに Gravatar を反映するカスタマイズ