2026-02

WordPressメモ

Geminiのスクロールバーが見えにくい問題を解決する方法【Stylusで個別調整】

はじめに最近のChromeやWebサービスは、スクロールバーがとにかく色が薄い。特に Gemini(GoogleのAIチャット) は背景色と同化して、「どこにスクロールバーがあるのか分からない」という状態になりがちです。Windows側の設...
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...
PAGE TOP