Astra Theme Official Typography Guide: Elementor Module Setup and Optimization Tips (06)

It's already been covered.Astra ThemeThe individual details of the function, today tells how to formalize the typesetting

In today's WordPress ecosystem, Astra theme has won the favor of a wide range of users with its lightweight and highly customizable features. However, for first-time Astra theme users, how to efficiently do page layout and module settings is still a process to be explored. In this article, we will analyze how to use Elementor editor in Astra theme for page layout, step by step to explain the creation and setup of image rotation effect and folded display image function, so that your web page is more attractive and practical.

Astra ThemeIt's a featured module without a theme that fits all editors, such as the default Gutenberg editor, as well as the WPBakery PageBuilder and Elementor editors and his own spectra editor.

After entering the elmentor editing interface, we will get a page to edit the home page, the following display is a B-side has been decorated page, depending on your physical situation

We respectively tell how these modules are created and set up, the first one we see is a picture rotation effect of the display

Steps: Website Frontend→Edit with Elementor→Edit lmage Carousel

We need to set him the image, and then set some display methods, such as how many to display, or how many to display the current page, and the size of the size of the

This basic setup is complete, of course, if you are not satisfied with the size or layout of the picture or navigation, style, can be modified in accordance with the following settings

The next one is a collapsed display image feature

The functions of elmentor and elmentor pro are basically sufficient, but if there are some special functions that require the use of theEssential Addons(that's elmentor's premium affiliate plugin), offers a large number of modules that basically fulfill all your requirements, such as the aforementioned graphic folding module (Edit lmage Accordion)

After you install it, it will appear below the elmentor editor's column as follows

If you are interested, we can recommend more plug-ins for elmentor.

The way to set up the folding module, set up is Accordion Style:
Hover swipe or click swipe, which is understood as a popup window .

Direction: Setting whether it is landscape or portrait screen

Horizontal Alignment and Vertical Alignment
centered

Content set up a good picture, title and button, you can add a link in the description that is the button, you can also add a link to the Title Link below, the title of the link to click a greater range of buttons can only be clicked on the button will jump!

If you are not satisfied with his container or text description, you can go to General (container) and Color & Typography (text color size) to adjust it!

Summary.

Through the introduction of this post, I believe you have a clearer understanding of how to use Elementor editor for page layout in Astra theme. In practice, you can set up different modules flexibly according to your own needs, so as to create a more personalized and functional web pages. In the next issue, we will continue to explore how to create more containers as well as more advanced setting techniques of Astra theme to help you further enhance the professionalism and user experience of your website.