記事
BLOG

「5秒後に別のページへ移動する」実装

WordPressでの実装方法です

残り0で・・

実装内容

1.投稿ページにカスタムフィールドを作成し、そこにjavascriptを記述
2.投稿ページにそのカスタムフィールドを表示する事でjavascript実行
3.記事中にHTML直接編集する事で、idやclassを指定してjavascriptから操作
4.タイムアウト設定して、時間が経過したらlocation.hrefで移動

let goto_timecounter = 5;
setTimeout(function(){
  window.location.href = 'https://portfolio.nino-code.com/blog/';
}, 5*1000);

参考記事

以下の記事を参考にさせていただきました

WordPress|固定ページや投稿ごとにCSSやJavaScriptを追加する方法

js・cssを記事ごとに簡単に埋め込む方法の参考にしました。

お問い合わせCONTACT

コーディング依頼やお見積り、
その他ご質問など
こちらからお気軽に
お問い合わせください。