Here you can choose whether your text should be light or dark. Every Divi module has a long list of design settings that you can use to change just about anything. This is the tab you will use to change how your module looks. Within the design tab you will find all of the module’s styling options, such as fonts, colors, sizing and spacing. This will change the label of the module in the builder for easy identification. To remove a background image, simply delete the URL from the settings field. If defined, this image will be used as the background for this module. Background Colorĭefine a custom background color for your module, or leave blank to use the default color. Click the “Upload” button to upload an image from your computer to be used as your cover photo. Cover Art ImageĬover art images are displayed to the left, or above the audio controls (depending on your column width). Click the “upload” button to upload an audio file from your computer to be used in the audio player. To remove an audio file from the module, simply delete the URL from the settings field. Audio Fileĭefine the audio file for use in the module. This name will appear below the artist name within the module. If your audio file is a song that is part of a larger album, you can input an album name here. This will be displayed in the audio player below the title. The title of the audio module is displayed within the audio player. Anything that controls what appears in your module will always be found within this tab. Within the content tab you will find all of the module’s content elements, such as text, images and icons. The audio module really is easy to use and looks great. Update the Module Settings as follows: Content Optionsīackground image: īackground image position: Bottom Center Design Options Change the row setting to have a custom width of 800px. Use the visual builder to add a Regular Section with a fullwidth (1 Column) row. Here is the page with the Featured Podcast at the bottom: Use Case Example: Add a Featured Podcast Episode to a Podcaster’s Site Homepageįor this example, I’m going to show you how to use the Audio Module to create a custom audio player for a feature podcast. These options are separated into three main groups: Content, Design and Advanced. The module list is searchable, which means you can also type the word “audio” and then click enter to automatically find and add the audio module! Once the module has been added, you will be greeted with the module’s list of options. Locate the audio module within the list of modules and click it to add it to your page. We have some great tutorials about how to use Divi’s row and section elements. If you are starting a new page, don’t forget to add a row to your page first. New modules can only be added inside of Rows. Once you have entered the Visual Builder, you can click the gray plus button to add a new module to your page. You can also click the Use Visual Builder button when browsing your website on the front end if you are logged in to your WordPress Dashboard. Next, click the Use Visual Builder button to launch the builder in Visual Mode. Clicking this button will enable the Divi Builder, giving you access to all of the Divi Builder’s modules. Once the Divi Theme has been installed on your website, you will notice a Use Divi Builder button above the post editor every time you are building a new page. View A Live Demo Of This Module How To Add An Audio Module To Your Pageīefore you can add an audio module to your page, you will first need to jump into the Divi Builder. This is a great feature for musicians who want to show off their latest creations, or podcasters who want to post their latest shows. The audio player assumes the clean/modern style of the Divi theme. The audio module allows you to embed an audio file + a custom audio player anywhere on your page. How to add, configure and customize the Divi audio module.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |