ワードプレス便利帳

WordPressの使い方を初心者から上級者までわかりやすく画像で解説

© ワードプレス便利帳 All rights reserved.

thum_adimg

20137/8

画像を挿入しよう

記事内に画像を挿入する

先ほど投稿した記事に画像を入れてみます。

本文を記入するボックスの上にある[メディアを追加]ボタンをクリックします。

gazou1

メディアを挿入という画面に切り替わりました。


ページ中央にある[ファイルの選択]をクリックしてアップロードする画像を選択する。もしくは、このページ上にアップロードしたい画像をドラッグアンドドロップすると自動的にアップロードされます。

gazou2


画像がアップロードされるとこのような画面になりましたね。

gazou3

左の大きなspaceには、いままでアップロードした画像が蓄積されていきます。

右の「添付ファイルの詳細」では、その名の通りアップロードした画像の詳細情報・投稿への挿入ができます。

タイトルという項目は、投稿に挿入した時にはaltという要素に変更されます。このaltタグはその画像が何であるかを表したもので、SEOにも有効とされています(検索に引っかかりやすくなる)ので、きちんと設定するようにしましょう。デフォルトでは画像のファイル名がそのまま表示されています。

「添付ファイルの表示設定」で記事に投稿したい画像のサイズなどを選択し、[投稿に挿入]ボタンをクリックします。


記事の中に画像のタグが挿入されました(※この画面はテキストエディタの画面です)

gazou4

ページを公開するときちんと投稿に画像が表示されています。

gazou5

  • このエントリーをはてなブックマークに追加

関連記事

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

a

201710/24

プラグインを使わない絞り込み機能【未選択時はすべて表示したい】

Wordpressの検索機能について チェックボックスに1つもチェックをいれなかったら 絞り込まずに全部表示。 「絞り込みの入…

av

Welcartのカテゴリー管理・新規登録ページをカスタマイズする

ECサイトをWordpressで運用するときに使われる『Welcart』というプラグイン。 私はこのプラグインが使いにくくて仕方がないです…

gsvgadvg

20172/17

カスタムフィールドでカレンダーを自作【プラグインいらず】

カスタムフィールドだけでカレンダーを自作 プラグイン不要というのはカレンダープラグインを使わずという意味であってカスタムフィールド系のプラ…

20161102200516

201611/2

ループの中に罫線を追加する方法

ループ出力の中に区切り線を追加する ブログや製品・商品情報として、1行ごとに罫線を追加したい、というデザインもあると思います。 しかしル…

20161017154512

201610/17

『WordPress importer』と『Search Regex』を使って画像ごと記事の引越しを行う

『WordPress importer』について WordPressからWordPressへ投稿記事の引越しに関して、WordPressは…

ページ上部へ戻る