WordPressオーディオブロックの使用方法

WordPress Audio Blockを使用すると、ページや投稿内に再生可能なオーディオファイルを提供できます。 オーディオファイルは、メディアライブラリまたはURLから追加できます。 ユーザーはブラウザからオーディオを再生するか、ダウンロードしてオフラインで聞くことができます。 これは、訪問者が聞いて使用できるように、音楽、ポッドキャスト、またはその他の種類のオーディオファイルを提供するための優れた方法です。

この記事では、オーディオブロックを見て、それがどのように機能するかを確認します。 また、投稿やページに追加する方法、使用するためのヒントとベストプラクティス、よくある質問についても説明します。

投稿またはページにオーディオブロックを追加する方法

オーディオブロックを追加するには、ブロックを配置する場所にあるブロックインサーターをクリックするか、左上隅でブロックを選択します。 オーディオを検索してクリックします。

または、 / audioと入力して、ブロックを配置する場所にEnterキーを押します。

オーディオブロックがコンテンツに追加され、オーディオファイルを追加して再生またはダウンロードできます。 クリックしてオーディオファイルをアップロードするか、ライブラリから選択するか、ファイルのURLを入力します。

オーディオファイルは、ファイルの名前やその他の情報を入力できるキャプション付きのオーディオプレーヤーとして表示されます。 基本的なオーディオプレーヤーオプションが含まれています。

音量アイコンにカーソルを合わせると、ユーザーが音量レベルを変更できるスライダーが開きます。

右側には、ユーザーのオプションを開く3つのドットがあります。 これにはダウンロードリンクがあります。

オーディオブロックの設定とオプション

オーディオブロックには、ブロック自体と右側のサイドバー内の設定とオプションが含まれています。 両方を見てみましょう。

オーディオブロックツールバー

オーディオブロックツールバーは、ブロックの上に配置されます。 ブロックを選択すると表示され、ほとんどのWordPressブロックよりも少ないツールが含まれています。

ブロックタイプまたはスタイルの変更

ブロックを列、ユーザーがオーディオをファイルとしてダウンロードできるようにするファイルブロック、またはスタイルを設定できるグループに変換します。 この例では、ファイルにカーソルを合わせています。 ファイルがファイルブロックとしてどのように見えるかをプレビューします。

ドラッグアンドムーブ

6つのドットが付いたアイコンであるドラッグツールを使用すると、ブロックを任意の場所にドラッグできます。 移動ツール（上下の矢印）は、矢印をクリックするたびに、ブロックを1つのコンテンツスペースで上下に移動します。 どちらも、コンテンツ領域内でブロックを移動する簡単な方法を提供します。

配置を変更する

配置オプションは、画面上のブロックの配置を決定します。 オプションには、左、右、広い幅、および全幅が含まれます。 左または右を選択すると、画面のその側に配置され、その下のコンテンツブロックでラップされます。

これは、画面の幅の大部分を占めるワイド幅です。

交換

このオプションを使用すると、ブロックを削除せずにオーディオファイルを置き換えることができます。 ライブラリを開くか、ファイルをアップロードするか、ファイルのURLを入力します。

オプション

オプションには、ほとんどのWordPressブロックにある標準設定が含まれています。

その他の設定を非表示–これにより右側のサイドバーが非表示になります。

コピー–これによりブロックがコピーされるため、コンテンツ内の別の場所に貼り付けることができます。

複製–これにより、元のブロックの下に複製が追加されます。

前に挿入–これにより、ブロックの前にブロック用のスペースが配置されます。

後に挿入–これにより、ブロックの後にブロック用のスペースが配置されます。

移動先–これにより、青い線を使用してブロックを移動し、その配置を選択できます。

HTMLとして編集–これにより、ブロックがコードエディタービューに切り替わり、残りのブロックを変更せずにHTMLを編集できます。

再利用可能なブロックに追加–これにより、ブロックが再利用可能なブロックのリストに追加されます。

グループ–これにより、ブロックがグループに追加されるため、単一のユニットとして調整できます。

ブロックの削除–これによりブロックが削除されます。

キャプション

キャプションには、太字と斜体のテキスト、リンク、その他のオプションの設定を含む別のオプションのセットがあります。 この例では、それらの多くを使用しました。 強調表示しているテキストに影響します。

太字と斜体のオプションは、一緒に使用することも、個別に使用することもできます。 上記の例の「This」という単語に太字と斜体を追加しました。

リンクについては、以前に使用したものからの提案が表示されます。 新しいタブでリンクを開くオプションが含まれています。 上記の例で「オーディオ」という単語へのリンクを追加しました。

[その他のオプション]をクリックすると、テキストのスタイルを設定するための設定があります。 それらはすべて、強調表示しているテキストに影響します。 上記の例では、それらのいくつかを使用しました。 それらが含まれます：

インラインコード–これはテキストをコードのようにスタイル設定します。

インライン画像–これにより、「オーディオ」と「キャプション」という単語の間で行ったように、メディアライブラリからインライン画像が追加されます。

キーボード入力–これはブラウザが使用するキーボードHTMLフォーマットでテキストのスタイルを設定します。

取り消し線–上記の例の「キャプション」という単語のように、テキストに線を引きます。

添字-これは、「あなた」は、上記の例では言葉のように、下のテキストと残りの部分よりも小さくなります。

上付き文字–これにより、テキストが他のテキストよりも高くなり、小さくなります。

テキストの色–上記の例の「あなた」という単語で行ったように、これはテキストの色を変更するためのカラーツールを開きます。 事前に選択した色から選択するか、カスタム色を作成します。 カスタムカラーの場合は、カラーピッカーを使用するか、16進コード、RGBコード、またはHSLコードを入力できます。

オーディオブロックサイドバー設定

サイドバー設定は、オーディオ設定と詳細設定を追加します。 サイドバーが表示されていない場合は、歯車を選択して設定を開きます。 この特定のブロックの設定を表示するには、ブロックを選択します。 設定を詳しく見てみましょう。

オーディオ設定

オーディオ設定では、オーディオプレーヤーがファイルを処理する方法を選択できます。 自動再生に設定すると、ページの読み込み時にファイルが開始されます。 ループに設定すると、ファイルの終わりに達したときにファイルが最初からやり直されます。

プリロードの動作を選択することもできます。 これにより、ページがユーザーのブラウザに読み込まれたときにダウンロードされるファイルの量が決まります。 オプションは次のとおりです。

自動–ユーザーがクリックして再生しなくても、オーディオファイル全体をダウンロードします。

メタデータ–これは、ファイルに関する基本情報であるテキストのみをダウンロードします。 ユーザーがファイルの再生を選択しない限り、オーディオファイル自体はダウンロードされません。

なし–情報やデータは自動的にダウンロードされません。

高度

詳細設定には、HTMLアンカーと追加のCSSクラスのフィールドが含まれています。 HTMLアンカーは、ブロックに直接リンクできるURLです。 [追加のCSSクラス]フィールドでは、CSSクラスを追加してブロックのスタイルを設定できます。

オーディオブロックを効果的に使用するためのヒントとベストプラクティス

キャプションを使用して、オーディオファイルの名前を表示します。

明確な見出しと段落を使用してファイルを説明します。 これにより、ユーザーに何を期待するかが通知されます。

自動再生を必要としないブロックのページの読み込みを高速化するには、プリロードをnoneまたはメタデータに設定します。

製品のCTAには自動再生とループを使用します。 ページ上の他のオーディオブロックの自動再生とループを無効にします。

[グループ]を選択して、オーディオプレーヤーの背景のスタイルを設定します。

このブロックを使用して、ページや投稿にオーディオを埋め込みます。

ダウンロードボタンを含めたくない場合は、ファイルのURLで埋め込みブロックを使用します。

オーディオブロックに関するよくある質問

オーディオブロックは何をしますか？

それはユーザーがオーディオファイルを再生またはダウンロードできるようにするオーディオプレーヤーをあなたのウェブサイトに追加します。

オーディオブロックを使用する利点は何ですか？

プレーヤーが作成されるため、ユーザーはオーディオファイルを使用できることを認識できます。

他のブロックに変換できますか？

はい。 また、ファイルブロック、列、またはグループに変換することもできます。 ファイルブロックを使用すると、ユーザーはブラウザでファイルを再生するのではなく、ファイルをダウンロードできます。

他のブロックをオーディオファイルに使用できますか？

はい。 URLを埋め込みブロックに貼り付けることはできますが、オーディオブロックにあるオーディオ設定がありません。 フロントエンドのオーディオプレーヤーになりますが、このブロックで提供されるものほどエレガントではありません。 埋め込みバージョンにはトラッキングバーの時間が含まれていますが、ダウンロードオプションやキャプションは含まれていません。

このブロックの最適な使用法は何ですか？

このブロックは、音楽、オーディオトラック、アルバムサンプル、ポッドキャスト、説教、オーディオコース、オーディオブックなどに使用できます。

ブロックはどのファイルタイプを使用できますか？

オーディオブロックは、.mp3、.m4a、.ogg、および.wavファイルと互換性があります。 プレーヤーは、各ファイルタイプで同じように見え、同じように動作します。

結論

これがWordPressオーディオブロックの見方です。 これは、いくつかの設定がある単純なブロックです。 コンテンツ内の場所と、訪問者のブラウザ内での動作を制御できます。 このブロックは、WordPressと互換性のあるあらゆる種類のオーディオファイルに最適です。

我々はあなたから聞きたい。 オーディオブロックを使用していますか？ コメントであなたがそれについてどう思うか教えてください。

すべてのベーグル/shutterstock.com経由の注目の画像