初心者ガイド 2014-05-26

ワードプレス 投稿画面にて記事内に画像を挿入・アップロード方法

img-upload

今回は、ワードプレス初心者向け記事となります。
ワードプレス記事投稿時に画像を挿入・アップロードの方法記載したいと思います。

無料のブログなどを利用したことがある方などは、なんとなく使っていれば分かると思いますが、分からない方もいると思いますのでそんな方向けの記事になります。
ちなみに、アップロードとは、今回の場合はローカルのパソコンにあるデータをサーバーに転送という意味です。
アップロードの対義語には、ダウンロードという言葉があります。

記事に画像を挿入・アップロード方法

それでは、これからWordPressのアップローダーを使ってパソコンに保存している画像を記事に挿入していきたいと思います。
まずは通常の投稿画面に入ります。管理画面 > 投稿 > 新規追加(下記画像参照)

img-up

メディアを追加でアップローダーを起動

img-up2

それでは、画像を挿入したいと思いますので、文章を書く上部に【メディアを追加】をクリックします。
画像を記事の中に挿入するためには、ワードプレスのアップローダーを利用して画像をサーバーに転送しなくてはなりません。
この他にもやり方はありますが、ワードプレスのアップローダーを利用したほうが効率的でとても簡単ですのでこちらのやり方をオススメします。

そうしますと、下記の画像のようなポップアップウインドウが表示されます。
この【メディアライブラリ】というのは過去にアップロードした画像が表示されています。
今回が初めてのアップロードなら一つも画像は表示されないはずです。

img-up3

挿入したい画像をドラック&ドロップでアップロード

それでは、パソコンに保存している画像をアップロードしていきましょう。
上記画像の【ファイルをアップロード】をクリックします。
そうしますと、【アップロードするファイルをドロップ】という画面に切り替わりますので、アップロードしたい画像をドラック&ドロップしてみましょう。

img-up4

画像をドロップしますと、自動的にアップロードが始まり、先ほどの【メディアライブラリ】にアップロードした画像が表示されていれば、無事にアップロードが出来ています。
WordPress3.9以降では、わざわざ【メディアの追加】をクリックしなくても、文章を書く部分(エディタ部分)にアップロードしたい画像をドラック&ドロップすれば自動的にワードプレスのアップローダーが起動し画像がアップロードされますのでとても便利になっています。

最後に、右下にある【投稿に挿入】をクリックしますと無事に投稿記事に画像が挿入されます。

img-up5

こちらの記事をシェアする

こちらの記事があなたのお役にたちましたら、シェアしていただけますと大変嬉しく今後のブログ更新の糧となりますのでどうぞよろしくお願いします。(^^♪

About

Glow-Facotryでは、無料・有料のWPテーマを配布・販売サイトです。また、Web関連やWPの記事・日常的(ゲームも)なことをブログを利用して発信して行きたいと思っております。
よかったら下記のフォローをお気軽にお願いします。

関連記事

コメント

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PREVIOUS css3-social

CSS3だけで作れるソーシャル系アイコン [ダウンロードファイル]

NEXT wow

パララックスのようなスクロール アニメーションが超簡単に出来る 軽量スクリプト WOW.js使い方