テンプレートのカスタマイズはできますか？

snappでご用意しているテンプレートには、あらかじめ用意されたデザインが適用されるようになっています。

基本的にこのデザインの変更はできませんが、オリジナルのCSSを書き込めば、デザインをより柔軟にカスタマイズすることは可能です。(CSSをご理解されている上級者様向けの方法となります)

カスタマイズの方法

1. snappで作ったページの編集画面に入ります。
2. 右側メニュー「パーツ」タブの「フリースペース」をプレビューに追加します。
3. 以下の形式でCSSを記述します。

   <style>
   セレクタ {
   　　color: #333;
   }
   </style> 

システム側のclassについて

テンプレートの各所に予め付与されている、「セレクタ」についてご案内します。この「セレクタ」に対してcssを記述すれば、元々のデザインを上書くことが可能です。

ヘッダーメニュー	個々のナビボタン .snapp_createPage .s-nav-header .s-nav-header-item a
各コーナーのタイトル	タイトルの背景 .snapp_createPage .s-titlebar 文字 .snapp_createPage .s-titlebar h2
検索まど	入力フォーム .snapp_createPage .s-search-wrap input[type="text"] ボタン .snapp_createPage .s-search-wrap input[type="submit"]
フッター	一枠 .snapp_createPage .s-footer .s-footer-nav li