整体院や美容院、リサイクルショップなど、店舗運営をされている方は、チラシ配布やポケットティッシュ、SNS広告など、色々な方法で集客をしていると思います。 だけど、どの施策から来たお客さんなのかがかわからないと、効率的な集 …
テンプレートファイルを挿入する（外部ファイルを読み込む）Javascript
HTMLとCSSをメインとしてサイトを作っている場合、グローバルメニュー（orサイドメニュー）やプロフィールなど、全ページに同じような記述をしなければなりません。 例えば、下記はグローバルメニュー（サイドメニュー）が、そ …
賢威のテーブルは、予め用意された<div class=”table-scroll”></div>で括って、widthを固定値にすることで、スマホで見た時にスクロールされるようになります。 ただ、固 …
PCが重い･不調？CrystalDiskInfoでドライブの健康状態を確認しよう
パソコンの動作が以前より遅く感じたり、ファイルの読み込みに時間がかかるようになったりしたことはありませんか？ 特に、長年使っているパソコンでは、こうした問題が頻繁に起こることがあります。 これらの症状は、ハードディスクド …
5年振りに運転免許証更新の案内がきました。 そこで、免許更新が完全予約制になっていることを初めて知りました。 なお、予約方法は、インターネットと電話予約（※通話料が自己負担）の2つです。 キャンセルや日程変更もできるので …
Contact Form 7にGoogle reCAPTCHA v3を設定する方法
問い合わせフォームや、予約フォームの作成などによく使われるプラグインの「Contact Form 7」。 自動返信メールを設定すると、「1件の設定エラーを検出しました」と表示されるようになりました。 デフォルト設定だと、 …
「Contact Form 7」のデザインと問い合わせフォームを改善してみた
ワードプレスのお問い合わせフォームと言えば、「Contact Form 7（コンタクトフォーム7）」のプラグインが有名ですね。 しかし、デフォルトのままだと、このようなパッとしないフォームになります。 ※お使いのプラグイ …
2024年7月19日、世界中でWindowsがダウンしたのはご存じの通りです。 しかも、アプリが自動でバージョンアップをすると、ブルースクリーンが表示されるという非常に対処が難しい障害でした。 今後、そういった事が起こる …
ブルースクリーン対策！Windowsの回復ドライブの作成手順
2024年7月19日、世界中でWindowsに障害が発生したことはご存じかと思います。 特に、アプリの自動アップデートによってブルースクリーンが表示されるという、対処が難しい障害に戦慄した人もいたのではないでしょうか？ …
雷や停電からパソコンを守る！無停電電源装置（USP）の選び方
ピカッ、ゴロゴロ！ バツン！ 最近、毎日のようにゲリラ豪雨が発生しています。 一昨日、自宅でも雷の影響による数秒間の停電がありました。 しかし、無停電電源装置（UPS）を導入していた為、パソコンの電源が落ちることはありま …
定休日などをカレンダー表示してくれるプラグインとして有名な「biz calender」。 しかし、プラグインを有効化しようとすると、「重大なエラーを引き起こしたため、プラグインを有効化できませんでした」と表示されました。 …
ワードプレスの管理画面にログイン出来ない時にプラグインを無効化する方法
ワードプレスの管理画面にログインしようとしたら、 「このサイトで重大なエラーが発生しました。対応手順については、サイト管理者のメール受信ボックスを確認してください。」 といった表示がでて、驚いた経験はありますでしょうか？ …
Photoshopの切り抜きツールを使ったら画像サイズが変わった？！
このように、画像サイズを切り抜いたら、画像が勝手に大きく（小さく）表示されることがあります。 色々と理由は考えられますが、その多くはスマートオブジェクトが原因です。 スマートオブジェクトについて Photoshopで非破 …
遠近感のあるボタンをCSSで作りましたが、思った以上に大変だったので備忘録として･･･。 このような立体感（遠近感）のあるボタンは、画像を使った方が楽のような気がします。 完成形のボタンはこちら！ お申し込みはこちら こ …
Amazon（アマゾン）で商品を検索して、商品のリンクを友だちや知り合いにメールで送ることがあると思います。 その時に、Amazonのリンク（URL）が下記のように長くなってしまうことがあります。 そんなときは、Amaz …
ネットニュースで、蓮舫さんがTBSの「アッコにおまかせ！」に対して、怒っていることを知りました。 選挙が終わって訂正。 そもそも、放送内容は台本に書かれ、局アナのコメントも原稿がある。 それを誰もチェックできずに「嘘」を …
簡易的な会員サイトや購入者向けページなど、パスワードでアクセス制限をかけたい事があると思います。 ページごとにパスワードをかける機能は、ワードプレスの基本機能に用意されていますが、サイト全体となるとプラグインを使う必要が …
グローバルメニューとサイドメニューに現在地を表示するJavaScript
グローバルメニューやサイドメニュー、またはフッターメニューなど、現在地を表示するのに、文字色や背景色を変える動作をWEBサイトでよく見かけます。 下記の画像のようなサイトです。 今回、グローバルメニューとサイドメニューに …
記事にパスワードの設定方法とパスワード認証ページのカスタマイズ
ワードプレスの基本機能として、特定の記事にパスワードをかける事ができます。 その為、このようなページをご覧になった方もいらっしゃるかと思います。 基本的に、このパスワードをかけた時に表示される内容は、管理画面から修正する …
WEBサイトを作成する時など、一旦、適当な画像を設定しておき、あとで画像を作成するといった事があるかと思います。 例えば、下記のような感じの画像をはめておき、あとで画像を作成する感じです。 今回は、自分がよく利用する「ダ …
Maps JavaScript APIの解除とpolyfill.ioスクリプトの確認
久し振りに、各種サービス等に登録しているメールボックスを開いたら、Google Cloudから、 「Advisory Notifications からの新しい通知」 という件名でメールが2件届いていました。 メールに書か …
「Intuitive Custom Post Order」で並べ替えができない時の解決法
投稿ページの並べ替えをしたかったので、固定ページやカテゴリー、投稿ページなどの並び替えができるプラグインをインストールしました。 しかし、普段だったら変化するマウスカーソルに変化なし。 もちろん、ドラッグ＆ドロップで並び …
今回、紹介するサムネイルが縦に並んだスライダーは、製品ギャラリーやポートフォリオサイト、不動産サイトなどに使えるのではないかと思います。 動作確認は、こちらから可能です。 サムネイル画像が縦に並んだスライダーのデモを確認 …
Windowsでマウスカーソル付きのスクリーンショット撮影方法
通常、Windows上で、スクリーンショットを撮ると、マウスカーソル（マウスポインター）は含まれません。 その為、マウスカーソルを含めたスクリーンショット（スクリーンキャプチャー）を撮るには、拡大鏡の機能を使用したり、色 …
残念ながら、2024年6月時点で、Blueskyのタイムラインを埋め込み機能は、公式からは提供されていません。 ※なお、投稿内容（ポスト）の埋め込み機能は、2024年4月頃に公式機能として実装されました。 その為、ワード …
記事を更新したわけでも、プラグインをインストールしたわけでもないのに、突然、サイトの表示が崩れてしまったという経験はないでしょうか？ こういったトラブルの場合、JavaScriptやCSSなどのテキストファイルの圧縮（ミ …
「デジタルハリウッド（Digital Hollywood）」は、日本にあるデジタルコンテンツ制作の専門スクールで、クリエイティブ分野のスキルを学ぶことができます。 デジタルハリウッドは、1994年に設立され、東京をはじめ …
メールアドレスがダークウェブに流出していないかチェックしてみた
2024年7月3日（火）、角川（KADOKAWA）及びドワンゴが、ハッキングされた個人情報がダークウェブに公開されてしまったことを発表しました。 ニコニコ動画の会員だったこともあり、自分の個人情報が流出しているのか調査し …
Windowsでzipファイルが勝手に解凍されないようにする方法
Windows11で、zipファイルをダウンロードすると、勝手にZipフォルダ（ファイル）が解凍されるようになりました。 最初、7-Zipのアプリを疑ったのですが、原因はブラウザのChome（クローム）でした。 セキュリ …
賢威には、商品情報を紹介（比較）する下記のような基本スタイルが用意されています。 商品比較をする際に、採点表は重要な要素なので、もう少し目立つようにカスタマイズしてみました。 なお、この記事を作成している時点での、ワード …
「ブログリーダー」を活用して、Ny@Tech（にゃテック）さんをフォローしませんか？
整体院や美容院、リサイクルショップなど、店舗運営をされている方は、チラシ配布やポケットティッシュ、SNS広告など、色々な方法で集客をしていると思います。 だけど、どの施策から来たお客さんなのかがかわからないと、効率的な集 …
「U-NEXT（ユーネクスト）」は、日本国内で提供されている大手動画配信サービス（VOD）で、映画、ドラマ、アニメ、電子書籍など多彩なコンテンツを楽しめる総合エンタメプラットフォームです。 U-NEXTの特徴は、約32万 …
ワードプレス（WordPress）でサイトを運営していると、コメント欄に意味不明な書き込みをされたことがある人も多いのではないでしょうか。 ひどくなると、1日に数十件もの書き込みが続いたり、管理画面への総当たり攻撃（ブル …
仕事で画像などを作成しているときは、YouTubeでニュース系の動画を流しながら作業しています。 ところが最近、“ゆっくり解説”や“ずんだもん”系の動画がやたらとおすすめに表示されるようになり、イライラすることが増えてき …
作成したイラストや撮影した写真、もしくは旅ブログなど、「イラストや写真などが一覧表示されるギャラリーのようなページを作りたい」と思った方もいるかもしれません･･･。 ワードプレス（WordPress）には、簡単にギャラリ …
2025年5月末日頃から、Googleサーチコンソール（Google Search Console）の登録済みだったページが減少して、インデックス未登録扱いになる現象が相次いでいます。 このサイトも例外なく、1割程度の記 …
パソコンを起動して数分経過後、次のようなノートン（Norton）のアラート画面が表示されました。 DeepL.exeはIDP.Genericに感染していたため、ブロックしました。 といった内容が表示されて、マウスの動きが …
AIで生成した画像は、販売したり出品することができます。 たとえば、素材提供サイト「ACワークス」では、AIで生成したイラストや写真を投稿して、使用されるたびに報酬を得ることができます。 また少し攻めた分野ですが、「AI …
図解マニュアルなどを作っていると、下記のような省略線（波線）を使いたくなることがあります。 このような省略線（波線）を作って保存しておくことで、資料を作成する際などに使うことができます。 ということで、Photoshop …
近年、インターネットを悪用したサイバー犯罪の手口がますます巧妙化しています。 中でも、「Windowsマーク＋R（ファイル名を指定して実行）」や「PowerShell（パワーシェル）」などの管理者向けツールを利用させる手 …
Photoshopでは、文字にさまざまな効果（レイヤースタイル）を加えることができます。 例えば、金色に輝く「GOLD」の文字や、背景に埋もれないよう白いフチをつけるなど、様々な装飾をすることができます。 でも、「ドロッ …
Webサイトやブログで、「この用語って何？」とユーザーが疑問に思いそうな専門用語や略語を記載しなければいけないこともあると思います。 かといって、その都度注釈や脚注を入れてしまうと、文章の流れが損なわれてしまい読みにくく …
ニュースなどを通してご存じの方も多いと思いますが、2025年2月頃から、証券口座の“乗っ取り”被害が急増しています。 そのため、金融庁が異例の注意喚起をおこなっています。 今回は、こういった被害を未然に防ぐサービス、「N …
ワードプレス（WordPress）テーマのザ・トール（THE THOR）の固定ページには、テンプレートファイルを選べる機能があります。 なお、デフォルトの機能では、 デフォルトテンプレート LP用TPL お問い合わせTP …
このサイトでは、Googleアドセンス（Google Adsence）を使用して広告を表示させていますが、使用しているのは（この記事の執筆時点では）固定サイズです。 しかし、スマホで表示されている広告を確認したところ、何 …
ワードプレス（WordPress）でサイトを作っていると、意味がわかりにくい単語に出会うことがあります。 自分が特に混乱しやすいのが、「カテゴリー」「タグ」「タクソノミー」「ターム」といった、投稿やカスタム投稿タイプに関 …
ホテルやチケットの予約、ネットショッピングなどで、注文した内容をスクリーンショットに残しておく人は多いと思います。 ただ、スマートフォンで予約や注文をした場合だと、1つの画面に収まりきらず、スクリーンショットが分割されて …
ココナラ（coconala）は、自分のスキルや知識を「サービス」として出品・販売できるスキルマーケットです。 「知識・スキル・経験を売り買いできる」日本最大級のプラットフォームとして知られており、副業やフリーランスの収入 …
本日、2025年5月15日（木）に、Amazon Fire HD 10（第11世代）で、動画を見ようと思ったところ、次のような画面が表示されてしまい、アプリを開くことができませんでした。 このアプリはFire OSの旧バ …
ワードプレス（WordPress）には、標準機能としてコメント（ディスカッション）機能が用意されています。 この機能を使えば、サイトの訪問者からコメントを受け取ることができ、コミュニケーションの場として活用できるので、そ …
今更ながら、去年公開されたAdobe社が公開しているCreative Cloudに関する動画を視聴していたところ、Adobe Expressでロゴ画像を作れる事を知りました。 興味があったので、早速、このサイトのロゴ画像 …
賢威には、吹出しを簡単に作ることができる「賢威キャラクター」のプラグインがあります。 しかし、ちょっと会話の行間スペースが少し気になります･･･。 今回は、そんな悩みを解決するCSSです。 ワードプレス環境とプラグインの …
※この記事では、サイト運営者がアダルト広告を表示させない設定について解説しています。 サイト訪問者が、広告をブロックする方法ではないのでご注意ください。 このサイトでは、広告の一部をGoogle AdSense（グーグル …
「Udemy(ユーデミー)」は、世界中で人気のあるオンライン学習プラットフォームで、日本ではベネッセ（Benesse）と提携して運営をしています。 Udemyでは、プログラミングやデザイン、英検・簿記などの資格、ギターや …
賢威8.0の設定では、グローバルメニューの背景色は白（#fff）で、設定から変更することができません。 そんな悩みを解決するCSSです。 なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りです。 …
（賢威7.1のテンプレートの種類によっては違うと思いますが、）賢威8.0ではグローバルメニューの位置は基本的に左寄せになっています。 ということで、グローバルメニューを中央（センター）にするCSSです。 なお、この記事を …
2024年6月8日、人気の動画共有サイト「ニコニコ動画」が大規模なサイバー攻撃を受け、一時的にサービスを停止しました。 2024年6月8日 21時のニュースだと、週末中の復旧は無理とのことで、なかなか厳しい攻撃を受けてい …
賢威の初期設定だと、ヘッダー部分はこのように表示されます。 パソコンで見た場合 スマートフォンで見た場合 今回、サイトタイトルを画像にして中央に寄せて、このようにしてみました。 パソコンで見た場合（修正後） スマートフォ …
以前、クライアントからの依頼を受けて、ステップメールやLINEのステップメッセージの作成をしていた事がありました。 ただ最近は、CartGPTなどのAIが台頭してきたこともあって、依頼されることはなくなりましたが、最盛期 …
ワードプレステーマの賢威では、下記のテンプレートの「ステップ図（フローチャート）」が2つ用意されています。 step-chart_style01のスタイル ステップ1のテキストが入ります。 ステップ2のテキストが入ります …
賢威には、自動でパンくずリストを生成してくれる機能があるのですが、表示されるのは、フッター（footer）部分のみです。 その為、ヘッダー部分にパンくずリストを表示したいといった方もいるかと思います。 そんな悩みを解決す …
賢威には、自動でパンくずリストを生成してくれる機能があります。 確かに、タイトル名が長いとスマホで見た時には2～3行になってしまうので、タイトルは非表示でいいかもしれせんね。 その為、パンくずリスト内のサイト名は非表示に …
昼食を食べた後、眠くなってしまう人は多いのではないのでしょうか？ 自分も、昼ご飯を食べた後、睡魔に襲われることが多いので、食事に関する書籍を3冊購入しました。 その中でも、一番参考になったのがこの書籍です。 この書籍の内 …
このサイトでは、ワードプレスの標準機能の「タグクラウド（Tag Cloud）」を使用して、タグを表示しています。 タグクラウドは、サイト内で使用されているタグを視覚的に表示するためのウィジェットまたは機能で、ウィジェット …
カテゴリーに限らず、作成した投稿ページや固定ページ、タグなどの表示させる順番を変更したいといった事があると思います。 そんな悩みを解決するのが、「Intuitive Custom Post Order」というプラグインで …
マウスカーソルがボタンの上に重なると、ボタンが押されたように凹むボタン。 ボタンが押されたように凹むボタン！ キラッと光るボタン。 キラッと光が走るボタン！ これらのボタンは、CTA（Call To Act …
自分は「フィルタ」や「ガイド」の機能に関するショートカットをよく忘れてしまいます。 その為、Photoshopでよく使うショートカットキーの一覧を作ってみました。 機能 Windows Mac 新規ファイルを作成 【Ct …
ワードプレス（WordPress）を使ったサイトのサイドバー（サイドメニュー）などに使われることが多いタグ機能。 タグ機能は、投稿内容を細かく分類でき、関連性のある記事をグループ化することができ、検索エンジンがサイトの内 …
商品やサービスなどのレビューなどで見かける「お客様の声」。 賢威には、下記のような「お客様の声」がテンプレートとして3つ用意されています。 にゃのらいと ご職業：WEBデザイナー ご購入年：2024年 ここにお客様のご感 …
ワードプレスでは、会話形式の吹出しを作ることができるプラグインが用意されていたり、日本で販売されているテーマの多くは、標準で装備されていることも多いです。 例えば、これらの吹出しデザインは、賢威の標準機能です。 しかし、 …
