Elementor series tutorials : Complete Guide to Building a Website with Elementor from Zero Basics (2024)

In the process of building a B2B foreign trade website，Page pages are often used to create product pages using the Elementor editor.，Sometimes there is a need to call subpages in the parent page.，This article mainly teaches you how to call the subpages of the parent page in the post widget.。 Requirements description For example, there is a 10 subpage “Serve “page。need to be in “Serve “Add a “Post “element，and link to each subpage。Now，must pass “Manual selection “to select each subpage。If there are only a few pages，It's okay to do this。But when the list is long or updated frequently，It will be boring。 how to “Post “Add in gadget “Child pages of parent pages. I only recommend this to people with some knowledge of template file editing.。Don't edit the parent theme (in most cases)，Make sure you create a child theme。 method one:

Elementor Pro global style settings are an overall setting，Global settings are only available if Elementor Pro is installed，Theme settings for similar themes，It can help you preset the overall website color style，Things like font styles and layout and element presets，These will greatly reduce the workload of your post-production website。 for example，We can set several global colors，Then when setting the content color, you are directly responsible for these global colors. This tutorial will introduce the common functions of the global style and settings of the Elementor web editor.，For example, setting the global font、color、Page content width、Default spacing of elements, etc.。 Enter [Site Settings] after installing and activating Elementor Pro，Enter the Elementor editor window of any page，Click the button in the upper left corner，Then click site settings as shown in the picture below and you will see the following configuration options。 Design System/Design System Set global colors and global fonts。 Global Colors global color settings The biggest advantage of setting global colors is that you can quickly switch the color style of the website，For example, my current website is mainly green，If I want to change to the blue style, I only need to modify the color settings in the global color to quickly switch the website color style.。This requires that when you design and create the page, all colors are configured through global colors.，If the color is added manually，Then you still need to modify it manually。 How to set and use global colors is as follows： You can set the global color through the site settings，Set several common global colors。 The global one includes system colors and custom colors.，There are only four system colors，Cannot be deleted，But it can be modified。 Custom colors can be added and renamed according to your needs。

1、About why choose Elementor Pro 2、Official purchase subscription and registration 1) Register an official account Go to Elementor official website to register If you can't open it, please confirm，Whether your computer can access foreign websites (generally, it can be opened)。 Prepare an email account，Used to register an account。 After successful registration, log in directly to the management backend. 2) Purchase an Elementor Pro subscription. Click the [get Elementor Pro] button under the [Subscription] page to purchase a subscription. Select the subscription version you want to purchase.，Click the [Buy Now] button below and fill in the billing information，The billing address can be filled in China，VAT number is the tax number used for invoicing，If you are not sure, you can contact Elementor customer service to confirm before purchasing.。 Payment methods include credit card or PayPal.。

Using Elementor’s latest Container element has several significant advantages over the Section element in earlier versions.。The Container element was designed by the Elementor team to improve flexibility.、performance and design capabilities，These improvements mean more powerful and flexible layout options，An important advance for designers and developers。However, it is still difficult for many novices to get started.。If you have learned some CSS, you may understand，In fact, it is flex layout。 one、Benefits of Container 2、How to enable Elementor's Container function from settings，The latest versions of Elementor and Elementor Pro have Grid Container and Flexbox Container enabled by default.，If it is an old version, you can enable it yourself。