Embedded Files
Select Image Module
Select Image Module
Image module details
Image module details
Divi makes it easy to add images anywhere on the page. All images come with 4 different animation styles that make browsing your website fun and engaging. Image modules can be placed in any column that you create, and their size will be adjusted to fit. If you choose not to use the image - there's a trashcan icon that will delete your image - these icons appear when your mouse hovers over the image.
Link - Place a valid image url here, or choose/upload an image via the WordPress Media Library. Images will always appeared left justified within their columns and will span the full width of your column. However, your image will never scale larger than its original upload size. The height of the image is determined by aspect ratio of your original image. A link can also be put in place to lead to a pdf if you want to put in the url.
Image Design Details
Image Design Details
Within the design tab, you will find all of the module’s styling options, such as fonts, colors, sizing, and spacing. This is the tab you will use to change how your module looks. Every Divi module has a long list of design settings that you can use to change just about anything.
Alignment: Here you can choose the image alignment.
Sizing: Options such as force fullwidth, width, max-width, module alignment, min-height, height, and max-height for sizing images
Spacing: This allows you to choose space below the image
Border: Giving you options for borders, border styles, and border styles
Box Shadow: This allows you to pick a box-shadow style to enable box shadow for your image.
Filters: This allows changes to your image in hue, saturation, brightness, contrast, inversion, sepia tones, opacity, blur, and blend mode.
Transform: This control allows you to perform visual adjustments to any element using a combination of Scale, Translation, Rotation, and Skew settings.
Choosing an image from Wordpress media library
Choosing an image from Wordpress media library
What Is the WordPress Media Library (And Where Can You Find It)? The WordPress Media Library is a repository that shows all of the media files you upload to your website. You can access your Media Library by logging in to your dashboard and selecting Media > Library from the menu to the left:
Upload new image files to library
Upload new image files to library
This section of your dashboard enables you to search through the media files that have been uploaded. You can also sort the contents based on their file types and upload dates. Clicking on Add New at the top of the screen will let you upload new media files from your computer:
Selecting the image from the library
Selecting the image from the library
If you click on any file within the WordPress Media Library, a new window will open where you can see its details. The Attachment details include:
Its upload date, who uploaded it, and the file’s name, type, size, and dimensions
An option to edit the image
The image’s metadata
Attachment details cont.
Attachment details cont.
if you continue to the main Attachment details screen, you’ll be able to edit some of the file’s metadata, including:
Alternative text (or “alt text”): This should be a short description of the image, which helps search engines understand what they’re “seeing”. Plus, if your image can’t load, visitors will see the alt text instead.
Title: The image’s title attribute is also important for Search Engine Optimization (SEO), and it should concisely explain what the image is. Moreover, some browsers will display an image’s title if you hover over it.
Caption: This is the text that you often see below an image that explains its context or includes attribution details.
Description: The image description will show up if visitors access the file’s URL or attachment page. You can use it to include more details about each image or add attribution information.
Files types supported by Wordpress media library.
Files types supported by Wordpress media library.
There are many kinds of media beyond images, and WordPress enables you to upload a broad range of file types. Not all files show up as viewable, it's best to add as much detail to your uploaded files to make your site more accessible for all visitors.
Here’s a full breakdown of all the media file types that WordPress allows:
Images: jpg, jpeg, png, gif, ico
Documents: pdf, doc, ppt, odt, xls, psd
Audio: mp3, m4a, ogg, wav
Video: mp4, mov, wmv, avi, mpg, ogv, 3gp, 3g2
Page updated
Report abuse