{"id":6521,"date":"2025-01-04T12:30:32","date_gmt":"2025-01-04T12:30:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=6521"},"modified":"2025-01-06T09:29:26","modified_gmt":"2025-01-06T09:29:26","slug":"comment-utiliser-le-bloc-audio-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-use-the-audio-block-in-wordpress\/","title":{"rendered":"Comment utiliser le bloc audio dans WordPress en 3 \u00e9tapes simples"},"content":{"rendered":"\n<p>The Audio block in WordPress allows you to add audio files such as music, podcasts, or other sound files to your WordPress posts and pages. <\/p>\n\n\n\n<p>Today, in this tutorial, we will show you how to use the audio block in WordPress effectively, from its benefits to its toolbar features and the step-by-step use process below. <\/p>\n\n\n\n<p>Before that, we will start our tutorial by discussing the WordPress audio block more.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" style=\"max-width: -moz-fit-content; \" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed\" id=\"ub_table-of-contents-5d8cf564-068d-4898-a684-d4e4f663dffe\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"false\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">How to Use the Audio Block in WordPress<\/div>\n\t\t\t\t<div class=\"ub_table-of-contents-header-toggle\">\n\t\t\t<div class=\"ub_table-of-contents-toggle\" style=\"\">\n\t\t\t\u00a0[<a class=\"ub_table-of-contents-toggle-link\" href=\"#\" style=\"\">show<\/a>]\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column ub-hide\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-use-the-audio-block-in-wordpress\/#0-what-is-the-wordpress-audio-block\" style=\"\">What is the WordPress Audio Block?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-use-the-audio-block-in-wordpress\/#1-what-are-the-features-of-the-audio-block\" style=\"\">What are the Features of the Audio Block?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-use-the-audio-block-in-wordpress\/#2-what-are-the-toolbar-features-of-the-audio-block\" style=\"\">What are the Toolbar Features of the Audio Block?<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Create Beautiful Tables <\/strong><br><strong>With Block Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Try Free<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-what-is-the-wordpress-audio-block\">What is the WordPress Audio Block?<\/h2>\n\n\n\n<p>The <strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/audio-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">audio b<\/a><\/strong>lock is a core WordPress block that lets you upload, embed, and play audio files on your WordPress website. It supports various audio formats, such as mp3, wav, etc. <\/p>\n\n\n\n<p>Again, it offers a simple interface to embed audio without relying on external audio players. Also, it offers a play button, playback speed control button, and audio download button for users. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-what-are-the-toolbar-features-of-the-audio-block\">What are the Toolbar Features of the Audio Block?<\/h2>\n\n\n\n<p>The audio toolbar comes with the straightforward features below. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Audio Transform: <\/strong>This functionality transforms your audio block into columns, detals, file, and group.<\/li>\n\n\n\n<li><strong>Drag:<\/strong> Allows you to drag and drop the dedicated block into any place in the editor.<\/li>\n\n\n\n<li><strong>Moving Handle:&nbsp;<\/strong>Moving handle lets you move your block up and down.<\/li>\n\n\n\n<li><strong>Align:&nbsp;<\/strong>The align option lets you set the audio alignment to None, Wide Width, Full Width, Left, Center, and Right.<\/li>\n\n\n\n<li><strong>Caption:&nbsp;<\/strong>You can add captions using the editor option for your audio.<\/li>\n\n\n\n<li><strong>Replace:<\/strong> The replace option lets you replace your current audio with the other audio, upload new audio, or reset the block. <\/li>\n\n\n\n<li><strong>More Options:<\/strong> Offers more options related to the section of the block, such as duplicate, copy, group, etc.<br><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"564\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-46-01.png\" alt=\"How to use the audio block in WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-6533\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-46-01.png 878w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-46-01-300x193.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-46-01-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-46-01-18x12.png 18w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-what-are-the-features-of-the-audio-block\">What are the Features of the WordPress Audio Block?<\/h2>\n\n\n\n<p>The audio block is perfect for audio influencers such as podcasters, musicians, and bloggers who work with music. There are numerous features, and some of them are discussed below. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Improved Engagement<\/strong>: Audio content can make your posts more interactive and engaging, capturing your audience\u2019s attention in new ways.<\/li>\n\n\n\n<li><strong>Seamless Integration<\/strong>: Easily add audio files without needing third-party plugins or players.<\/li>\n\n\n\n<li><strong>Customizable Player<\/strong>: Offers basic customization, such as playback controls and file descriptions, to align with your content style.<\/li>\n\n\n\n<li><strong>Enhanced Accessibility: <\/strong>You can reach users who prefer listening to content rather than reading it.<\/li>\n<\/ol>\n\n\n\n<p>You will also get the following features after adding the audio block. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"390\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-58-11.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6534\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-58-11.png 870w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-58-11-300x134.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-58-11-768x344.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_15-58-11-18x8.png 18w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Play Pause Button:<\/strong> Allow users to play or pause the audio.<\/li>\n\n\n\n<li><strong>Audio Length: <\/strong>Shows you the total audio lengthe. <\/li>\n\n\n\n<li><strong>Audio Length Slider: <\/strong>Using the slider you can listen specific part of the audion. <\/li>\n\n\n\n<li><strong>Volume Control:<\/strong> Let&#8217;s you adjust the sound volume for your audio player. <\/li>\n\n\n\n<li><strong>More Option<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Download Option:<\/strong> Allows you to download the audio. <\/li>\n\n\n\n<li><strong>Playback Speed:<\/strong> Allows you to adjust the playback speed of the audio. <\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"480\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-00-58.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6535\" style=\"border-width:1px;border-radius:3px;width:591px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-00-58.png 868w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-00-58-300x166.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-00-58-768x425.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-00-58-18x10.png 18w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use the Audio Block in WordPress?<\/h2>\n\n\n\n<p>As we will share the tutorial of the core WordPress audio block, we will not use any plugin. Make sure to follow us through. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Insert the Audio Block<\/h3>\n\n\n\n<p>Go to your post, click the Add Block (\u201c<strong>+<\/strong>\u201c)&nbsp;<strong>Add Block<\/strong>&nbsp;icon&nbsp;<strong>(1)<\/strong>, type \u201c<strong>Audio<\/strong>\u201d in the search box&nbsp;<strong>(2)<\/strong>, and click \u201c<strong>Audio<\/strong>\u201d&nbsp;<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"606\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-18-18.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6537\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-18-18.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-18-18-300x206.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-18-18-768x526.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_16-18-18-18x12.png 18w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2:<\/strong> <strong>Insert Audio<\/strong><\/h3>\n\n\n\n<p>When the block inserted into the editor, it will show you 3 options for adding audio files. Select any of the options to upload your audios. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Upload:&nbsp;<\/strong>You can upload your Audio files using the upload option.<\/li>\n\n\n\n<li><strong>Media Library:&nbsp;<\/strong>This lets you select audio file from your media library that have already been uploaded before.<\/li>\n\n\n\n<li><strong>Insert From URL:<\/strong>&nbsp;You can insert the audio using the links.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"520\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_17-11-42.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6538\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_17-11-42.png 834w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_17-11-42-300x187.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_17-11-42-768x479.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_17-11-42-18x12.png 18w\" sizes=\"auto, (max-width: 834px) 100vw, 834px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to Insert Audio Via Upload Option<\/h4>\n\n\n\n<p>To insert audio files, click the upload button, select your audio, and click open. It will be open in the editor after that.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"700\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-02-24.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6540\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to Insert audio Via Media Library Option<\/h4>\n\n\n\n<p>Click the Media Library button, select the audio, and click the Select button to insert the audio into the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"684\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-04-11.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6541\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to Insert audio Via Insert from URL Option<\/h4>\n\n\n\n<p>Select the Insert from URL button, input the link, and it will be displayed in the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"680\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-05-27.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6542\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Add More Features to the Audio Player<\/h3>\n\n\n\n<p>There are more settings you will find at the audio block settings. To access the block settings, navigate&nbsp;<strong>Settings<\/strong>&nbsp;(<strong>1<\/strong>)&nbsp;<strong>&gt;<\/strong>&nbsp;<strong>Block<\/strong>&nbsp;<strong>(2)<\/strong>&nbsp;<strong>&gt; Settings<\/strong>&nbsp;<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"562\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-10-55.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6543\" style=\"border-width:1px;border-radius:3px;width:591px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-10-55.png 886w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-10-55-300x190.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-10-55-768x487.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-10-55-18x12.png 18w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Autoplay: Let&#8217;s you define if the audio will play automatically or not. <\/li>\n\n\n\n<li>Loop: Let&#8217;s you enable or disable audio loop. <\/li>\n\n\n\n<li><strong>Preload<\/strong>: This option lets you choose how much of the audio file loads initially. \n<ul class=\"wp-block-list\">\n<li><strong>Browser default:<\/strong> The audio player follows settings from site visitor&#8217;s browsers. <\/li>\n\n\n\n<li><strong>Auto:<\/strong> Auto downloads the entire audio file, impacting load speed significantly, especially for large files<\/li>\n\n\n\n<li><strong>Metadata:<\/strong> Only basic file info is downloaded until Play is clicked, similar to the None option, with minimal difference between the two.<\/li>\n\n\n\n<li><strong>None<\/strong>&nbsp;: This option lets audio file download only after the visitor clicks Play.&nbsp;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>The<strong> Styles option <\/strong>lets you adjust the <strong>margin<\/strong> and <strong>padding <\/strong>of the audio player. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"605\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-19-42.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6544\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-19-42.png 886w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-19-42-300x205.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-19-42-768x524.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-04_18-19-42-18x12.png 18w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<p>So that&#8217;s how you should use a audio player and master all of its functionalities. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Final Thoughts!<\/h2>\n\n\n\n<p>I hope, the tutorial has been easy to follow. The Audio block simplifies the process of addign and managing audio content in WordPress. <\/p>\n\n\n\n<p>Explore the toolbar features, customize the settings, and integrate engaging audio content to elevate your site\u2019s user experience.<\/p>\n\n\n\n<p>Start experimenting with the Audio Block today and unlock the potential of audio for your WordPress site!<\/p>\n\n\n\n<p><strong>Read More!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-df00986d-ad2f-444d-990e-f4ca41bbec1b\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-3d1c13d6-7949-4bed-a15d-09973006c06f\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-gallery-block-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the Gallery Block in WordPress in 3 Easy Steps<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-3d1c13d6-7949-4bed-a15d-09973006c06f\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-preformatted-block-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the Preformatted Block in WordPress in 3 Easy Steps<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-3d1c13d6-7949-4bed-a15d-09973006c06f\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-wordpress-block-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the WordPress Block Editor (A Beginner&#8217;s Guide)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-3d1c13d6-7949-4bed-a15d-09973006c06f\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/flexible-table-block-vs-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flexible Table Block vs Tableberg: Which One is Best<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-3d1c13d6-7949-4bed-a15d-09973006c06f\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/best-wordpress-price-list-table-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 Best WordPress Price List Table Plugins<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-1d925dac-0c0d-42d7-a7bf-419903b85088\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-use-the-audio-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Audio%20Block%20in%20WordPress%20in%203%20Simple%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">share<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-use-the-audio-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Audio%20Block%20in%20WordPress%20in%203%20Simple%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-use-the-audio-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">share<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Audio block in WordPress allows you to add audio files such as music, podcasts, or other sound files to your WordPress posts and pages. Today, in this tutorial, we will show you how to use the audio block in WordPress effectively, from its benefits to its toolbar features and the step-by-step use process below. [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6522,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Use-the-Audio-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/fr\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=6521"}],"version-history":[{"count":11,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6521\/revisions"}],"predecessor-version":[{"id":6605,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6521\/revisions\/6605"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6522"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=6521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=6521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=6521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}