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:キャプションにリンクをつける