初心者がWordPressと生成AIを初めて使ってみた、つまづき体験談ブログ

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

これまでに学んだ「構造・デザイン・スマホ対応」の知識をすべて使って、実際に1枚の自己紹介ページを完成させましょう。WordPressの「カスタムHTML」ブロックに貼り付けるだけで使えるコードを用意しました。1. 完成イメージのコード以下の...

ここまでは自分のパソコンの中で練習してきましたが、いよいよ本番です。 「WordPressを使っているけれど、ここだけ少しデザインを変えたい！」という時に、今回の知識がどう役立つかを解説します。1. 「カスタムHTML」ブロックを活用するW...

今の時代、Webサイトを見る人の多くはスマートフォンを使っています。 パソコンで作ったサイトをそのままスマホで見ると、文字が小さすぎたり、横にはみ出したりして読みづらいことがあります。そこで必要なのが、画面サイズに合わせてデザインが自動で変...

HTMLで骨組みを作り、CSSで色をつけたら、次は「画像」と「リンク」です。 これらを追加するだけで、見た目は一気にプロっぽくなります。今回もコピペで試せるコード付きで解説します。1. 画像を表示させる：imgタグWebサイトに写真やイラス...

前回の記事で、HTMLという「骨組み」を作りましたね。でも、今のままだと白黒で少し寂しい……。そこで今回は、CSS（シーエスエス）を使って、Webページにお化粧をしていきましょう！1. CSSはどうやって書くの？CSSの書き方には、実は「型...

前回の記事で、HTMLは「家の骨組み」だとお伝えしました。 今回は、実際にその骨組みを1つ組み立てて、自分のブラウザに表示させてみましょう。特別なソフトは不要。パソコンさえあれば今すぐできます！ステップ1：メモ帳（テキストエディタ）を開こう...

Webサイトを作ってみたいと思ったら、まず最初に出会うのがHTML（エイチティーエムエル）とCSS（シーエスエス）という言葉です。「プログラミング言語？」「難しそう……」と身構える必要はありません。この2つは、Webサイトという「家」を建て...

Webサイトを作ってみたいけれど、何から始めたらいいかわからない。そんな初心者のためのロードマップをまとめました。この記事では、全7回のレッスンを通して、知識ゼロから自分で自己紹介ページが作れるようになるまでのステップを紹介します。第1回：...

「CSSを勉強し始めたけど、似たような言葉が多くて混乱する…」 「なんとなく書いているけど、実はよくわかっていない」そんな悩みを持っていませんか？ この記事では、CSSの基本用語を「料理」に例えてスッキリ整理し、最終的には「マウスを乗せると...

Jetpack Statsで「アメリカからのアクセスが多い」現象の正体WordPressを触り始めると、いきなり本番ドメインで試すのは少し怖い、という人は多いと思います。そのため今回は、練習用ドメイン：xs068000.xsrv.jp本番用...

ブロックエディターだけで運用してきた人が、なぜ「移行地獄」の正体に気づくのか結論から言うとこれまでブロックエディターだけを使って記事を書いてきた場合、個別記事をエクスポートして移行する作業は、ほとんどのケースで不要です。それにもかかわらず、...

shut down / shutdown とサムネイル表記の落とし穴はじめに技術ブログを書いていると、日本語では当たり前に使っている言葉を、英語でどう書くべきか迷う瞬間があります。その代表例が「シャットダウン」です。画像生成AIで作られた英...

1. はじめに：設定だけでは限界がある理由前回の記事では「表示オプション」で項目を減らす方法をご紹介しました。しかし、運営スタイルによっては「カテゴリーも、タグも、SEOスコアも、PV数も、全部一覧でパッと見たい！」という場合もあるはずです...

1. はじめに：なぜタイトルの列が「1文字ずつ」になるのか？WordPressで記事が増えてくると、必ずと言っていいほど直面するのが「投稿一覧画面の視認性悪化」です。 特にCocoonなどの高機能テーマや、SEOプラグイン（SEO SIMP...

切り分けを進めた結果、あるプラグインを有効化した瞬間に不具合が再現 しました。そのプラグインが「Responsive Lightbox & Gallery」 です。発生していた症状管理画面左メニューが極端に細くなる折りたたみボタンを押しても...

WordPressの管理画面を開いたら、左のダッシュボードメニューが異様に細いまま戻らない。マウスを乗せると展開するが、クリックしても元の幅に戻らない。結論から言うと、これはWordPressの仕様と不具合が絡んだ現象 です。今回は、Wor...

クリップスタジオペイント（通称クリスタ）を使っていて、最初に多くの人が感じるのが「画面、暗くない？」という違和感です。特に昼間の明るい部屋や、長時間作業していると、ダーク基調のUIは目に地味にダメージを与えてきます。これは気のせいではありま...

WordPressでブログを作り始めると、ほぼ必ず気になるのが「PV（ページビュー）」だ。特に記事数が少ない時期は、PVが0だったり、突然1〜2増えたり、たまに10や20になることもある。ここで多くの人が一度は思う。「これ、自分で見た分じゃ...

はじめに最近、CLIP STUDIO PAINT（以下クリスタ）のスマホ版EXについて調べていました。理由は単純で、**LT変換をスマホでも快適に使えるなら、それで完結できるのでは？**と思ったからです。結論から言うと、最終的に私は CLI...

ノートPCを使っていると当たり前のようにできることがある。Windows画面右下のクイックメニューから、スライダーで画面の明るさを変える操作だ。ところがデスクトップPC＋外部モニター構成になると、この機能は突然消える。さらにリモートデスクト...

はじめにWordPressでブログを運営していると、必ず悩むのが「カテゴリーとタグ、どう設計するか？」という問題です。特にAI関連の記事を書き始めると、AIAI画像生成AIテキスト生成と、細かく分けたくなる誘惑にかられます。ですが結論から言...

はじめにStable Diffusionをローカル環境で使ってブログ用の挿し絵を作ろうとすると、何枚生成しても安定しないオンライン版みたいな「無難で使いやすい絵」にならないそもそも商用利用して大丈夫なのか不安こうした壁にぶつかる人が非常に多...

(ローカル版のStableDiffusionで100枚一気に画像生成しました。使用したAIモデルはAnythingXL_v50.safetensors プロンプト文は下記参照)はじめにWordPressでブログを書いていると、本文と同じくら...

（StableDiffusionオンラインにて生成。「あもる調」ではなく、「である調」ですね😅）ブログ記事をChatGPTに作ってもらっていると、「です・ます調」と「である調」が混在してしまうことがあります。実際、後から読み返すと統一感がな...

WordPressでブログやサイトを作っていると、ほぼ全員が一度は悩む。「このテーマで本当にいいのか？」という問いだ。結論から言うと、WordPressのテーマはあとから変更できる。これは事実。ただし、使い方次第で“楽な着替え”にも“地獄の...

WordPressを一から始めるとき、多くの人が最初に悩みます。「テーマ、どれを選べばいいの？」見た目が良いもの、人気があるもの、多機能そうなもの。候補はいくらでもあります。でも正直に言うと、テーマ選びで失敗すると、その後のWordPres...

WordPress の高速化について調べていると、Jetpack や Cloudflare、jQuery CDN など「CDN（Content Delivery Network）」という言葉が必ず登場します。本記事では、CDN がどんな仕組...

テーマの「高速化設定」をいじる前に知っておくべきポイントWordPress の高速化は検索順位にも読者の離脱率にも関わる重要な要素です。しかし、テーマ側の高速化設定を触るとき、多くの初心者が「やらないほうがよかった…」という落とし穴にハマり...

WordPressで投稿ページのテンプレートをカスタマイズするとき、多くのテーマでは「子テーマに single.php をコピーして編集する」方法が一般的です。ところが、Lightning（特に G3 版）の場合、この方法がそのまま通用しま...

WordPressで記事を書いていると、「カテゴリー」と「タグ」という2つの分類項目が出てきます。どちらも記事の整理に役立ちますが、役割が少し異なります。ここでは、その違いと、実際にどう使えばわかりやすいブログになるのかを整理します。カテゴ...

（Localというアプリ名と、一般的なローカル環境の違いも整理します）WordPress を始めたばかりの人にとって、一番ややこしいポイントが「Local（アプリ名）」と「ローカル環境（あなたのPCの中で動く開発環境）」の違いです。言葉が似...

WordPressでブログを始めたとき、最初に戸惑ったのが「プライバシーポリシー」というページでした。英語で長い文章がずらっと並んでいて、「これ、何？」「自分で書かないとダメなの？」と正直わけが分からなかったんです。調べてみると、プライバシ...

WordPressで固定ページを「非公開」に設定したのに、URLを開くとまだページが表示されている──。この現象はとてもよくある誤解で、実はWordPressの仕組み上は正常な動作です。◆ 管理者には非公開ページも見えるWordPressで...

WordPressを使っていると、コメント欄やお問い合わせフォームにスパムが混ざることがあります。気づいたときには、英語の怪しいコメントやリンクがずらっと並んでいて、削除するのも一苦労。そこで今回は、代表的なスパム対策プラグインをいくつか調...

WordPressのローカル開発環境「Local」で、Xserverの本番サイトからエクスポートしたデータをインポートしようとしたら、「Import failed (500): Internal Server Error」というエラーが出て...

いま、図書館で借りている『できるWordPress 本格ホームページが簡単に作れる本』（インプレス）を中心に、WordPressの勉強を進めています。章ごとに丁寧に構成されていて、初心者でも流れをつかみやすい内容です。これまでに第4章まで読...

オンラインの画像生成AIの無料利用枠で、ブログ用のイラストを作ってみた代表的な画像生成AIのひとつで、Stable Diffusion（ステーブルディフュージョン）の公式サイトを利用してみた。( )新規アカウントをサインアップし、無料の利用...

はじめてローカル環境で作ったWordPressサイトを、本番サーバーに移行しました。ローカルでは問題なく動いていたのに、本番URLを開くと──403 Forbiddenアクセスしようとしたページは表示できませんでした。のメッセージが。データ...

今日は、初めてWordPressを触ってみました。これまでは「難しそう」というイメージがありましたが、Local というツールを使うと、あっという間に自分のPCにWordPressの環境を作ることができました。ログインすると、管理画面から記...