Wordpress運用のアレグレットワークス
現役フロントエンジニアによるWordpressカスタマイズ備忘録

使用するもの

準備

上記サイトからソースコードをダウンロードします。
lity.min.csslity.min.jsを任意のディレクトリに配置し、ポップアップ表示したいページに読み込ませます。

実装

aタグ内にdatalityを記述します。

<a href="https://www.youtube.com/embed/hgqHPLU-qIE" data-lity="data-lity">ポップアップ動画</a>

以上です。

関連記事

Wordpressに関するご相談は、
アレグレットワークスへ

お問合せ・お見積り