お客さんが用意したサーバがまさかphpが動かないとは思わなかった。
今時そんなのアリか。あったんですけどね。
というわけで、静的なスタティックなhtmlにするためのプラグイン。
WP Static HTML Output
https://wordpress.org/plugins/static-html-output-plugin/
なんて便利なプラグインなんでしょうね。
こんな感じでいいと思います。
ちなみに、子テーマ化されてるとうまく書き出してくれないので、
ウルトラスーパーめんどくさいですが親テーマに戻してあげてください。
書き出したあとはちょっといじったりしましたが、（固定ページの中の画像とかは上手く出ないぽい？多分functions.phpでショートコードでURL書いてたからだと思いますが）
その程度です。とても素敵なプラグインでした₍₍ ◝(‘ω’◝) ⁾⁾ ₍₍ (◟’ω’)◟ ⁾⁾
そのまんまです。
jQuery本体は読んでおいてください。
<script type="text/javascript">
jQuery(document).ready(function() {
$('img[src*="-off."]')
.on('mouseover', function(){this.src=this.src.replace('-off.','-on.');})
.on('mouseout', function(){this.src=this.src.replace('-on.','-off.');});
});
</script>あとは、マウスが乗ってない状態の時の画像の名前を「abcdef-off.jpg」乗ってる時の画像の名前を「abcdef-on.jpg」にすればオッケーです。
別にjpgである必要はないです。どの画像でもいけます。あとonとoffの画像の「abcdef」のところは合わせるようにしてください。
そこが違うと判別しないので。٩(๑•̀ω•́๑)۶
#がついたページ内リンクでスルスルスクロールしてないサイトはナウくないんじゃ？
ってことで、スルスルスクロール機能簡単実装です。
1.headにもうjQuery本体は読んでる前提です。
2.これをheadに記述！
<script type="text/javascript">
$(function(){
// #で始まるアンカーをクリックした場合に処理
$('a[href^=#]').click(function() {
// スクロールの速度
var speed = 400; // ミリ秒
// アンカーの値取得
var href= $(this).attr("href");
// 移動先を取得
var target = $(href == "#" || href == "" ? 'html' : href);
// 移動先を数値で取得
var position = target.offset().top;
// スムーススクロール
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
</script>
以上！！！