Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで画像に音声ストーリーを追加する方法

WordPressで画像に音声ストーリーを追加したいですか?写真にナレーションを追加したり、ウェブベースの音声ビジュアルストーリーブックを作成したりすることができます。この投稿では、WordPressで画像に音声ストーリーを簡単に追加する方法を紹介します。

How to add audio stories to images in WordPress

まず最初に、Audio Story Imagesプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、メディア ” 新規追加にアクセスし、画像と画像に追加したい音声ファイルをアップロードしてください。

Upload your audio and image files in WordPress

両方のファイルをアップロードした後、メディア ” ライブラリページにアクセスする必要があります次に、リスト表示アイコンをクリックして、メディアファイルをリストに表示します。

Audio Story “という新しいカラムが表示されます。アップロードした画像の横にある「添付」リンクをクリックしてください。

Link image to the audio file

すると、画像に添付したい音声ファイルを選択するポップアップが表示されます。

Select your audio file

続けて選択ボタンをクリックしてください。

プラグインが画像と音声ファイルをリンクします。

Audio and image files linked together

画像と音声ファイルがリンクされたので、WordPressの投稿やページに追加することができます。

画像を追加したい投稿やページを編集し、「メディアを追加」ボタンをクリックするだけです。

Add image in a WordPress post or page

メディアアップローダーのポップアップが表示されます。

アップロードした画像ファイルを選択し、投稿に挿入する必要があります。

Select your image from media library

満足したら、変更を保存するか公開することができます。

その後、プレビューボタンをクリックして、作成した音声ファイルの動作を確認してください。

Audio story image in WordPress

プラグインは、画像の左上に小さなボリュームアイコンを追加します。アイコンをクリックすると、画像にリンクされた音声ファイルが再生されます。

この投稿が、WordPressで画像に音声ストーリーを追加する方法のお役に立てば幸いです。WordPressのブログ投稿に使用するロイヤリティフリーの画像を探す方法については、こちらもご参照ください。

この投稿が気に入った場合は、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Facebookでも私たちを見つけることができます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

12件のコメント返信を残す

  1. Daniel

    Are there any ways to customize the play button?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for what customization options are available.

      管理者

  2. Penelope

    Hey there, I have installed everything as you say but when I click on the image it does not play the audio. I did create the page with Elementor – would that affect it?

  3. Umeh Chidera

    Please how do I make my site’s logo to be appearing anytime one downloads my music and and plays it. So The image will be appearing in boomplay, how do I do that please?

  4. indra

    When the image background is white or any other light color..that volume icon is not visible..
    also if its possible to get different sound for the same image at different places ,then it would be great..!

  5. Trelandon

    I always enjoy your reads on WP.

  6. George

    It would have been nice to see an example of this being done in the article so we could gauge the UX.

    Thanks for the explanation but a live example would have helped.

    • WPBeginner Support

      Hi George,

      If you visit the plugin’s page on WordPress.org directory you will find a link to more information with a live demo.

      管理者

  7. Awontis

    As always, wpbeginner has all the answers about WordPress.

  8. 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).

返信を残す

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