目次
WordPressのウィジウィグでbrが反映されない
WordPressのウィジウィグで「テキスト」表示に切り替えて、
「br」を入力しても、公開後消えてしまう。
そんな時の 記述を紹介します。
jQeryで時間になったら表示
ネットショップなどで、期間限定のバナーを掲載したい。
でも期間限定だから時間が過ぎたら非表示にしたい。
そんな時ないですか?
更新すればすむ話ですが、忘れたり夜遅かったりしますよね?
そんな時に便利な記述があります。
まずはjQeryを読み込みましょう
「jquery.js」をダウンロード致します。
ダウンロード先
「fullPage.js」をfullPage.js
ダウンロード先
scriptを記載します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<script> $(document).ready(function() { $(".view_timer").each(function(index, target) { var startDate = $(this).attr("data-start-date"); var endDate = $(this).attr("data-end-date"); var nowDate = new Date(); if (startDate) { startDate = new Date(startDate); } else { startDate = nowDate; } if (endDate) { endDate = new Date(endDate); } if (startDate <= nowDate && (!endDate || nowDate <= endDate)) { $(this).show(); } else { $(this).hide(); } }); }); </script> |
HTMLを記載
1 |
<span class="view_timer" data-start-date="2020/10/15 21:36" data-end-date="2020/10/16 21:45"><a href="https://teach.web-represent.link/">Webデザイン勉強中</a></span> |
これで完成です
特定の期間だけ表示したい内容など、バナーや文言などございましたら是非参考にしてください。
nv