11/08(金)作業メモ(後日再編集を予定)

メモメモ

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