WordPressテーマ「SWELL」を活用した、お遊び系のカスタマイズをご紹介します。
SWELLには、ヘッダーを追従させられる機能がついています。PC表示のみにはなりますが、そんな追従ヘッダーに好きな画像をひょっこりぶら下げられるカスタマイズです。
実装イメージは下記動画のとおり。
わんこが逆さまになって、ひょっこり顔を出します。かわいい。
ちなみに上記デモ動画でひょっこりしているわんこの画像は、フリー素材ぴよたそさまの「犬っころ」をつかわせていただきました。
スマホの追従ヘッダーでは表示されないので、PCからのみ見れるカスタマイズです。（スマホ表示で上からわんこがぶら下がってたら、画面見にくいですしね）
また追従ヘッダーを透過させると画像が見えてしまいますので、透過させていない設定を前提としています。
画像のサイズや位置は、用意した画像によって調整は必要ですが、そんなに難しくはありません。画像の角度も自由に調整できますので、なにかぶら下げたい画像があれば、ぜひお試しください。
- カスタマイズ内容は、記事最終更新日時点のSWELL最新バージョンで動作確認しております。
- カスタマイズは自己責任にてお取り組みください。心配な方は、作業前にバックアップを取っておくことをおすすめします。
