WordPressメモ Geminiのスクロールバーが見えにくい問題を解決する方法【Stylusで個別調整】
はじめに最近のChromeやWebサービスは、スクロールバーがとにかく色が薄い。特に Gemini（GoogleのAIチャット） は背景色と同化して、「どこにスクロールバーがあるのか分からない」という状態になりがちです。Windows側の設...
2026-02
WordPressメモ 
WordPressメモ ⑦【集大成】HTMLとCSSだけで作る！おしゃれな自己紹介ページ制作
これまでに学んだ「構造・デザイン・スマホ対応」の知識をすべて使って、実際に1枚の自己紹介ページを完成させましょう。WordPressの「カスタムHTML」ブロックに貼り付けるだけで使えるコードを用意しました。1. 完成イメージのコード以下の...
WordPressメモ ⑥【WordPress実践編】覚えたHTMLとCSSを実際のサイトで使ってみよう！
ここまでは自分のパソコンの中で練習してきましたが、いよいよ本番です。 「WordPressを使っているけれど、ここだけ少しデザインを変えたい！」という時に、今回の知識がどう役立つかを解説します。1. 「カスタムHTML」ブロックを活用するW...
WordPressメモ ⑤【レスポンシブ編】スマホで見ても綺麗なサイトを作ろう！
今の時代、Webサイトを見る人の多くはスマートフォンを使っています。 パソコンで作ったサイトをそのままスマホで見ると、文字が小さすぎたり、横にはみ出したりして読みづらいことがあります。そこで必要なのが、画面サイズに合わせてデザインが自動で変...
WordPressメモ ④【応用編】画像とリンクを追加して、一気にWebサイトらしくしよう！
HTMLで骨組みを作り、CSSで色をつけたら、次は「画像」と「リンク」です。 これらを追加するだけで、見た目は一気にプロっぽくなります。今回もコピペで試せるコード付きで解説します。1. 画像を表示させる：imgタグWebサイトに写真やイラス...
WordPressメモ ③【デザイン編】CSSで魔法をかけよう！文字に色をつけたりサイズを変える方法
前回の記事で、HTMLという「骨組み」を作りましたね。でも、今のままだと白黒で少し寂しい……。そこで今回は、CSS（シーエスエス）を使って、Webページにお化粧をしていきましょう！1. CSSはどうやって書くの？CSSの書き方には、実は「型...
WordPressメモ ②【実践編】5分でできる！初めてのHTML作成体験
前回の記事で、HTMLは「家の骨組み」だとお伝えしました。 今回は、実際にその骨組みを1つ組み立てて、自分のブラウザに表示させてみましょう。特別なソフトは不要。パソコンさえあれば今すぐできます！ステップ1：メモ帳（テキストエディタ）を開こう...
WordPressメモ ①【超入門】HTMLとCSSって何？家造りに例えて仕組みを理解しよう！
Webサイトを作ってみたいと思ったら、まず最初に出会うのがHTML（エイチティーエムエル）とCSS（シーエスエス）という言葉です。「プログラミング言語？」「難しそう……」と身構える必要はありません。この2つは、Webサイトという「家」を建て...
WordPressメモ 【保存版】ゼロから始めるWeb制作！HTMLとCSSの基本マスターコース
Webサイトを作ってみたいけれど、何から始めたらいいかわからない。そんな初心者のためのロードマップをまとめました。この記事では、全7回のレッスンを通して、知識ゼロから自分で自己紹介ページが作れるようになるまでのステップを紹介します。第1回：...
WordPressメモ 【図解】CSSの「わからない」を卒業！タグ・要素・セレクターの違いから魔法のレイアウトFlexboxまで完全攻略
「CSSを勉強し始めたけど、似たような言葉が多くて混乱する…」 「なんとなく書いているけど、実はよくわかっていない」そんな悩みを持っていませんか？ この記事では、CSSの基本用語を「料理」に例えてスッキリ整理し、最終的には「マウスを乗せると...
WordPressメモ Jetpack Statsでアメリカからのアクセスが多く見える理由
Jetpack Statsで「アメリカからのアクセスが多い」現象の正体WordPressを触り始めると、いきなり本番ドメインで試すのは少し怖い、という人は多いと思います。そのため今回は、練習用ドメイン：xs068000.xsrv.jp本番用...
WordPressメモ WordPressはなぜ「移行が必要だ」と誤解されやすいのか
ブロックエディターだけで運用してきた人が、なぜ「移行地獄」の正体に気づくのか結論から言うとこれまでブロックエディターだけを使って記事を書いてきた場合、個別記事をエクスポートして移行する作業は、ほとんどのケースで不要です。それにもかかわらず、...
WordPressメモ IT用語の「シャットダウン」は英語でどう書く？
shut down / shutdown とサムネイル表記の落とし穴はじめに技術ブログを書いていると、日本語では当たり前に使っている言葉を、英語でどう書くべきか迷う瞬間があります。その代表例が「シャットダウン」です。画像生成AIで作られた英...
ブログ記事 Windows 11のログイン画面に出るニュースを消したいあなたへ
Windows 11を起動した瞬間、「今日の豆知識」「この写真はどこでしょう？」「さあクリックして調べよう」――そんな余計なおしゃべりが表示されて、うんざりした経験はありませんか。あれは故障でもウイルスでもなく、Windowsの標準機能です...
WordPressメモ ②【中級編】WordPress管理画面の列幅をカスタマイズ！タイトルの「潰れ」をCSSで強制解決する方法
1. はじめに：設定だけでは限界がある理由前回の記事では「表示オプション」で項目を減らす方法をご紹介しました。しかし、運営スタイルによっては「カテゴリーも、タグも、SEOスコアも、PV数も、全部一覧でパッと見たい！」という場合もあるはずです...
WordPressメモ ①【初級編】WordPress管理画面の「投稿一覧」が狭い！カラムを整理してタイトルを見やすくする方法
1. はじめに：なぜタイトルの列が「1文字ずつ」になるのか？WordPressで記事が増えてくると、必ずと言っていいほど直面するのが「投稿一覧画面の視認性悪化」です。 特にCocoonなどの高機能テーマや、SEOプラグイン（SEO SIMP...
WordPressメモ ②「Responsive Lightbox & Gallery」で管理画面のメニューバーが壊れる原因と対処法【WordPress 6.9.1】
切り分けを進めた結果、あるプラグインを有効化した瞬間に不具合が再現 しました。そのプラグインが「Responsive Lightbox & Gallery」 です。発生していた症状管理画面左メニューが極端に細くなる折りたたみボタンを押しても...
WordPressメモ ①WordPress管理画面のメニューバーが細くなって戻らない原因と切り分け手順【6.9.1対応】
WordPressの管理画面を開いたら、左のダッシュボードメニューが異様に細いまま戻らない。マウスを乗せると展開するが、クリックしても元の幅に戻らない。結論から言うと、これはWordPressの仕様と不具合が絡んだ現象 です。今回は、Wor...