配布中のテンプレートにパーツを使う場合の確認事項
jsボタンがあるパーツを使う場合、以下の点を確認して下さい。
1. htmlの下部にjQueryとinviewとmain.jsの読み込みがあるか
htmlを開き、下の方にjQueryとinviewとmain.jsの読み込みがあるか確認します。
2. 読み込みがない場合
読み込みがない場合は、以下を行って下さい。
- フレーム選択のページから「frame」をダウンロード。
- ダウンロードしたindex.htmlを開き、html下部のコードをコピー。
- 配布中のテンプレートのhtmlを開いてコピーしておいたコードを貼り付けて下さい。
- 最後に「frame」に入っているjsフォルダごとお手元のテンプレートに移動しておいて下さい。
3. jQueryの読み込みがあり、かつ、すでにmain.jsがお手元のテンプレートにある場合
main.jsを上書きしてしまうと不具合が出るので、その場合は以下を行って下さい。
- フレーム選択のページから「frame」をダウンロード。
- 解凍し、jsフォルダの中にあるmain.jsを別名（例えばmain-parts.js）に変更。
- 配布中のテンプレートのjsフォルダに移動。
- 配布中のテンプレートの下部にmain.jsの読み込みがあるので、その下にでもmain-parts.jsの読み込みを追加して下さい。
CSSカスタムプロパティの注意
css/theme.cssの:rootで設定されている、
--bg-color
--bg-inverse-color
〜〜
などの、
--
で始まる変数を使っているパーツの場合、既存テンプレに適用されないので崩れたり、色が出なかったりします。お手元のstyle.cssに同じ:rootの変数指定箇所があるなら、その下に追加してみて下さい。同じ名前が存在すると上書きされてしまうので、既存テンプレが崩れます。見比べて下さい。
横幅いっぱいに使う汎用classの「.bleed-x-parts」
このclassも、パーツ専用のスタイルです。パーツ専用の土台フレームを選ばないと、使えないので注意して下さい。
うまくいかない場合
サポート掲示板からお問い合わせ下さい。