講師コラム

WordPressの動画サムネイルを設定する方法

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

今回は記事に動画を埋め込んだ場合の、動画に任意のサムネイル(動画再生前に表示させておく画像)を設定する方法についてご紹介します。

WordPressの「メディアを追加(embed)」ではサムネイル設定できない

WordPressの場合、[メディアを追加]から、画像や動画を簡単に投稿できるようになっています。

ただし、この方法だとメディアを挿入でもURLから挿入を選んでも動画に好きなサムネイルを設定することができません。

メディアを追加でテキストタブに切り替えると[ embed ]ショートコードが設定されていますが、[ embed ]ショートコードでは高さと幅のプロパティしかありません。
「メディアを追加」からは動画の挿入は簡単に行えますが、サムネイルの設定は行えないようです。

Videoショートコードのposter(ポスター)プロパティで設定する

「メディアを追加」ボタンからは設定できませんが、代わりにVideoショートコードのposter(ポスター)プロパティを使うことでサムネイルを任意の画像に変更することができます。
※動画と画像は事前にメディアや任意のフォルダにアップロードしておきます。

テキストタブに切り替えて下記の通り入力します。
[video src="パス/source.mp4" poster="パス/thumbnail.jpg"]

srcプロパティ:事前に用意した動画のアドレス
posterプロパティ:設定したい画像のアドレス

ビジュアルタブに戻して画像が反映されたか確認しておきましょう。

設定が完了したらいつも通り「公開」ボタンから投稿することができます。
文字や画像だけでなく、動画も使うことでアピール力が増えますので試してみてくださいね。

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

話題をチェック!

2017年9月8日

Excel VBA小技コラム – セルの連続移動

表計算ソフトのExcelは非常に便利なソフトですね。数字の計算からグラフ・抽出まで簡単な操作で出来ます。こんな便利なソフトですが、複雑な計算をさせたり、多くの条件で分けて計算をする際には、さすがに標準の数式では限界があり …続きを読む

2018年3月9日

Office系の資格取得にチャレンジ~結果報告~

引き続き、資格取得にチャレンジ…今回は、結果報告をしたいと思います。 以前のコラムでも書きました通り、FOM出版からでている「MOS Excel 2016対策テキスト&問題集」を使用して、独学勉強をしました。試験の出題範 …続きを読む

2017年6月8日

これだけは覚えておきたいExcel関数「SUM関数」

皆様、こんにちは。 梅雨入り間近の今日この頃、新入社員の皆様もそろそろ会社になれてきたころでしょうか? 本格的な資料作成をまかされはじめている頃でしょう。 多くの会社・業務で利用されているExcelですが、本日はこれだけ …続きを読む