parts_lightbox1を配布中のテンプレートに配置したい場合
解説
- 動作確認は、必ず配布中のテンプレートに対して行って下さい。
- パーツを配置予定のhtmlに以下のコードがあるかチェック。※ある場合はhtmlの最後の方にあると思います。
ない場合はコピーし、htmlの下の方に貼り付けて下さい。
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox-plus-jquery.min.js"></script>
CDNからlightboxのjsファイルを読み込むタグです。
似たようなコードがあれば動作すると思うので、そのままで作業を続けてみて下さい。 - css/style.css冒頭に以下のコードがあるかチェック。
@import url(https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.css);
ない場合はコピーし、cssの上の方に貼り付けて下さい。
画像が出ない場合
コピペしてきたhtmlファイルでは、画像ファイル名に1.jpg〜3.jpgを指定しています。
これらの画像ファイルがないと画像が空になるので、入れ替えて下さい。
余白バランスが崩れる場合
古いテンプレートをご利用の場合に、余白のバランスが崩れる場合が多くあります。
その場合、cssフォルダのstyle.cssに以下を1行ずつ追加し、都度プレビュー確認して下さい。
body * {box-sizing: border-box;}
nav,ul,li,ol {margin: 0;padding: 0;}
nav ul {list-style: none;}
※1行目のスタイルはbody要素全てに適用されます。場合によってはご利用中のテンプレート内のブロックの余白が小さくなってしまう事もありますので、その場合はbodyではなく特定の要素内をターゲットにしぼって下さい。
解決しない場合は
サポート掲示板からお問い合わせ下さい。
ただし、場合によっては解決できない場合もあります。予めご了承下さい。
また、テンプレートは未編集の状態にしてから質問をお願いします。ご自身でテンプレートを編集済みの場合は対応できませんのでご注意下さい。