メモメモ
HTML上に拡大画像を張り付ける方法について。
⇒画像ポップアップ拡大スプリクト Lightbox2
参考: https://allabout.co.jp/gm/gc/23975/
https://allabout.co.jp/gm/gc/470618/
以下コードを記入
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script>
※注意
1行目:CSSにつき、Headerに記入 (LinkはHeaderのみ記入可能)
2~3行目:スプリクト、Body要素の最後に記入
※Wordpress上での、各要素への記入方法
・ Header要素 ⇒header.php
・Body要素最下部 ⇒ footer.php
参考: https://www.1-firststep.com/archives/5889
※スラッグについて
・いわゆるURLのところ。パーマリンク設定に影響をされる。
本サイトではパーマリンクが基本設定であるため、ここでのスラッグは以下のようになる。
?p=7066
(スラッグ設定は SEO対策 にも影響するとのこと、あとで調整してみよう)
※スラッグ追記
そもそも基本設定で表示されるページIDは、その番号をそのまま記入でよいとのこと。すなわちスラッグの箇所には以下を記入する。
7066
備考:
実験場ページにて試験
http://hayama-cloudservertest.com/?page_id=7071