タグ: AI, AI相談, Gutenberg(ブロックエディター操作方法), WordPress, スクリーンショット, ブログ作成, プロンプト, ホームページ, 初心者向け, 管理画面, 設定方法, 運用
- このトピックには0件の返信、1人の参加者があり、最後に
プロンプトエンジニアにより3週、 6日前に更新されました。
-
投稿者投稿
-
5月 13, 2026 9:59 am #1543
プロンプトエンジニアモデレーター使える場面、状況の想定
WordPressの「ブロックエディタ(Gutenberg)」は、ホームページやブログの記事作成において高機能な反面、どこに何のボタンがあるのか、どの設定を触れば目的の操作が実行できるのか、直感的に分かりにくいことがあります。
特に、テーマ独自の機能や複雑なレイアウトを調整したいとき、マニュアルやネット検索で答えを探すよりも、「現在の編集画面」をAIに見せて質問し、直接操作方法を訊くのが、断然効率的な方法です。まずは、AIに「画像」を見せて現状共有。解決を早める!最速スクリーンショット活用術を参考に、管理画面のスクリーンショットを準備してください。
編集中の画面全体をAIのチャット欄に貼り付け、特定のアイコンの役割や、右側の設定パネルの使い方をピンポイントで解説してもらいましょう。【スクショ画像】
解決プロンプト(質問)
(編集画面のスクリーンショットを貼り付けた後に、以下のように指示してください)WordPressのブロックエディタで記事を作成中です。
添付した画像のスクリーンショットを元に、以下の操作方法を教えてください。—
# 質問
この画像に写っている範囲で、文字の色や大きさを変えるメニューはどこにありますか?
その設定を変更するために、どのボタンをクリックすればよいか教えてください。
—専門用語を使わずに、操作のステップを順番に解説してください。
(※使用しているテーマ:ここにテーマ名を記入)AIの回答例
画像の状態では、右側に「投稿」の設定が開いているため、文字の色や大きさの設定はまだ表示されていません。
まず「文章そのもの」を選ぶ必要があります。操作は次の順番です。
1. 文字をクリックする
中央の記事本文の中にある文章を、どこでもいいのでクリックします。
たとえば、
- 「初めてのブログ投稿へようこそ」
- 箇条書きの文字
などをクリックします。
すると、右側の設定内容が変わります。
2. 右上の「ブロック」を開く
画像右上に、
- 「投稿」
- 「ブロック」
という2つのタブがあります。
今は「投稿」が選ばれているので、その横の「ブロック」をクリックします。
3. 右側に文字設定が表示される
文章を選んだ状態で「ブロック」を開くと、右側に文字の設定が出ます。
この中に、
- 文字の大きさ
- 文字の色
を変える項目があります。
4. 色を変える場所
右側を少し下へスクロールすると、
- 「色」
- 「テキスト」
のような項目があります。
そこで好きな色を選べます。
5. 大きさを変える場所
同じ右側に、
- 「タイポグラフィ」
- 「文字サイズ」
のような項目があります。
そこを開くと、
- 小
- 中
- 大
などを選べます。
この画像の中でクリックする場所まとめ
順番にクリックする場所は:
- 真ん中の記事の文字をクリック
- 右上の「ブロック」をクリック
- 右側に出る「文字サイズ」や「色」を変更
です。
ポイント解説
ブロックエディタの解説をAIに求める際は、「今、何を選択しているか」が伝わるように撮影するのがコツです。例えば、▲ スクショ画像のように、右側に「設定サイドバー」、左側に「リストビュー」が表示された状態の画像を送ると、AIはエディタ全体の構造を把握しやすくなります。
さらに、AIは画像から「現在使用しているテーマ」や「有効化されているプラグイン」を推測できる場合があるため、より実際の環境に即した具体的なアドバイスを引き出すことが可能です。
注意点
編集画面には、記事のタイトルや内容、公開予定日などの情報が含まれます。未公開情報の取り扱いに注意が必要な場合は、機密情報が含まれる箇所をモザイクで隠すか、サンプル用のテスト記事画面を撮影して共有するようにしてください。
また質問に対して、AIの回答が、画像の情報を正確に読み取れていないと感じる時には、テキストで詳細を補足してみましょう。 -
投稿者投稿
- このトピックに返信するにはログインが必要です。