EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法

ウェブサイト內のオーディオコンテンツは、ユーザーエクスペリエンスを大幅に向上させることができます。コンサートそしてインターネット音聲配信サービスまたはその他のオーディオファイルをを使用します。 EmbedPressプラグインこの記事では、コードを書かずにWordPressウェブサイトにオーディオファイルを埋め込む方法を學びます。この記事では、WordPressウェブサイトにオーディオファイルを埋め込む方法について説明します。 グーテンベルク 歌で応える エレメンターエディターウェブページにオーディオファイルを埋め込む

畫像[1] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法

EmbeddedPressプラグインの操作

をインストールし、有効化していることを確認してください。 EmbedPressプラグイン.WordPressダッシュボードのプラグインページからインストールできる。プラグインをインストールしたら、有効にして使用を開始します。

Gutenbergエディターでオーディオを埋め込む

  • ページまたは記事を開く
    ワードプレスのダッシュボードでグーテンベルクエディターで、編集したいページまたは記事を選択します。
畫像[2] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • EmbedPressブロックの追加
    音聲を埋め込みたいページの場所をクリックし、プラス記號をクリックします。(+) アイコンを検索して選択する。エンベッドプレス"ブロック "をクリックし、"追加 "をクリックする。
畫像[3] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • オーディオファイルのURLを貼り付ける
    埋め込みたいオーディオソースのウェブサイトにアクセスし、オーディオファイルのURLをコピーします。グーテンベルク?エディターそのURLをEmbedPressブロックのフィールドに貼り付け、" "をクリックします。埋め込み「ボタン
畫像[4] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • セッティングの調整
    右側のパネルでは、埋め込みオーディオの幅、高さ、その他の設定を調整し、オーディオプレーヤーがページデザインと矛盾しないようにすることができます。
畫像[5] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • 保存と公開
    設定が完了したら、"セーブ"ボタンをクリックして、オーディオファイルがどのように埋め込まれているかを確認してください。訪問者はウェブページ上で直接オーディオファイルを再生することができます。

メディアライブラリによるオーディオの埋め込み

WordPressのメディアライブラリにある音聲ファイルを使用して音聲を埋め込むこともできます:

  • メディアライブラリーへのアクセス
    WordPressのダッシュボードで、"メディア"をクリックし、埋め込みたいオーディオファイルを選択します。
畫像[6] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • ファイルのURLをコピーする
    メディアライブラリで、オーディオファイルのURLをコピーします。
畫像[7] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • URLを貼り付けて埋め込む
    Gutenbergエディターに戻り、コピーしたURLをEmbedPressブロックのフィールドに貼り付け、""をクリックします。埋め込み"ボタンをクリックすると、オーディオファイルが自動的に埋め込まれます。
畫像[8] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • カスタムプレーヤーを有効にする
    より多くのカスタマイズオプションとして、"プレーヤーのカスタマイズ "を有効にすることで、プレーヤーの色を調整したり、早巻き、早送りなどを有効にしたり、コンテンツ保護やソーシャル共有オプションを有効にしたりすることができる。
畫像[9] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • 保存と公開
    すべての設定を調整した後、保存ボタンをクリックして埋め込み効果を表示します。

Elementorにオーディオファイルを埋め込む

Elementorは人気のWordPressページビルダーで、これを使えばオーディオファイルも簡単に埋め込むことができます:

  • ページまたは記事を開く
    Elementorエディタで、音聲を埋め込みたいページまたは記事を開きます。
畫像[10] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • EmbedPressウィジェットをドラッグする
    左のウィジェットパネルで "EmbedPress "を検索し、オーディオを埋め込みたい場所にドラッグします。
畫像[11] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • オーディオファイルのURLを貼り付ける
    オーディオファイルがあるウェブサイトにアクセスし、URLをコピーします。Elementorエディタに戻り、EmbedPressウィジェットのフィールドにURLを貼り付けます。
畫像[12] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • スタイルと設定の調整
    Elementorのスタイルタブでは、高さ、幅、マージン、パディングなどのオーディオプレーヤーのスタイル設定を調整できます。詳細設定タブでは、さらに多くのカスタマイズオプションを設定することもできます。
畫像 [13] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法
  • 結果の公表と表示
    すべての設定が完了したら、"Publish "ボタンをクリックして埋め込み効果を確認します。

高度な機能:オーディオソースの追加コントロール

EmbedPressプラグインは、特定のオーディオソースをさらにコントロールすることもサポートしています。オーディオソースが サウンドクラウドSoundCloudソースを選択し、自動再生、共有、コメント機能など、より多くのコントロールオプションを有効にすることができます。

畫像[14] - EmbedPressプラグインを使ってGutenbergとElementorにオーディオファイルを埋め込む方法

概要

とおす EmbedPressプラグインこのプラグインを使うと、Gutenbergエディタ、メディアライブラリ、Elementorエディタのいずれでも、WordPressウェブサイトにオーディオファイルを簡単に埋め込むことができます。このプラグインは標準的なオーディオソースの埋め込みをサポートするだけでなく、ユーザー體験を向上させるオーディオプレーヤーのパーソナライズもサポートしています。

WordPressに関連するチュートリアルや情報については、以下を參照してください。光子ゆらぎネットワーク最も充実したWordPressチュートリアルと、最もアクティブなWordPress Exchange コミュニティ.


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はEarly Seasonが執(zhí)筆しました。
終わり
好きなら応援してください。
クドス18 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし