プログラミング

画像をポップアップするライトボックス jQuery プラグイン 「lightbox2」

定番の「ライトボックス(lightbox」をワードプレスで試してみました。
プラグインでも数々あると思いますが、直接設置してみました。
ショートコードを用いてアップロードしたファイルをセットしています。
本来ならば画像をサムネイル用のファイルと分けるべきでしょうが、同じファイルを width で調整しています。
今回はCDNを利用して実現しています。
「参考サイト」:
ライトボックス公式サイト
lightbox2 CDNサイト
Flexbox (フレックスボックス) MDNリファレンス

特定の投稿のみCDNを読み込むように 「single.php」に記述。
function.php にファイルダウンロード用のショートコードを追加
投稿記事
CSS

最近の記事

  1. wordpres5をubuntu nginxにインストール
  2. ubuntu 20.04 nginx php mysql Webサーバー環境整備
  3. Ubuntu nginx SSL
  4. EC-CUBE 4.0 インストール
  1. プログラミング

    Wordressの投稿を「FullCalendar」でカレンダー表示してみる
  2. サーバー環境

    ubuntu 20.04 nginx php postgreSQL 12.5 W…
  3. サーバー環境

    Centos7 nginx(with ssl let’s Encry…
  4. Web・デザイン

    CSS3 グラフィックス transform transition anima…
  5. サーバー環境

    Aws EC2 Postfix + Dovecotメールサーバー 構築記録
PAGE TOP