WordPressで画像にオーディオストーリーを追加する方法(簡単な方法)

ウェブサイトで写真を見ていて、何かが足りないと感じたことはありませんか?画像は注目を集めることができますが、音声ナレーションやサウンドクリップを追加すると、画像が生き生きとし、訪問者に永続的な印象を与えます。

このガイドでは、無料の Audio Story Images プラグインを使用して、WordPressの画像にオーディオストーリーを追加する方法を説明します。初心者向けで、コーディングは不要です。

このアプローチは、ナレーション付きのポートフォリオ、オーディオビジュアルの絵本、または音声説明付きのWooCommerce商品写真に最適です。コンテンツをより魅力的でインタラクティブにする簡単な方法です。

WordPressで画像にオーディオストーリーを追加する方法

WordPressの画像にオーディオストーリーを追加する理由

画像に音声を追加することは、訪問者がサイトとどのようにやり取りするかに大きな影響を与える可能性があります。

まず、これは強力なストーリーテリングツールです。写真家、アーティスト、またはブロガーであれば、自分のコメント、説明、またはナレーションをビジュアルに追加できます。これにより、視聴者とのより深い繋がりが生まれます。

インタラクティブなコンテンツは訪問者をより長くページに留めるため、エンゲージメントにも最適です。これは検索エンジンにとってポジティブなシグナルであり、ランキングの向上に役立ちます。

さらに、オーディオがナレーション付きの説明である場合、視覚障害のあるユーザーにとってコンテンツのアクセシビリティが高まります。

製品チュートリアル、子供向けの物語、または個人のブログを作成している場合でも、このテクニックはユニークでプロフェッショナルなタッチを加えます。

画像にオーディオストーリーを追加する方法(ステップバイステップ)

このチュートリアルでは、無料の Audio Story Images プラグインを使用します。これは、WordPressメディアライブラリの任意の画像に音声ファイルをリンクするために特別に構築された軽量プラグインです。非常にわかりやすいと感じたので、初心者にも最適です。

まず、プラグインをインストールして有効化する必要があります。その方法を復習する必要がある場合は、WordPressプラグインのインストール方法に関する詳細ガイドに従ってください。

プラグインが有効になったら、メディアのペアリングを開始する準備が整います。プロセス全体は、WordPressダッシュボードから数回のクリックで完了します。

ステップ1:画像とオーディオファイルをアップロードする

開始するには、WordPress管理パネルから メディア » メディアファイルを追加 に移動します。ここで、リンクしたい画像と音声ファイルの両方をアップロードできます。

ドラッグアンドドロップするか、「ファイルの選択」ボタンを使用できます。

メディアライブラリ経由での画像のアップロード
ステップ2:オーディオファイルを画像に添付する

ファイルのアップロードが完了したら、 メディア » ライブラリ に移動します。次のステップに進むには、リスト表示になっている必要があります。

デフォルトのグリッド表示から切り替えるには、画面上部にあるリストアイコンをクリックするだけです。

WordPress メディアライブラリでリストビューに切り替える

リストビューでは、プラグインによって追加された「Audio Story」という新しい列が表示されます。

リストで画像を見つけ、その隣にある「添付」リンクをクリックします。

「オーディオストーリー」列の「添付」リンクをクリックする

ポップアップウィンドウが表示され、メディアライブラリが再度表示されます。

次に、その画像に接続したいオーディオファイルを検索して選択します。

メディアライブラリポップアップからオーディオファイルを選択

オーディオファイルを選択したら、「選択」ボタンをクリックして確定します。

プラグインが2つのファイルをリンクし、「オーディオストーリー」列に画像名の横にオーディオファイル名が表示されます。これにより、正常にペアリングされたことが確認できます。

画像にオーディオファイルが添付されていることを示す確認
ステップ3:オーディオ画像を投稿またはページに追加する

画像にオーディオストーリーが添付されたら、WordPressの任意の 投稿または固定ページ に追加できます。新しい投稿または既存の投稿のWordPressエディターを開くだけです。

そこから、「+」アイコンをクリックして新しいブロックを追加し、「画像」ブロックを選択します。「メディアライブラリ」を開き、設定したばかりの画像を選択します。

設定済みの画像を投稿に追加する
ステップ4:オーディオストーリー画像をプレビューする

これで完了です。投稿を保存または公開すると、ページをプレビューできます。画像の上部左隅に小さな音量アイコンが表示されるようになります。

訪問者がこのアイコンをクリックすると、添付した音声ファイルが再生されます。サイトのビジュアルコンテンツに新しい次元を追加する、シンプルで効果的な方法です。

オーディオストーリープレビュー

これで、WordPressで画像にオーディオをペアリングする方法を学びました。

WordPress でオーディオストーリーを画像に追加することに関するよくある質問

WordPressで画像にオーディオストーリーを追加する方法について時々質問を受けるので、ここでは最も一般的な質問のいくつかに答えます。

1. WordPressで使用できるオーディオファイル形式は何ですか?

このプラグインは標準のWordPressオーディオプレーヤーで動作するため、MP3、OGG、WAVなどの一般的な形式をサポートしています。MP3は音質とファイルサイズのバランスが良いので、MP3の使用をお勧めします。

2. オーディオファイルを追加するとウェブサイトが遅くなりますか?

はい、大きなオーディオファイルはウェブサイトを遅くする可能性があります。これを防ぐために、WordPressにアップロードする前にオーディオファイルを圧縮して可能な限り小さくすることが重要です。これにより、ページの読み込みが速くなり、訪問者を満足させることができます。

3. ギャラリーの画像にオーディオストーリーを追加できますか?

いいえ、Audio Story Images プラグインは、投稿またはページに配置された個々の画像で動作するように設計されています。WordPress のデフォルトのギャラリーブロックやその他のほとんどのギャラリープラグインでは動作しません。

4. Audio Story Imagesプラグインは無料で使用できますか?

はい、Audio Story Images プラグインは完全に無料です。公式の WordPress プラグインディレクトリから無料でダウンロードしてインストールできます。

5. モバイルデバイスではオーディオストーリー画像はどのように表示されますか?

オーディオアイコンはレスポンシブデザインなので、モバイルデバイスでもうまく機能します。画像上に表示され、デスクトップコンピューターと同様に、モバイルユーザーはアイコンをタップするだけでオーディオを再生できます。

WordPressでのメディアファイル管理に関する追加リソース

この記事が、画像にオーディオストーリーを追加する方法を学ぶのに役立ったことを願っています。

WordPressサイトでのメディア活用をさらにマスターするために、以下の必須ガイドをご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

12 CommentsLeave a Reply

    • 利用可能なカスタマイズオプションについては、プラグインのサポートに問い合わせる必要があります。

      管理者

  1. こんにちは、おっしゃる通りにすべてインストールしましたが、画像をクリックしてもオーディオが再生されません。Elementorでページを作成したのですが、それが影響しますか?

  2. サイトのロゴを、誰かが私の音楽をダウンロードして再生したときに常に表示されるようにするにはどうすればよいですか? Boomplay に画像が表示されるようにするには、どうすればよいですか?

  3. 背景が白または他の明るい色の場合、音量アイコンが見えません。
    また、同じ画像でも場所によって異なる音を設定できると素晴らしいです..!

  4. ユーザーエクスペリエンスを評価できるように、記事でこれがどのように行われているかの例が見られたらよかったのですが。

    説明ありがとうございます。ライブの例があれば役立ったのですが。

  5. Hello. I was wondering if I could get some help. Recently I’ve moved my website from blogger to WordPress. But my problem is Google. I’ve deleted my blogger blogs, but Google seach console still shows my old website or blog. Like Google hasn’t indexed my site, but it has taken many days or even weeks. I was then wondering if there’s a fix to this, so Google would show my newest site in example in the data structure (text marketing or what the name was). Ether way, thanks :) from Marius HS (15 years old from Norway).

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。