テーマ:ワードプレスの画像劣化

タイトルを検索されそうな文字列にしてみました。
同じような症状が出てる人が探すかもしれないので。

以前画像がボケる、という記事を書きましたが、画像のURLを見て、あれっと思ったので調べてみました。

ドメインの前にドメインがついていました

https://i1.wp.com/・・・・

これはプラグインのJetTPackが画像を別サーバにアップしていたようです。
そのため、おそらく利便性向上のためにいろいろ処理が入っていたようです。

JetTPack設定画面で Serve images from our servers をオフにします。
通常のURLに戻り、末尾の変数もつかなくなりました。

JetPack設定 Serve images from our servers

この機能はいろいろ問題あるようです。サーバのデータが削除できないとか、劣化が起こるとか。

こちらが参考になりました

ワードプレスを超高速にする[Jetpack Photon]のデメリット

contactform7:申込完了画面

申込完了画面はあまり必要ないと思っていますが、無いと落ち着かない方もいるようです。

公式サイトでもかなり強く不要論を唱えています。

送信後に異なる URL にリダイレクトさせるには

とは言え、お客様の要望があり、不要と説明しても納得しない場合もあるわけで、そんな時は設定する必要があります。

今までは”on_sent_ok” のフックを使用する方法でやっていましたが、非推奨になるんだよなぁとは知っていたので、別のやり方を検索してみました。

こちらの方法が手軽で分かりやすかったので参考にしました。

Contact Form 7で送信完了ページを用意する(DOMイベント利用)

フォームごとに表示するページを変更したい場合は、固定ページの入力モードを”テキスト”にして、コードを入力します。
表示したいページのURLを入力すれば完了。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://example.com';
}, false );
</script>

MetaSlider:タッチスクリーンデバイスでのバグ

あまり気が付かない点ではありますが、MetaSlider で自動再生で表示しているスライド画像に何らかの拍子で触れてしまうと、それ以降の自動再生が停止してしまう問題があります。

  1. MetaSlider の設定画面の [高度な設定] の [停止ボタン表示]チェックボックスをオフにして保存する。
  2. 下記コードをテーマの functions.php に記述。


function fs_add_pause_on_action($options) {
return array_merge($options, [‘touch’ => ‘false’]);
};
add_filter(‘metaslider_flex_slider_parameters’, ‘fs_add_pause_on_action’);

以上で、バグが解消されます。

MetaSlider:キャプションにリンクをつける

metasliderメタスライダーのキャプション表示をCSSでカスタマイズして画面の中央など大きめに配置したりしますよね?
でもキャプションにポインターを当てると、そこはリンクはないんです(構造上)。しかしテキストがあるとそこにリンクがあるように思う人も結構いるわけです。
そんなときに簡単にリンクをつける方法です。

コードを修正するか、CSSでなんとかなるか考えていたのですが、キャプション記入欄にHTMLタグが使用可能のようなので、こちらにリンクを設定。
これだけです。ほかにもインラインでCSSを設定することもできるので細かい設定もできてしまいます。
※仕様的に正しい使用方法かは現時点で不明(2017/11/29)

metaslider:キャプションにリンクをつける