無料ホームページテンプレート Template Party

parts_lightbox1を配布中のテンプレートに配置したい場合

解説

  1. 動作確認は、必ず配布中のテンプレートに対して行って下さい。
  2. パーツを配置予定の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ファイルを読み込むタグです。
    似たようなコードがあれば動作すると思うので、そのままで作業を続けてみて下さい。
  3. 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ではなく特定の要素内をターゲットにしぼって下さい。

解決しない場合は

サポート掲示板からお問い合わせ下さい。
ただし、場合によっては解決できない場合もあります。予めご了承下さい。
また、テンプレートは未編集の状態にしてから質問をお願いします。ご自身でテンプレートを編集済みの場合は対応できませんのでご注意下さい。

その他のサービスOthers Service

クイックCMS