テクノロジーで人生アップグレード

SWELLでリンクテキストにマウスオーバーしたときに色を変える方法

ワードプレス（WordPress）テーマのSWELL（スウェル）で、普通にリンクテキストを作成した場合、カーソルがマウスオーバーしても何も変わりありません。 そのため、SWELL（スウェル）には、「カスタム書式」という他 …

2025/03/31 09:05

WEBサイトの文章がコピーされたときに出典元を追加する方法

自分のWEBサイトの文章が、他の場所にコピーされたときに、 「出典：〇〇（リンク）」といった形で自動的に記載されると便利だと思いませんか？ そこで今回は、WEBサイトの文章がコピーされたときに、出典元の情報（URLとタイ …

2025/03/29 22:57

kikito（キキト）をアフィリエイトできるASPは？

「kikito（キキト）」は、NTTドコモが提供する家電レンタル・サブスクリプションサービスです。 ​最新の家電やデバイスを購入前に気軽に試したり、必要な期間だけ利用したりすることができます。 そんな「kikito」をア …

2025/03/28 22:38

ワードプレスのトラブルの際はブロックエディター対応かを疑え！

現在、ワードプレス（WordPress）のトラブルに関する無料相談をおこなっていることもあり、トラブルに関するお問い合わせをいただく機会があります。 その中で気になったのが、「使用されているテーマがブロックエディター対応 …

2025/03/27 12:14

配送状況やステップなどを視覚化するプログレスバーを作ってみた

Amazonやヤマト運輸などで配送状況や、現在の状況などを表わすのに下記のようなプログレスバーがよく利用されています。 今回は、下記のような進捗状況を確認できるプログレスバーをCSSで作ってみました。 注文済み 発送済み …

2025/03/26 17:26

日本語入力システム「ATOK（エイトック）」でよく使う機能の備忘録

現在、日本語入力ソフトは、株式会社ジャストシステムの「ATOK（エイトック）」を愛用しています。 以前は、Google日本語入力を使っていましたが、変換が遅くなったりするのと、仕事では使わないような単語が表示されるのが煩 …

2025/03/25 16:17

UPDF PDFエディター レビュー – 個人およびビジネス向けの高度なPDFソフトウェア

リモートワークの急増に伴い、PDFは個人およびビジネスの両方において重要な役割を果たすようになりました。 チームでの共同作業やグローバルチームとの連携において、PDFの編集や管理は決して簡単な作業ではありません。 そこで …

2025/03/24 09:01

賢威のマーカー表示（蛍光マーカー）をカスタマイズしてみた

WEBサイトでは、文章を目立たせるために、背景にマーカーを引く装飾がされることがよくあります。 ワードプレス（WordPress）テーマの賢威（けんい）にも、マーカーで文字を装飾する機能があります。 ただ、賢威のデフォル …

2025/03/22 22:57

msn（マイクロソフトニュース）で見たくない記事をブロックする方法

WEBサイトのブラウザ間の差異をチェックするため、Edge（エッジ）を使う事がありますが、その際にmsn（マイクロソフトニュース）がトップページに表示されるようにしています。 その際に、目にしたくないメディアの記事が表示 …

2025/03/21 15:29

SWELL（スウェル）のリッチカラム全体に背景を設定する方法

ワードプレス（WordPress）テーマのSWELL（スウェル）には、リッチカラムというパソコンやスマホで見た時に、デザインがレスポンシブ対応になる機能があります。 しかし、このリッチカラム機能は、リッチカラム全体に対し …

2025/03/19 21:08

php.iniのupload_max_filesizeディレクティブを越えていますの解決法

さくらインターネットのレンタルサーバーに、ワードプレス（WordPress）テーマのSWELL（スウェル）をインストールしようとしたところ、 アップロードされたファイルが php.ini の upload_max_fil …

2025/03/18 23:14

商品分析などに使うマトリクス（ポジショニングマップ）のCSS

市場におけるポジション（立ち位置）を示すのに、マトリクス表を利用すると便利です。 例えば、下記のような表です。 高機能 シンプル 価格安い 価格高い ★賢威 ★SWELL ★THOR このような2軸で可視化するマトリクス …

2025/03/17 15:08

【2025年】Google アナリティクス4（GA4）の登録方法

Googleアナリティクス4（GA4）は、Googleが提供するアクセス解析ツールで、従来のユニバーサル アナリティクス（UA）の後継バージョンです。 GA4を使うことで、ウェブサイトやアプリのユーザー行動を詳細に分析す …

2025/03/15 20:34

クリック率を上げる！CSSでバウンドしながら動く矢印の実装方法

最近はあまり見ませんが、CTA（Call To Action）のボタンの上に動きのある矢印のアニメーションが使われていることがあります。 例えば、下記のような矢印アニメーションです。 今回は、このような矢印の画像をバウン …

2025/03/14 14:46

このサイトがChatGPTの参照元として利用されているのか調べてみた

ChatGPTで検索すると、URLに参照元情報が含まれることがあります。 たとえば、リンクをクリックすると、 ?utm_source=chatgpt.com といったクエリパラメータが付加されています（utm_sourc …

2025/03/13 22:31

画像が揺れると印象が変わる？視線を集めるCSSアニメーション

ホームページやランディングページ（LP）、セールスページ（SP）などで、画像に動きを付けることで、ユーザの目を引くことができます。 例えば、最近、目にすることがあったのが、下記のようなアニメーションです。 今回は、写真や …

2025/03/12 10:38

SWELL（スウェル）の記事スライダーに固定ページを追加する方法

ワードプレス（WordPress）テーマのSWELL（スウェル）には、トップページで人気記事や新着記事などをスライドさせる「記事スライダー」という機能があります。 出典：SWELL DEMO2 しかし、記事スライダーで表 …

2025/03/11 08:59

コピペで使える！CSSだけで画像をスムーズに回転させる方法

ホームページやランディングページ（LP）、セールスページ（SP）などで、画像に動きを付けることで、ユーザの目を引くことができます。 例えば、最近、目にすることがあったのが、下記のようなアニメーションです。 2025年遂に …

2025/03/09 16:06

ワードプレスで自動付与される“noreferrer”を削除する方法

ワードプレス（WordPress）では、target=”_blank”を設定すると、デフォルトで rel=”noopener noreferrer” が自動的に付与されます …

2025/03/07 18:39

引越し侍をアフィリエイトする事ができるASPは？

「引越し侍（ひっこしざむらい）」は、株式会社エイチームライフデザインが運営する引越し一括見積もりサービスです。 全国の引越し業者と提携しており、ユーザーは自身の引越し条件を入力するだけで、複数の業者から見積もりを取得し、 …

2025/03/06 11:24

SWELL（スウェル）の基本スタイル、CSSのクラス一覧

SWELL（スウェル）は、ブロックエディタ（Gutenberg）に完全対応したワードプレス（WordPress）テーマです。 その為、基本的に余白調整や装飾は、ブロックエディタでできるのですが、SWELLにはないパーツを …

2025/03/05 15:15

【2025年】Amazonや楽天などの物販系アフィリエイトのCookieの有効期間・紹介料率のまとめ

数年前にアフィリエイトをしていた時は、物販系のアフィリで一番結果がでていたのは“楽天”でした。 しかし、去年から本格的に始めたアフィリエイトでは、楽天だけ思ったような結果がでません･･･。 何故だろう･･･と思って楽天ア …

2025/03/04 14:17

ワードプレス（WordPress）の検索結果から固定ページを除外する方法

ワードプレス（WordPress）で作成したサイトの大きな利点の一つは、検索機能の充実です。 なぜなら、ワードプレスはデータベースと連携しており、通常のHTMLやCSSだけで作成されたサイトでは実現しにくい高度な検索機能 …

2025/03/03 14:12

仮想環境を手軽に構築！Windows Sandboxを有効にする方法と活用例

よくブログ記事などでみかける「●●のダウンロード方法や使い方」という記事。 こうした記事の需要は高く、WEBサイトで集客している人（法人）にとっては、作成しておいて損はないコンテンツ（記事）だと思います。 しかし、自分の …

2025/03/02 15:48