サイト全体設定 > お知らせバー お知らせバーにボタンを配置できます

アクションフック 'swell_before_post_head'

SWELLのメインビジュアルの動画のループを停止するカスタマイズ

アクションフック 'swell_before_post_thumb'

SWELLのメインビジュアルの動画のループを停止するカスタマイズ方法です。

自分でfunctions.phpを編集する場合や、Code Snippetsプラグインを使用してコードを追加する場合、コードの追加の仕方を誤ったときにWordPress自体がエラーが発生して、サイトが閲覧できなくなることがあります。そうした場合の注意点を以下の記事にまとめたので、ぜひご覧ください。

目次

カスタマイズ手順

子テーマのfunctions.phpまたはCode Snippetsプラグインに、以下のコードを追記します。

add_action( 'wp_footer', function () {
if (is_home() || is_front_page()) { ?>
<script type="text/javascript">
element = document.querySelector('.p-mainVisual__video');
element.removeAttribute('loop');
</script>
<?php } } );

コードのかんたん解説

if (is_home() || is_front_page())で、トップページのみスクリプトが読み込まれるようにしています。

また、中のJavaSctiptのコードでは.p-mainVisual__videoクラスの要素からloop属性を削除しています。

この記事は、ユーザーさんからのお問い合わせで生まれました

ユーザーさんから、「こんなことはできないかな?」というご質問をいただき、実際にアクションフックやJavaScriptなどを用いて実装してみました。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

埼玉県在住・男性。SWELLを使い続けて2年、フォーラムで回答し続けて1年以上。この経験から得られたノウハウをみなさんに役立てたいと思い、このサイトを作りました。

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

目次