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

WebpPhotoshopでWebP形式で画像を保存する方法について

今まで気付かなかったのですが、Photoshopのバージョン23.2から、プラグインの「WebPShop」を使わなくても、WebP（ウェッピー）形式がネイティブで開くことができるようになっていました。 定期的に知識をアッ …

2024/09/30 16:44

ワードプレスから送信されるメールがSPF認証に通らない理由と解決策

前回、ワードプレス（WordPress）の問い合わせフォームから、自動返信されるメールのSPF認証が通らない（PASSしない）ということを書きました。 直接ドメインのWEBメールや、そのドメインを使用してGmailから送 …

2024/09/27 23:52

ワードプレスで自動返信メールが届かない原因と解決方法

今回は、THOR（トール）のお問い合わせ機能や、プラグインのContact Form 7（コンタクトフォーム）などの自動返信メールや確認メールが届かないといったトラブルを中心に解説したいと思います。 この記事の目次 自動 …

2024/09/26 23:22

THOR（トール）のアイキャッチを一部のページのみ非表示にする方法

使用している人が非常に多い、ワードプレステーマ（WordPress）のTHE THOR(ザトール)。 THOR（トール）では、カスタマイズの全体設定から、アイキャッチの表示・非表示の一括設定はできるのですが、ページごとに …

2024/09/25 15:47

Photoshopで簡単！効果的な集中線の作り方を徹底解説

Photoshopを使って、集中線を作る方法は、多くの方が説明されていることもあって、画像生成AIを使った方法を説明しましたが、 グーグルアドセンスのデータを見ると、 「求めているのはこれじゃない！」 と、閉じられてしま …

2024/09/23 23:49

ワードプレスの固定ページでも抜粋を使えるようにする方法

抜粋とは、ブログ記事の要約としてアーカイブページや検索結果、関連コンテンツのリンクなどに表示される文章です。 これは、投稿ページにある機能ですが、デフォルトでOFF（オフ）になっていることも多いので、ご存じない方もいらっ …

2024/09/21 22:51

仕事効率アップ！汚れたキーボードを徹底クリーニングするアイテム

愛用して使っているキーボードのリアルフォース（REALFORCE）ですが、何となく、キーボードが引っ掛かるような気がしたので、キーキャップを専用工具で外してみました。 キーボードを分解して清掃したのは約2年前･･･。 そ …

2024/09/20 22:18

Google Adsenceの代わりにおすすめ！adstirの広告の貼り方について

Google Adsence広告の代わりとして、注目を浴びているサービスが「adstir（アドステア）」です。 今回は、adstirのサイト審査に合格したので、adstirでの広告を掲載する手順について説明します。 なお …

2024/09/19 08:59

「YouTube Lite Embed」を使ってパフォーマンスを改善してみた

PageSpeed Insightsとは、Googleが提供する無料のウェブパフォーマンス分析ツールです。 【公式】PageSpeed Insightsを確認する 今回、パフォーマンスの低下は、埋め込まれているYouTu …

2024/09/16 23:33

サイトの右クリックとコピーを無効化するJavaScript

「自分が書いた記事をパクられてしまった！」といった経験をお持ちの方もいるかもしれません。 Google検索は、コピーコンテンツだとしても、検索エンジンに先にインデックスされた方が、オリジナルのコンテンツだと見なされる傾向 …

2024/09/15 21:47

海外出張の必需品！VPNで世界中どこでも安心のネット接続を実現

1年ぐらい前、海外へ長期出張中の上司から、 上司 現金が必要になったから、楽天銀行から別の口座にお金を移したいのだけど、ログインができない。申し訳ないけど、お金を立替えてくれないか？ と、国際電話が掛かってきたことがあり …

2024/09/14 16:36

画像の印象が変わる！画像の角丸・斜め・影の斜線のCSSデザイン3選

埋め込む画像をちょっとアレンジしたい、アクセントを加えたいといったことがあるかと思います。 その為、ブログなどに埋め込んだりする画像をちょっとお洒落な感じに見せるCSSを3つ作ってみました。 この記事の目次 角丸・画像を …

2024/09/11 22:32

Google Adsenceに代わる広告配信サービス「adstir」に登録してみた

ブログを開設したら、まず最初に導入したいと思うのが、「Google Adsence（グーグルアドセンス）」ではないでしょうか？ しかし、Googleアドセンスは年々厳しくなっているため、合格するのが難しいですよね。 自分 …

2024/09/10 21:43

CTAなどに最適！ボタンの周りを光の輪が回るボタンデザイン

gigazineさんの記事に影響を受け、「ボタンの周りを光が回転するCSS」を作成してみました。 参考：CSSの「@property」を活用しておしゃれなボタンを作る方法をエキスパートが解説 そして、作成したボタンが下記 …

2024/09/09 12:02

Bingの検索結果が地球マークなのでファビコンの定義を追加してみた

※ワードプレステーマは「賢威」を使用している為、賢威をベースに説明していますが他のテーマでも応用は可能です。 Googleの検索結果には、定義したファビコンが表示されるのですが、何故か、Bingの検索結果は地球マーク（地 …

2024/09/06 20:55

Google検索に対してサイト名を指定してみた

通常、Googleの検索結果の記事タイトルの上に表示されるのは、ドメイン名です。 しかし、会社名やブランド名などが表示されているサイトも存在します。 これは、Googleに対して、サイト名を指定する設定をしているからだと …

2024/09/05 22:55

スマホでも見やすい！商品を比較するテーブルデザインのCSS

2つの商品を要素ごとに比較したい時があると思います。 その際に使用するテーブルを作成してみました。 ストリーミングサービスの比較 コンテンツの種類 オリジナル作品が充実 映画、ドラマ、アニメ、ドキュメンタリーなど多岐にわ …

2024/09/04 22:51

エラーの原因を追及！ワードプレスのデバッグ方法

前回、ワードプレステーマにあるデザイン着せ替え機能を使用しようとしたら、「File type is not allowed」というエラーが表示されて困ったという記事をアップしました。 会社員時代は、エンジニアさんと一緒に …

2024/09/02 14:38

着せ替え機能で使われるCustomizer Export/Importのエラー解決法

今回、THE THOR(ザトール)で、デザイン着せ替え機能を使ったところ、 「File type is not allowed」というエラーが表示されました。 解決するのに手間取りましたが、一応、解決できたので備忘録とし …

2024/09/01 14:19