wordpressの固定ページでJavaScriptを使って1秒後に別のページにリダイレクトさせるには

wordpressの投稿、固定ページでJavaScriptを使って1秒後に別のページにリダイレクトさせるには、setTimeout 関数と window.location.href を使います。

スポンサーリンク

JavaScriptでの実装方法

通常、HTMLページでは以下のコードをHTMLの<head>タグ内、または<body>タグの最後などに記述します。

<script>
setTimeout(function() {
  window.location.href = 'https://example.com'; // ここにリダイレクト先のURLを記入
}, 1000); // 1000ミリ秒 = 1秒
</script>

コードの解説

  • setTimeout(function(){ ... }, delay): 指定した delay(ミリ秒単位)が経過した後に、function(){ ... }の中の処理を一度だけ実行する関数です。
  • window.location.href = 'URL' : ブラウザの表示ページを指定したURLに変更します。
  • 1000: 遅延時間(ミリ秒)です。1秒なので1000と指定します。3秒後にリダイレクトさせたい場合は3000となります。

 

  • wordpressの場合
    投稿編集画面でコード編集にして上記タグを記述。
  • Cocoonの場合
    カスタムJavaScriptの欄に記述することも可能

 

(参考) HTMLのmetaタグでリダイレクトする方法

HTMLページの場合、JavaScriptを使わずに、HTMLのmetaタグだけでリダイレクトさせる方法もあります。こちらの方がよりシンプルです。HTMLの<head>内に以下の1行を追加します。

<meta http-equiv="refresh" content="1;url=https://example.com">

コードの解説

  • content="1; ..."1の部分がリダイレクトするまでの秒数です。
  • url=https://example.com: リダイレクト先のURLを指定します。

 

 

wordpressの投稿、固定ページではmetaタグは編集できません。

 

 

以上です。

タイトルとURLをコピーしました