ほぼ備忘録用ですが、WordPressテーマのSnow Monkeyを使ったWebサイト制作の実案件で、実際に使ったものをまとめました。
随時、追加していきます。
リンクをスムーススクロールさせる
スムーススクロールとは…目次のリンクなどをクリックして同じページ内の別の位置に移動(アンカーリンクと言う)するときに、滑らかに動いてスクロールする表現のこと。基本的には HTMLでページ内リンクを作る際には、リンクをクリックしたときに滑らか動かず、瞬時にスクロールしてしまいます。
スムーススクロールにさせたいリンク( a要素
)、もしくはリンクを含む要素に u-smooth-scroll
というクラスを追加します。
<a href="#anchor" class="u-smooth-scroll">リンク</a>
<ul class="u-smooth-scroll">
<li><a href="#anchor1">リンク1</a></li>
<li><a href="#anchor2">リンク2</a></li>
</ul>
ブロック要素では、追加 CSS クラスに、u-smooth-scroll
を入力します。
参考:https://snow-monkey.2inc.org/2019/06/17/u-smooth-scroll/
「Snow Monkey Forms」で管理者宛メールを複数設定する
以下のように、カンマ区切りで送信先メールアドレスを入力することで、管理者宛のメール送信先の複数設定が可能です。
例:mail-1@example.com,mail-2@example.com