エス技研

WordPress、CakePHP、PHP、baserCMSなどの Web系システムを中心に情報を提供します!


WordPressの画像ファイルアップロード・メディアの使い方解説

      2017/03/12

画像ファイルアップロード機能・メディア

 

WordPressのメディアとは?

 
WordPressでは画像や動画などを「メディア」と呼んでいまして、「メディア」機能ではそれらのメディアのファイルをサーバにアップロードし、管理する機能を提供しています。
 
そして、「メディア」を利用してアップロードしたファイルを投稿の記事の中に編集したり、アイキャッチ画像を登録する際に利用します。
 
「メディア」の設定に関しては「WordPressのメディアの設定解説・uploadsフォルダの変更方法」に記事を書いていますので、参考にしてください。
 
 

WordPressのメディアを使ってファイルをアップロード

 
左メニューの「メディア」-「ライブラリ」をクリックすると「メディアライブラリ」が表示されます。 
ここにはアップロードされたファイルが一覧表示されています。
 
 
「メディア」を使ってファイルをアップロードする方法は 2つあります。
 
一つは、左メニューの「メディア」-「新規追加」からファイルをアップロードする方法。
もう一つは、投稿や固定ページの入力画面にある「メディアを追加」からファイルをアップロードする方法。
 
 
最初に、左メニューの「メディア」-「新規追加」からファイルをアップロードする方法から説明します。
 
20140917_wp_01
 
「メディア」-「新規追加」をクリックすると上記のような画面が表示されます。
 
「ここにファイルをドロップ」と書かれている場所にアップロードするファイルをドラッグ&ドロップしてファイルをアップロードする方法と、昔ながらの「ファイルを参照」をクリックしてファイルを選択する方法があります。
いずれの方法も複数のファイルをまとめてアップロードすることもできます。
ただし、画像の左下に「最大アップロードファイルサイズ:2MB」と書かれています通り、一回のアップロードでアップロードできるファイルサイズには制限がありますので注意が必要です。この最大ファイルサイズは、サーバの設定によって異なりますので、サーバの設定をご確認ください。
 
 
続けて、投稿や固定ページの入力画面にある「メディアを追加」からファイルをアップロードする方法の説明です。
 
20140917_wp_02
 
20140917_wp_03
 
「メディアを挿入」の「ファイルをアップロード」の画面からファイルをアップロードすることができます。
こちら側は、記事を書きながら、記事に必要な画像をその都度アップロードして編集する、という方法でファイルをアップロードすることができます。
 
「メディアを挿入」の「メディアライブラリ」をクリックすると、すでにアップされているファイルの一覧が表示されますので、その中から選択することもできます。
 
 


 

メディアでアップロードしたファイルの編集

 
WordPressにはアップロードしたメディアのファイルを編集する機能が実装されています。
 
20140917_wp_04
 
メディアライブラリの該当の画像にマウスカーソルを合わせると「編集」のリンクが表示されますのでその「編集」をクリックします。
 
20140917_wp_05
 
メディアの編集画面に遷移しますので、各情報を編集したり、画像の編集を行うことができます。
それぞれ下記の情報を登録しておくことで、実際に投稿の記事に画像を編集する際にあらかじめ入力された状態で編集することができます。
 
タイトル・ファイル名
デフォルトではアップロードした時のファイル名が編集されています。
公開される際のファイル名に合わせて変更することもできます。
 
20140917_wp_06
 
キャプション
テーマ側が対応している場合、画像の下にキャプションを編集することができます。
 
代替テキスト
altの値として編集され、画像が表示されない場合の画像の説明として表示されます。
また、altは HTMLの文法上必須の項目となっていますので、極力編集した方がいいでしょう。
 
説明文
何に利用するのかが分かりませんでした。
 
 
また、アップロードした画像の URLは「ファイルの URL」の部分に書かれています。
必要に応じて、ここの値をコピペします。
 
 
20140917_wp_07
 
画像を編集ボタン
画像編集ボタンをクリックすると上記の画面に切り替わり、画像をトリミングしたり、回転させたりすることができます。
 
 

アップロードしたファイルの削除

 
20140917_wp_08
 
「編集」と同じく、メディアライブラリの該当の画像にマウスカーソルを合わせると「削除」のリンクが表示されますのでその「削除」をクリックすることで削除することができます。
「メディア」の「削除」は「ゴミ箱に移す」ことなく完全に削除してしまいますので注意が必要です。
 
 

アップロードしたファイルは「uploads」に保存

 
メディアを使ってアップロードしたファイルは「uploads」フォルダに保存されます。
 
具体的には、下記の場所です。
/{WordPressがインストールされている場所}/wp-content/uploads/
 
WordPress 3.5からはデフォルトで「uploads」にアップロードされるようになり、管理画面からは変更できなくなりました。
 
この「uploads」フォルダの変更方法も含めて、「メディア」の設定変更については「WordPressのメディアの設定解説・uploadsフォルダの変更方法」に書きましたので参考にしてください。
 
 
また、FTPを使って「uploads」フォルダに直接アップロードしたファイルや、アップロードしたファイルのファイル名を変更してもそれは反映されませんのでご注意ください。

 - WordPress

GoogleAdwords

GoogleAdwords

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!

Message

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

下記の空欄を埋めてください。 * Time limit is exhausted. Please reload CAPTCHA.

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

※入力いただいたコメントは管理者の承認後に掲載されます。

  関連記事

Smart Update PingerでWordPressのPing・更新情報サービスを拡張する

WordPressの Ping機能、更新情報サービスのプラグイン Smart Update Pingerの使い方と問題点。

WP-PostRatingsでWordPressに自由度が高い口コミサイトを構築

口コミの評価点を投稿する機能に特化したプラグインで、多様なイメージと投稿方法が用意されていてサイトにあったイメージを選択できます。

WordPressでダブルクォートなどの文字が自動変換?原因と対処方法

ダブルクォート、シングルクォート、HTMLタグなどが自動変換関数によって入力と違う形で表示されます。原因を2つの関数ごとに説明し、対応方法を3パターン提示します。

WordPressのユーザ名を後から変更する方法。adminの使用は危険。

運用中のユーザ名を変更する方法を解説。かつてのデフォルト設定だった「admin」は誰もが使うIDのため非常に危険です。今からでも変更しましょう。

FC2からWordPressに引越でcanonicalとmeta refreshで転送設定

FC2からWordPressに引越する際の転送設定はcanonicalとmeta refreshの設定でユーザへもGoogle検索エンジンにも引越し情報を伝えられます。

WordPress投稿にPHPを記述するショートコードの使い方add_shortcode

WordPressの投稿ページで PHPの処理を行うには add_shortcode関数を使ったショートコードという機能を利用します。

CSV Importerで WordPressにcsvを取込む

WordPressに csvファイルを取り込む CSV Importerの使い方の解説です。

Comment Rating FieldでWordPressのコメントに口コミサイト機能を追加

口コミサイトを構築するためのプラグイン。評価点を投票する仕組みをコメント投稿機能に追加する方法で実現。口コミサイトを構築するには十分な機能を提供。

highlight.jsの設定方法を解説。 Syntax Highlighterから乗換え、高速化にも最適

Crayon Syntax Highlighterの代替案としてhighlight.jsを試してみた。highlight.jsは設置簡単で軽量なシンタックスハイライト。デザインもCSS変更だけの簡単変更。

WordPressの functions.phpがある場所

WordPressのカスタマイズには大切な functions.phpですが、最初はその場所がどこなのか分かりませんのでその説明をしています。