ウェブサイトで写真を見ていて、何かが足りないと感じたことはありませんか?画像は注目を集めることができますが、音声ナレーションやサウンドクリップを追加すると、画像が生き生きとし、訪問者に永続的な印象を与えます。
このガイドでは、無料の Audio Story Images プラグインを使用して、WordPressの画像にオーディオストーリーを追加する方法を説明します。初心者向けで、コーディングは不要です。
このアプローチは、ナレーション付きのポートフォリオ、オーディオビジュアルの絵本、または音声説明付きのWooCommerce商品写真に最適です。コンテンツをより魅力的でインタラクティブにする簡単な方法です。

WordPressの画像にオーディオストーリーを追加する理由
画像に音声を追加することは、訪問者がサイトとどのようにやり取りするかに大きな影響を与える可能性があります。
まず、これは強力なストーリーテリングツールです。写真家、アーティスト、またはブロガーであれば、自分のコメント、説明、またはナレーションをビジュアルに追加できます。これにより、視聴者とのより深い繋がりが生まれます。
インタラクティブなコンテンツは訪問者をより長くページに留めるため、エンゲージメントにも最適です。これは検索エンジンにとってポジティブなシグナルであり、ランキングの向上に役立ちます。
さらに、オーディオがナレーション付きの説明である場合、視覚障害のあるユーザーにとってコンテンツのアクセシビリティが高まります。
製品チュートリアル、子供向けの物語、または個人のブログを作成している場合でも、このテクニックはユニークでプロフェッショナルなタッチを加えます。
画像にオーディオストーリーを追加する方法(ステップバイステップ)
このチュートリアルでは、無料の Audio Story Images プラグインを使用します。これは、WordPressメディアライブラリの任意の画像に音声ファイルをリンクするために特別に構築された軽量プラグインです。非常にわかりやすいと感じたので、初心者にも最適です。
まず、プラグインをインストールして有効化する必要があります。その方法を復習する必要がある場合は、WordPressプラグインのインストール方法に関する詳細ガイドに従ってください。
プラグインが有効になったら、メディアのペアリングを開始する準備が整います。プロセス全体は、WordPressダッシュボードから数回のクリックで完了します。
ステップ1:画像とオーディオファイルをアップロードする
開始するには、WordPress管理パネルから メディア » メディアファイルを追加 に移動します。ここで、リンクしたい画像と音声ファイルの両方をアップロードできます。
ドラッグアンドドロップするか、「ファイルの選択」ボタンを使用できます。

ステップ2:オーディオファイルを画像に添付する
ファイルのアップロードが完了したら、 メディア » ライブラリ に移動します。次のステップに進むには、リスト表示になっている必要があります。
デフォルトのグリッド表示から切り替えるには、画面上部にあるリストアイコンをクリックするだけです。

リストビューでは、プラグインによって追加された「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ブログ投稿用のロイヤリティフリー画像を見つける方法
- ウェブパフォーマンスのために画像を最適化する方法
- WordPress で一般的な画像の問題を修正する方法
- WordPress で画像ギャラリーを作成する方法
- WordPressにオーディオ音楽プレーヤーウィジェットを追加する方法
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。

Daniel
再生ボタンをカスタマイズする方法はありますか?
WPBeginnerサポート
利用可能なカスタマイズオプションについては、プラグインのサポートに問い合わせる必要があります。
管理者
ペネロペ
こんにちは、おっしゃる通りにすべてインストールしましたが、画像をクリックしてもオーディオが再生されません。Elementorでページを作成したのですが、それが影響しますか?
WPBeginnerサポート
ペネロペさん、
通常のWordPressページでオーディオストーリーを作成してみてください。
管理者
Umeh Chidera
サイトのロゴを、誰かが私の音楽をダウンロードして再生したときに常に表示されるようにするにはどうすればよいですか? Boomplay に画像が表示されるようにするには、どうすればよいですか?
indra
背景が白または他の明るい色の場合、音量アイコンが見えません。
また、同じ画像でも場所によって異なる音を設定できると素晴らしいです..!
Trelandon
いつもWPでのあなたの記事を楽しみにしています。
ジョージ
ユーザーエクスペリエンスを評価できるように、記事でこれがどのように行われているかの例が見られたらよかったのですが。
説明ありがとうございます。ライブの例があれば役立ったのですが。
WPBeginnerサポート
ジョージさん、こんにちは。
WordPress.org ディレクトリにあるプラグインのページにアクセスすると、詳細情報へのリンクとライブデモが見つかります。
管理者
Awontis
いつものように、wpbeginnerにはWordPressに関するすべての答えがあります。
Marius Haga Skaar
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).
WPBeginnerサポート
マリウスさん、こんにちは。
新しいウェブサイトをGoogle Search Consoleに追加しましたか?また、BloggerブログをWordPressに正しくリダイレクトしましたか? BloggerからGoogleのランキングを失うことなくWordPressに切り替える方法に関するガイドをご覧ください。
管理者