BASE有料テンプレートの Allure,Paradis ,Fortune,Sweetカスタマイズについて

ベースのCSSフレームワークとスライダーは一緒です

 

CSSフレームワーク

materializecss

 

スライダー

flickity

 

ちょっと画像とか説明を追加したいなと思ったら以下のように箱を追加すればレスポンシブでさくっと表示できます

スマホとPCでカラム幅を自動で調整してくれます、grid便利!

 

 

スライダーもflickityはオプションが沢山用意されているのである程度自由に変更できます
BASEのhtmlのどこかにオプションを設定している箇所があります。
例えばこんなかんじ

基本的に変更したいオプションをtrue,falseで指定するだけです。

 

Fortuneテンプレートではスライダーの高さの調整が少し複雑です。
自動でclassが付与され、高さを全画面に調整しています。
これは外部ファイルに記述してあるので直接編集ができません。
別の方法で修正する必要があります。

 

その他のCSSはhead内で追加、上書きでもいいでしょう。 あまり上書きが多くなるとよくないので多くなる場合は新しく外部ファイルにまとめましょう。

また、管理画面で表示するテキストや画像を管理することも可能です。

 

Reader Interactions