エス技研

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.

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

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

  関連記事

WordPressで指定カテゴリにnoindexをプラグインなしで設定。特定の記事は外す処理も
WordPressで指定カテゴリにnoindexをプラグインなしで設定。特定の記事は外す処理も

指定したカテゴリのみnoindexをプラグインなしで設定する関数を解説。指定したカテゴリの中でも指定した記事はnoindex設定しないオプションを装備。その処理とnoindexを設定すべき理由を解説。

XAMPP環境で WP-DBMANAGERでの復元でDBが壊れる

XAMPP環境で WordPressの WP-DBMANAGERを利用して DBの復元をしたら DBが壊れた。

WordPress初心者向け講座・詳細解説データベースとは何か?

データベースとは何か?を言葉の意味の説明なども含めエクセルと比較しながら説明しています。

Theme My Loginの日本語翻訳ファイル Ver.6.4.5対応

Theme My Loginの日本語翻訳ファイルのダウンロードページ。WordPressの翻訳ファイルの設置方法、注意点、翻訳ファイルの作成方法なども解説。

WordPressの Google XML Sitemapsで WebMaster Tools用の sitemap.xmlを生成

WordPressの Google XML Sitemapsで WebMaster Tools用の sitemap.xmlを生成する方法を説明しています。

Crayon Syntax Highlighterでソースコードをキレイに編集する設定方法

PHP、HTMLなどのソースコードを紹介する際に見やすく編集してくれる Crayon Syntax Highlighterの設定の方法、利用方法の解説です。

XAMPPのWordPressの更新でFatal error: Maximum execution time of 30 seconds exceededのエラーが発生して失敗する場合の対処方法

XAMPP環境のWordPressアップデート時に「Maximum execution time of 30 seconds exceeded」のエラーが出る。「max_execution_time」を変更して解決する方法の解説。

WordPressのサイトマップ生成ツールPS Auto Sitemapの使い方

サイトマップを PS Auto Sitemapで自動生成する方法を説明します。このプラグインは Google用のサイトマップではなく一般ユーザが見るためのサイトマップページを作ります。

BackWPupでバックアップ・Jobの設定・保存する情報の設定

BackWPupその2。Jobのバックアップの基本部分と対象の設定についての解説。

BizVektor環境の引越しでメニュー、バナーが消える不具合の対応方法解説

BizVektor環境の引越し方法と不具合が発生しやすい箇所の解説です。引っ越し作業をする際にURLやファイルのパスを置換する際の手順解説と対応方法についての解説です。