2026年4月– date –

今回は「Blocks Animation: CSS Animations for Gutenberg Blocks」を使って、トップページのヒーロー画像にアニメーションを付ける方法を紹介します。このプラグインはSWELLとも相性が良く、初心者の方でも簡単にアニメーションを付けることができます。 ...

PCのメニューに目立たせたいボタンがあれば、このように色を付けて設定することができます！人間の心理的に右上のボタンは成約率が高いと言われているので、ここに設置して損はないですね。 カスタムボタンの設置方法 外観＞メニューに進みます。右上にあ...

スマホ表示したとき、右上にボタンを設置することができます。ここ、非常に成約率の高いボタンでもあるので、設置して損はないですね！！こんなイメージです。 カスタムボタンの設置方法 外観＞カスタマイズ＞ヘッダー を開きます。こんな感じで、設定項目...

H1/H2/H3/H4のタイトルに動きをつけてふわっと表示させたいなぁと思いました。HPにも流行りがあるのと、動きを付けることで”洗練されたサイト”としてアピールできるからです。Blocks Animation: CSS Animations for Gutenberg Blocks プラグインを使えばブ...

美容系サイトで脱毛の写真を前後比較する時、Before Afterプラグイン探してみました！英語版のみであり無料で導入できますが、機能制限解除は有料となります。でも無料でほぼほぼ問題なく使えます。プラグイン名はこちら。BEAF - Ultimate Before After Im...

SWELLでSNSシェアボタンを消す方法を紹介していきます！そもそも、今のご時世SNSシェアボタンで記事をシェアされるってことはあんま無いですね。SNSボタンあると見た目やページの読み込みにも影響するので、なくても良いですな。特に追従ボタンは記事が読...

トップページは言わばサイトの顔みたいなもので、一瞬で目を引いて立ち止まらせる必要があると考えています。ヒーロー画像するだけでも十分ですが、画像の上にキャッチコピーを配置することで「お、このサイトいい感じ。もう少し見てみよう」と思わせるこ...