exist WoodMart ThemesAdding a home page rotator can improve the visual performance of the page, but also focus on displaying the core content. The following will introduce two common settings, provide practical loading optimization techniques to help you make a good-looking and non-lagging home page.

Add a rotating image of the homepage slideshow

Method 1: Use WoodMart's built-in slider

• Log in to the WordPress backend, click on "Pages", find the homepage and click on "Edit with Elementor".

• In the top section of the page, click on the "+" sign to create a new line and insert the "WoodMart Slider" component (or use the WPBakery equivalent).

• Select the slider accessory or click "Select Slider" to create a new rotation area.

• Upload what you want to showslide (photography, presentation software)Images, uniform sizes are recommended, e.g. 1920×800.

• Add titles, buttons, jump links, etc. to each slide
• Set the switching animation (e.g. fade-in, slide, etc.), set the switching interval time (about 5 seconds is recommended) and whether to enable autoplay.

• Click "Update" to return to the front-end page to see the results.

Method 2: Use Slider Revolution plugin

WoodMart has the powerful Slider Revolution plugin built-in for rotating scenes that require complex animations and layer overlays.

• Click "Slider Revolution" on the left side of the backend to edit the slider.

• Set the slider size, for example width 1920px, height 800px.

• Add slideshow: upload a background image and add text layers, buttons, links and more.

• Click on each layer to set theanimemodes such as fade-in, zoom, delay time, etc.

• When you are done, click the "Save" button in the lower right corner.

• Go back to the Elementor editor and insert the "Revolution Slider" module in the home page and select the name of the slider you just created.

• Save the page and refresh the frontend to see the results.

Tips for optimizing loading speed

Although the visual appeal of the slideshow is strong, but the image size is too large or loaded in an unreasonable way, will slow down the home page to open speed. Here are a few practical optimization suggestions:

Compressed images

All rotating images are recommended to be in WebP format and compressed to within 150KB. The following tools can be used:

• TinyPNG
• Squoosh
• ShortPixel Plugin (WordPress Plugin)

Enable lazy loading

expense or outlay Elementor Pro If you are using a different builder, you can install the WP Rocket plugin and enable lazy loading of images. It is recommended to set the first slide not tolazy loading (computing), the rest of the delayed loading to avoid a blank first screen of the page.

Controlling the number of slides

It is not recommended to add more than 3 slides to avoid loading stacks. 3 slides or less is good for presenting the key points and focusing attention.

Streamlining animations and layers

Revolution Slider provides rich animation features, but the loading cost is high. It is recommended to turn off redundant layer animations and keep only simple transitions to reduce rendering time.

concluding remarks

WoodMart Support multiple ways to add home page rotating image, with strong compatibility and aesthetics. Whether you prefer a simple configuration or need a complex visual presentation, grasp theImage Optimizationand animation control, it's easy to create a fast-loading yet attractive home page.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off