WordPress記事に画像を挿入する
ここではWordPressの記事に画像を挿入する方法を
2パターンご紹介します。
①画像を一枚ずつ挿入する
②いったんアップロードした画像から挿入する
画像の大きさや位置を変える簡単な方法もご紹介します。
①画像を一枚ずつ挿入する
画像は他のサイトからダウンロードしたものも含め、
PCの中に保存されているものを利用します。
記事を投稿する画面で、
画像を挿入したい位置にカーソルをあわせ、
『メディアを追加』をクリックします。
次はA、Bどちらでもやりやすい方法で行ってください。
A.ファイルを選択する方法
画面中央の『ファイルを選択する』をクリックするとウィンドウが開きます。
ファイルのある場所を開いて画像を選び、『開く』をクリックします。
B.ファィルをドラッグ&ドロップする方法
画像の入っているウィンドウを別に開き、
画像を『アップロードするファイルをドロップ』と書かれているところに
ドラッグ&ドロップします。
A、Bどちらの方法で行っても次の画面になります。
画面右下の『投稿に挿入』をクリックすると、画像が記事に挿入されます。
記事にオレンジの画像が挿入されました。
画像の大きさや位置を変える
プレビューで見てみると、挿入した画像が大きすぎてはみ出していたり、
画像の位置をずらしたいこともあるので、
ここで画像の大きさや位置を変える方法をご紹介します。
記事投稿画面に挿入した画像をクリックすると、
左上に表示された鉛筆のアイコンをクリックします。
画像の詳細を設定する画面が表示されます。
画像の配置は、『左・中央・右・なし』から選択します。
画像のサイズは『小・中・大・フルサイズ』を選択するか、
『カスタマイズ』で自由に設定します。
リンク先は、画像のURLまたは画像のリンク先です。
画像のURLにリンクしている場合は、元の画像の大きさで表示されます。
画像を他のサイト、例えばYoutubeなどにリンクしたい場合は、
ここにリンク先のURLを入力します。
代替テキストを入力する
画像の詳細設定をする画面の上のほうに代替テキスト
の入力欄があります。
画像を挿入したらこの代替テキストの欄も入力しておきましょう。
代替テキストは、画像がなんらかの理由で表示されない場合に
表示されるテキストです。
検索エンジンが画像の内容を把握するためにも必要です。
SEO(検索エンジン対策)にも効果があると言われています。
入力する内容は、その画像がどんな画像かを
簡潔に説明できていればいいでしょう。
「WordPress 画像挿入」などです。
②いったんアップロードした画像を挿入する
次は画像をまとめてアップロードして、
その中から画像を選んで挿入する方法をご紹介します。
WordPress管理画面>メディア>新規追加をクリックします。
次はA、Bどちらでもやりやすい方法で行ってください。
先ほどと同じ要領です。
A.ファイルを選択する方法
画面中央の『ファイルを選択する』をクリックするとウィンドウが開きます。
ファイルのある場所を開いて画像を選び、『開く』をクリックします。
B.ファィルをドラッグ&ドロップする方法
画像の入っているウィンドウを別に開き、
画像を『ここにファイルをドロップ』と書かれているところに
ドラッグ&ドロップします。
A、Bどちらの方法でも画像がまとめてアップロードされます。
これらの画像はメディアライブラリに保存されています。
保存された画像は何度でも使用することが可能です。
アップロードした画像を記事に挿入します。
画像を挿入したい位置にカーソルをあわせ、
『メディアを追加』をクリックします。
画像を選択して、『投稿に挿入』をクリックします。
画像が挿入できました。
画像を複数枚挿入する
画像をいくつかまとめて挿入する時は、画像を選択する画面で
複数選択してください。
SHIFTを押しながら、端から端までクリックする、
または、CTRLを押しながら1つずつクリックします。
最後に『投稿に挿入』をクリックします。
このように縦に並びます。
挿入後、画像と画像の間に行を入れることもできます。
画像を削除する
画像を削除するといっても2種類あります。
①記事に挿入した画像を削除する
②メディアライブラリから完全に削除する
記事に挿入した画像を削除しても、メディアライブラリからは削除されていません。
完全に削除する場合は、メディアライブラリの画像も削除しましょう。
①記事に挿入した画像を削除する
挿入した画像をクリックして、×のアイコンをクリックすると
記事から画像が削除されます。
②メディアライブラリから完全に削除する
WordPress管理画面>メディア>ライブラリをクリックします。
消したい画像の横にある『完全に削除する』をクリックすると、
メディアライブラリからも削除できました。
最近のコメント