WordPress初歩3-画像の埋め込み-
はじめに
WordPressによるBlog記事編集中のメモ。
画像埋め込み作業の大まかな流れとしては下の通り。
記事編集および投稿は以下レンタルサーバーでのWordPress環境を使用。
シン・レンタルサーバー![](https://www16.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HLFVM)
![](https://www19.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HMIGH)
各流れについては以降に書いていく。
その他、環境整備に関する新情報。
同系列WordPress特化型レンタルサーバー
WordPress専用クラウド型レンタルサーバー『wpX Speed』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZQFQA)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZRXQP)
同系列安定型レンタルサーバー
格安ドメイン名取得サービス『Xserverドメイン』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
その他キャンペーン中WordPress対応レンタルサーバー
ロリポップ公式サイト![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+64Z8Y)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+6E71D)
ドメイン管理に関しては
格安ドメイン名取得サービス『Xserverドメイン』![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www13.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1C1W8I)
![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1BRTKX)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HHVNM)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HTO1D)
WordPress初歩3-画像の埋め込み-
画像ファイルの用意
下記のような画像ファイル用意する。
- PNG
- JPEG
- JPG
- 既にアップロードされている画像のURL
画像ファイルという指定のみで、特に形式(拡張子)の指定はない。
記事への埋め込み
画像ブロックを挿入すると下のメニューがでる。
下のいずれかの方法で画像の埋め込ができる。
- アップロード
- メディアライブラリ
- URLから挿入
- 画像ファイルをブロックへドラッグ
![画像ブロックのメニュー](https://nemunori.com/wp-content/uploads/2023/05/wp_20230513postimage1_500_201.PNG.png)
埋め込み作業ははこれで完了。
アップロードした画像はWordPressのメディアライブラリに追加される。
追加設定の入力
埋め込み後に行う推奨作業。
- ALTテキストに画像内容を入力
- タイトル属性をつける
- キャプションをつける
ただし装飾を目的とした画像の場合は不要。
ALTテキストに画像内容を入力
ブロックメニューからALTテキストを入力。
![画像ブロックの追加メニュー](https://nemunori.com/wp-content/uploads/2023/05/wp_20230513postimage2_258_466.PNG.png)
タイトル属性をつける
高度な設定でタイトル属性をつける。
![補足画像 画像ブロックメニューのタイトル属性](https://nemunori.com/wp-content/uploads/2023/05/wp_20230513postimage3_263_478.PNG-edited.png)
キャプションをつける
キャプションはブロック選択時に表示されるメニューから追加。
![補足画像 メニューからキャプション追加](https://nemunori.com/wp-content/uploads/2023/05/wp_20230513postimage4_451_59.PNG.png)
追加設定補足
追加設定の3項目はWordPress管理画面のメディアライブラリから事前設定可。
事前設定された物は埋め込み時に反映され、その後は各ブロック毎で設定内容h独立するよう。
まとめ
画像もテキストと同様、家出中のニートでも編集画面から画面遷移せず、簡単にアップロードから埋め込みまで完了できる。
が、ファイルの管理については懸念があり、アップロードする際はファイルの名前付けに工夫必要かも。ただし、Blogなど都度アップロードしていくような記事は管理する意味ないので、後々の管理気にせずドラッグでの埋め込みで問題なさそう。
よろしく。