商品分析などに使うマトリクス（ポジショニングマップ）のCSS
- 公開日：
市場におけるポジション（立ち位置）を示すのに、マトリクス表を利用すると便利です。 例えば、下記のような表です。 高機能 シンプル 価格安い 価格高い ★賢威 ★SWELL ★THOR このような２軸で可視化するマトリクス […]
【2025年】Google アナリティクス4（GA4）の登録方法
- 公開日：
Googleアナリティクス4（GA4）は、Googleが提供するアクセス解析ツールで、従来のユニバーサル アナリティクス（UA）の後継バージョンです。 GA4を使うことで、ウェブサイトやアプリのユーザー行動を詳細に分析す […]
クリック率を上げる！CSSでバウンドしながら動く矢印の実装方法
- 公開日：
最近はあまり見ませんが、CTA（Call To Action）のボタンの上に動きのある矢印のアニメーションが使われていることがあります。 例えば、下記のような矢印アニメーションです。 今回は、このような矢印の画像をバウン […]
このサイトがChatGPTの参照元として利用されているのか調べてみた
- 更新日：
- 公開日：
ChatGPTに質問すると、URLに参照元情報が含まれることがあります。 この参照元のリンクをクリックすると、 ?utm_source=chatgpt.com といったクエリパラメータが付加されています（utm_sour […]
画像が揺れると印象が変わる？視線を集めるCSSアニメーション
- 公開日：
ホームページやランディングページ（LP）、セールスページ（SP）などで、画像に動きを付けることで、ユーザの目を引くことができます。 例えば、最近、目にすることがあったのが、下記のようなアニメーションです。 今回は、写真や […]
SWELL（スウェル）の記事スライダーに固定ページを追加する方法
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）には、トップページで人気記事や新着記事などをスライドさせる「記事スライダー」という機能があります。 出典：SWELL DEMO2 しかし、記事スライダーで表 […]
コピペで使える！CSSだけで画像をスムーズに回転させる方法
- 更新日：
- 公開日：
ホームページやランディングページ（LP）、セールスページ（SP）などで、画像に動きを付けることで、ユーザの目を引くことができます。 例えば、最近、目にすることがあったのが、下記のようなアニメーションです。 2025年遂に […]
ワードプレスで自動付与される“noreferrer”を削除する方法
- 公開日：
ワードプレス（WordPress）では、target=”_blank”を設定すると、デフォルトで rel=”noopener noreferrer” が自動的に付与されます […]
引越し侍をアフィリエイトする事ができるASPは？
- 公開日：
「引越し侍（ひっこしざむらい）」は、株式会社エイチームライフデザインが運営する引越し一括見積もりサービスです。 全国の引越し業者と提携しており、ユーザーは自身の引越し条件を入力するだけで、複数の業者から見積もりを取得し、 […]
SWELL（スウェル）の基本スタイル、CSSのクラス一覧
- 更新日：
- 公開日：
SWELL（スウェル）は、ブロックエディタ（Gutenberg）に完全対応したワードプレス（WordPress）テーマです。 その為、基本的に余白調整や装飾は、ブロックエディタでできるのですが、SWELLにはないパーツを […]