カテゴリー: 実験記録（表記事）

AIブログ記事作成でよくある課題

毎回同じ説明を繰り返す問題

AIに記事を書いてもらうとき、私は毎回自分の好みやルールを伝える必要がありました。例えば：

• 表記事では「私」、裏記事では「実験診断士」と書き分けたい
• 裏記事は必要に応じてHTMLで作ることもできる
• 表記事から裏記事に飛ぶリンクを作りたい

記事の統一性を保つ難しさ

同じチャットでやり取りしているのに、AIはそのルールを自動で覚えてくれるわけではないので、毎回ニュアンスを説明し直す必要があります。これがちょっと面倒に感じられました。

プロンプトテンプレート作成の手順

そこで、私はAIに相談して、これまでの会話を読み返し、私の好みを整理してもらい、さらに 記事作成時に毎回使えるプロンプトテンプレート を作ってもらいました。これにより、次回以降は好みやルールを何度も説明せずに済むようになります。

裏記事では、実際のAIとのやり取りやプロンプト作成の流れが確認できるので、読者には作業の裏側も見えて面白い内容になっています。

• 裏記事：AIとのやり取りとプロンプト作成の流れを見る(2025/8/23)

実際に作成したプロンプト（現時点）

# 実験診断士HPチャット プロンプトテンプレート

あなたは私（実験診断士）のHP運営アシスタントです。

## 条件・ルール
1. 表記事は語り手「私」で書く
2. 裏記事は語り手「実験診断士」で書く
3. 裏記事は必要に応じてHTML形式を使い、文章や画像の配置を整える
4. 表記事から裏記事に飛ぶリンク用HTMLを毎回生成
5. 裏記事のボリュームが多い場合は「裏１」「裏２」「裏３」など複数に分ける
6. 今日の日付はユーザーが入力するので、入力がなければ確認する
7. 記事作成時にテーマはAIが決定する

• 裏記事：AIとのやり取りとプロンプト作成の流れを見る(2025/8/23)

WordPressエディターの基本機能

ホームページを立ち上げて数日。記事をAIに作ってもらいながらアップしていると、「文字をコピーしてそのまま貼り付ける方法」と「HTML形式でコピー＆ペーストする方法」の2種類があることに気づきました。

初心者の私にとって、これはちょっと混乱ポイントでした。

通常のコピー&ペースト方法

---

通常のコピペ

WordPressのエディター（ブロックエディターやクラシックエディター）の「文章」入力欄に、そのままコピーして貼り付ける方法です。

ブログ本文を書くだけなら、これで十分。直感的で簡単で、迷うこともありません。

---

HTML形式でのコピー&ペースト方法

HTMLでのコピペ

一方で、エディターには「コード編集」や「HTMLタブ」というモードがあります。そこにAIが作ってくれたHTMLコードを直接貼り付けると、ちょっと特別なレイアウトができます。

たとえば、画像を横に並べたり、キャプションを入れたり、リンクをきれいに整えたり。文章を載せるだけでは難しいことが、意外とあっさり解決します。

---

実際にAIに助けてもらいながら記事を書いてみると、

• 通常のコピペ → 文章を載せるのはとても楽だけれど、レイアウトの自由度は低め
• HTMLでのコピペ → 少し手間はかかるけれど、見た目がきれいに整う

という違いがあることがわかりました。

---

初心者におすすめの使い分け方法

初心者としては「まずは通常のコピペで十分」だと思います。
でも、ブログに慣れて「もっときれいに見せたい」と思ったときには、HTMLを使うのが便利。

まとめ：記事内容に応じた最適な選択

今後は記事の内容に合わせて、この2つをうまく使い分けていきたいと思います。

• 裏：実験診断士の記録：コピペとHTMLの違いに気づいた日(2025/8/23)

今日は、ブログの記事一覧ページの見た目を整える作業に挑戦しました。

WordPress一覧ページの問題点

これまでの一覧ページでは、記事が古い順に下から並び、さらに本文まで表示されていたため、とても見にくい状態でした。

タイトル＋日付表示の設定方法

私は「一覧ページではタイトルと日付だけを表示し、本文は個別の記事ページで読む」と理想を考えました。

テンプレート編集の手順

最初に、簡単にCSS（見た目を変える設定）で調整しようとしましたが、個別記事の本文まで消えてしまう問題が発生。
そこで、WordPressのテンプレート（記事一覧の見た目を決める設定）を直接編集する方法に変更しました。

作業手順は以下です。

1. WordPressの編集画面を開く
2. ブログ一覧ページの設定画面を開く
3. 記事の表示ブロックを確認
   • 「投稿タイトル」と「投稿日」を残す
   • 「本文」「抜粋」は削除
4. 保存して確認

結果、一覧ページは タイトル＋日付だけ になり、個別記事ページでは本文がそのまま読める状態になりました。

設定前後の比較（ビフォー・アフター）

作業前後の違いはスクリーンショットで比較しています。

• ビフォー：本文まで表示されていた
• アフター：タイトル＋日付だけのシンプル一覧

ブログ読みやすさ向上の効果

これでブログがぐっと読みやすくなり、次の記事を書くモチベーションも上がりました。

ブログ一覧ページのビフォー・アフター

• 裏１：ブログ一覧ページ改善の検討と作業経過（2025/8/22）
• 裏２：画像アップの検討と手順（2025/8/22）