以下は、ITが苦手な方でも迷わないように「やること」を順番に整理した手順です。
(これまでの Googleフォトにアップ → URL取得 のやり方は、規約変更で使えなくなったため、今後は“画像専用のWordPress(画像置き場)” を使います)
これからの結論(何が変わる?)
事前に用意するもの
- 掲載したい画像ファイル(PCに保存済みの jpg / png など)
- 画像置き場 のログイン情報(ID・パスワード)
- 三茶部屋(記事を書く側)のログイン情報(必要に応じて)
手順
1 画像を「画像置き場」にアップロードする
- ブラウザ(Chromeなど)で 画像置き場 を開きます。
- ログイン画面が出たら、IDとパスワードでログインします。
- 左メニューから「メディア」をクリックします。
- 「新規追加」(または「ファイルをアップロード」)をクリックします。
- PCから画像ファイルを選び、アップロードが完了するまで待ちます。
ポイント
ここまでで「画像を置く場所に保管できた」状態です。
2 アップロードした画像の「URL(リンク)」をコピーする
- 「メディア」に表示された、今アップした画像をクリックして開きます。
- 詳細画面で「URL」(または「ファイルのURL」「URLをコピー」など)を探します。
-
表示されているURLをコピーします。
ボタンがあれば「URLをコピー」。ボタンがなければURLを選択してコピーします。
「URL」ってなに?(クリックで開く)
URLは、インターネット上の「住所(リンク)」です。この住所を記事に貼ると、その画像が表示されます。
3 三茶部屋の記事/固定ページに貼って画像を表示する
A. 編集画面を開く
- 三茶部屋の投稿(記事)または固定ページの編集画面を開きます。
- 編集画面に「ビジュアル / テキスト」の切り替えがある場合は、必要に応じて使います。
B. 画像を入れる(基本はこの方法)
パターン1:HTML(テキスト)で貼る場合(推奨)
- 編集画面の右上あたりにある「コード」タブ(またはHTML表示)に切り替えます。
- 画像を入れたい位置にカーソルを置きます。
- 下の形で貼り付けます(URLだけ置き換えます)。
<img src="ここに画像URLを貼る" alt="">
画像が大きすぎる場合は、下のように貼ると画面幅に収まりやすくなります。
<img src="ここに画像URLを貼る" alt="" style="max-width:100%; height:auto;">
ポイント
「URLを貼ったのに表示されない」場合でも、この方法なら表示できることが多いです。
(補足)URLをそのまま貼る方法
環境によっては、本文に画像URLを貼るだけで自動的に画像になる場合があります。
ただし、うまく表示されないこともあるため、基本は「パターン1:HTMLで貼る」がおすすめです。
C. 最後に確認して保存
- プレビューで画像が表示されるか確認します。
- 問題なければ更新/公開します。
よくあるつまずき(トラブル対策)
-
画像が表示されない
- URLが途中で切れていないか確認(貼り付けミスが多い)
-
画像置き場
にアップロードできているか確認(メディア一覧にあるか) - HTMLで貼る場合は、
src="..."の中に正しい画像URLが入っているか確認
-
ログインできない
- ID/パスワードが違う、または入力欄に空白が入っていないか確認
-
画像が大きすぎる/重い
- 画像サイズを小さくしてからアップロード(推奨)
運用のコツ(再発防止・管理しやすくする)
- 画像のファイル名を分かりやすくする(例:
2026-02_event01.jpg) -
画像をむやみに削除しない
(記事はURL参照のため、画像置き場から削除すると記事の画像も消える可能性があります) - 同じ画像を何度も使う場合は、同じURLを使い回してOK
専用の画像置き場
再掲載:https://img.sancharoom.jp/a/wp-admin/index.php
既存の画像(Googleフォトに上がっている画像)の差し替え手順
