複数ユーザー登録タイプポータルサイト向けその他WordPressテーマフォームプログラムフリープログラムダウンロードテンプレートにはLightboxパーツは入っていません。以下手順で揃えて下さい。海外のチームが開発しているファイルにつき、動作保証や不具合のサポートは当サイトでは一切行っておりません。Lightbox2サイトへ行き、「DOWNLOAD」ボタンをクリックしてファイルをダウンロードします。解凍すると色々なファイルが梱包されていますが、必要最低限のファイルだけを次のステップでテンプレートに移動しましょう。※2018/12時点でDLファイル名は「lightbox2-master」となっているようです。当ページではこのバージョンを元に解説します。必要なファイルのみをテンプレートに移動します。ダウンロードファイル(lightbox2-master)のdistフォルダ内のimagesフォルダ内にある、close.pngとloading.gifとnext.pngとprev.pngの4点を当テンプレートのimagesフォルダにコピーします。次に、distフォルダ内のcssフォルダにあるlightbox.cssを当テンプレートのcssフォルダにコピーします。「lightbox.min.css」を使って頂いても構いませんが、その場合はhtml側のcssの読み込みファイル名を変更する必要があります。次にdistフォルダ内のjsフォルダにあるlightbox-plus-jquery.min.jsを当テンプレートのjsフォルダにコピーします。「lightbox-plus-jquery.js」を使って頂いても構いませんが、その場合はhtml側のcssの読み込みファイル名を変更する必要があります。lightbox対応可のテンプレートを再読み込みして動作するか確認しましょう。基本的にはご利用のテンプレートのhtml側のパーツをコピペして増やしてみて下さい。以下の例のように大画像はaタグ内で読み込み、小画像はimgタグに読み込まれています。alt=""></a>拡張子(「jpg」や「gif」など)が大文字や小文字だとうまく動作しない場合があるので実際の画像ファイル名とhtml側の表記を揃えておいて下さい。■赤文字部分の解説data-lightbox="group1"は、画像をリンクでつなげていくかの設定です。「group1」部分は好きに変更して頂いて構いませんが、ここを同じ名前で揃えておけば、画像の右半分にカーソルをのせた時に次の画像へのリンク用のアイコンが出ます。data-title="蓮の葉"は、lightboxで暗転表示された際に写真下に表示されるテキストです。分からない場合は実際に設定して動作を確認してみて下さい。通常のhtmlとcssファイルで構成された無料のホームページテンプレートです。システム開発業者様にCMSを開発依頼。弊社の無料テンプレートをセットしました。外したい方マニュアルよく頂く質問サポート掲示板お問合せ返信メールが届かない方へ。