Diviのオーディオモジュールの使い方

こんにちは、根本です。今回は、Diviのオーディオというモジュールの使い方をご紹介していきます。

重要Diviは有料のテーマ及びプラグインです。こちらの公式サイトから契約し、テーマもしくはプラグインをインストールしてから続きをご覧ください。

Diviのオーディオモジュールとは？

Diviのオーディオモジュールでは、音声ファイルを埋め込んで、ユーザーに視聴してもらえます。記事に関連する音声を録画して、音声でも内容を理解してもらったりといった使い方ができます。

コンテンツ設定

テキスト

タイトル
アーティスト
アルバム

まず、「コンテンツ」の「テキスト」では、上記の3つの項目を設定します。音楽ファイル出ないのであれば、「音声でも学んでいただけます。」みたいな文言を記入しておくと良いかもしれません。

オーディオ

「オーディオ」では、音声ファイルを選択します。まず「オーディオ」を開いて、「アップロード」というボタンをクリックします。そして、パソコンなどからファイルをアップロードして、選択します。あとは、「オーディオファイルをアップロード」というボタンをクリックすればファイルを埋め込むことができます。一応、「添付ファイルの表示設定」という項目で、「メディアプレイヤーを埋め込む」が選択されていることを確認しておいてください。

画像

「画像」は、タイトルやその他のテキストの左側に表示されます。追加方法は、シンプルに画面をクリックして、アップロードしているファイルを選択するだけです。

デザイン設定

画像

画像角丸長方形：画像の角の丸みを調節します。
画像ボーダースタイル：画像ボーダーを付ける場合、そのタイプをこちらから選択します。
画像ボーダー幅：設定したボーダーの幅をここで調節します。
画像ボーダーカラー：画像に追加したボーダーの色を設定します。
画像ボーダースタイル：ボーダーのタイプをドロップダウンから選択します。
画像とビデオ：画像にシャドーをつけるかどうか、つける場合はそのタイプを選択します。
ボックスシャドー水平位置：シャドーをつけている場合、そのシャドーを左右にずらすことができます。
ポジションの始点：シャドーの縦の位置を調節します。
ボックスシャドーブラー強度：シャドーの濃さを調節します。
ボックスシャドースプレッド強度：シャドーの範囲を調節します。
小見出しフォントカラー：シャドーの色を設定します。
ポジションの始点：画像を浮かび上がらせるように表示するか、埋め込まれているように表示するか選ぶことができます。訳が全く同じになっていますが、上を選択すると、画像が浮かび上がり、下を選択すると埋め込まれるよう表示されます。