【WordPress】メディア

制作サイトマニュアル
この記事は約4分で読めます。

wowで制作したWebサイトのマニュアルです。

WordPressでは、画像・動画の管理・追加はメディアで行います。

このページでは、

・メディアの機能・使い方
・画像・動画の追加方法

を解説します。

スポンサーリンク

【予備知識】WordPressでのメディア管理の仕組み

WordPressのメディア管理の仕組み
WordPressのメディア管理の仕組み

WordPressでは、アップロードした画像をメディアライブラリに保存し、保存したデータを使うときは、ライブラリから呼び出して表示するという仕組みになっています。

アップロードできる主なメディアの形式(拡張子)は以下となります。

  • jpg(jpeg、jpe)
  • gif
  • png
  • webp
  • wmv
  • avi
  • MPEG1形式(mpeg、mpg、mpe)
  • MPEG4形式(mp4,m4v)
  • mov
スポンサーリンク

【メディア】機能・使い方

WordPress»メディアのリスト表示
メディアライブラリ(リスト表示)

WordPressで扱う画像・動画は、メディアで管理を行います。

メディアには、以下の項目があります。

項目概要
メディア
 ┣ライブラリ »WordPressにアップロードしたメディア(画像・動画)の一覧
 ┣新規追加 »WordPressにメディア(画像・動画)をアップロード(保存)します。
 ┗一括最適化 »WordPressにアップロードしたメディア(画像・動画)を最適化します。
 ※参照:EWWW Image Optimizer

以下では、項目ごとに解説していきます。

ライブラリ

WordPressにアップロードしたメディア(画像・動画)を一覧で表示します。

リスト表示または、グリッド表示の2種類から表示形式を選択することができます。

メディアライブラリにアップロード(保存)された画像・動画のデータは、投稿・固定ページ・ユーザーなどで使用することができます。

新規追加(メディアのアップロード)

新規追加(メディアのアップロード)の画面画像
新規追加(メディアのアップロード)

メディア(画像・動画)をWordPressにアップロード(保存)します。

アップロード方法は2通りあり、どちらの方法にしろ事前にファイル容量を圧縮しておくことをおすすめします。

【参考】ファイル容量の圧縮方法

ファイル容量を圧縮して軽くしておくことで、サーバー容量を節約、表示速度が早くなりSEO面で有利になりやすいなどのメリットがあります。

ファイル容量を圧縮するメリット
  • サーバー容量を節約できる。
  • 表示速度が早くなりSEO面で有利になりやすい。

以下のTiny PNGを利用することで、簡単にファイル容量を圧縮することができます。

Tiny PNGの使い方
  1. Tiny PNGにアクセス。
  2. 「Webp、PNG、またはJPEGファイルをここにドロップしてください!」と表示されている付近にファイルをドラッグすると、圧縮が始まります。
  3. 進捗バーが「Finished」になったら、ダウンロードをクリック。
  4. ダウンロードファルダに、圧縮されたファイルがダウンロードされます。

メディアの追加方法①ファイルをドロップ

ファイルをドロップしてアップロードの画面画像
  1. ファイルをドロップしてアップロードまたはファイルを選択」と表示されている周辺にファイルをドラッグ。
  2. 自動的にアップロードが始まります。

メディアの追加方法②ファイルを選択

ファイル選択してアップロードの画面画像
  1. ファイルを選択」ボタンをクリック。
  2. 新しいウィンドウが表示される。
  3. アップロードしたいファイルを選択し「開く」をクリックするとアップロードが始まります。
画像・動画のアップロード方法は2つ
  1. ファイルをドロップ
  2. ファイルを選択
アップロード前にはファイルを圧縮する!

一括最適化

一括最適化の画面画像
一括最適化

プラグイン「EWWW Image Optimizer」の機能で、WordPressにアップロードしたメディア(画像・動画)を最適化(圧縮)します。

基本的にはお引渡しの時点で、全てのメディアが最適化される様になっていますので、改めて一括最適化を行う必要は無いかと思います。

スポンサーリンク

【まとめ】メディア

メディアライブラリのリスト表示
メディアライブラリのリスト表示

WordPressの画像・動画の管理機能 メディアの概要をまとめると以下となります。

メディア

アップロードできる主なメディアの形式
  • jpg(jpeg、jpe)
  • gif
  • png
  • webp
  • wmv
  • avi
  • MPEG1形式(mpeg、mpg、mpe)
  • MPEG4形式(mp4,m4v)
  • mov
画像・動画のアップロード方法は2つ
  1. ファイルをドロップ
  2. ファイルを選択
アップロード前にはファイルを圧縮する!
スポンサーリンク

【関連リンク】制作サイトマニュアル

サイトマニュアル »
WordPress
管理画面 »投稿 »
メディア »固定ページ
WordPressテーマ「Cocoon」
Cocoon設定高速化
プラグイン(デフォルト) »
Contact Form 7Custom Taxonomy Order
Disable Google Fonts »EWWW Image Optimizer
Invisible reCaptchaWebSub (FKA. PubSubHubbub) »
WP Fastest Cache »WP Multibyte Patch »
XML Sitemaps »
カスタマイズ »
スライダー機能 »リダイレクト機能
facebook埋め込みInstagram埋め込み
Twitter埋め込み

タイトルとURLをコピーしました