Astra Theme Settings Explained: How to Easily Manage the Appearance of Your Website (10)

Astra ThemeKnown for its lightweight and high customizability, its settings may be a bit complicated for novice users at first. In this article, we will introduce the main setting locations and functions of Astra theme in detail to help you easily manage and customize the appearance and layout of your website. Whether it's typography, colors or blog layout settings, you can quickly get started with the guidance in this article to create a website that meets your needs.

Astra ThemeThe theme settings are integrated in two places

Steps: Website back-end → Astra → Dashboard → the module you need to set up

图片[1]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

This is one of those things that may look messy and not as intuitive as the picture above

图片[2]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

The second one is right in the theme's customization, as shown below and above

Steps: Website back-end → Appearance → Customize → you need to set up the module

图片[3]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

This is a bit more intuitive, visual editing

图片[4]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Typography: air-conditioning to adjust the style of the font, as well as you in the elmentor editor to choose the H1-H6 fonts can also be selected here, you can understand that the global layout

图片[5]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

color

图片[6]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Container setup

Site Layout

Container Layout: You can set up several different widths of the

图片[7]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

as well as set the entire container outside the box (Outside) and inside the box (Inside), you can understand the elmentor advanced features the same, but it is not recommended to adjust here, in the elmentor container module set up separately is better, here will affect the global

图片[8]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

How to understand this statement, as shown below, in the state of the yellow paragraph, then there will be no change

图片[9]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Blogs can also be set

图片[10]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Blog directory: Blog / Archive

Single Blog: Single Post

图片[11]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Choosing the right layout

图片[12]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

This is the layout of the blog directory, if not selected is the default

图片[13]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

If you don't set up a layout, the default is a one-page

You can also set how many articles are displayed in the catalog, so you can understand them according to the translation.

图片[14]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

and Post Elements, which can be hidden or displayed or edited.

图片[15]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

and some information on the author's summary of the article, as shown below, the function is very complete, and adjusted, next to the page can show the real-time effect, that is, the visualization is still very good to use!

图片[16]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复
图片[17]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

If the default title doesn't give you the effect you need, remember to turn on the Blog Title Area

图片[18]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Setting up the layout and elements, remember to see the actual effect!

图片[19]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Single Page: (single page)

Search Page.

图片[20]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Setting method and the above blog setup is similar, just set up the block is different, this is the setup page, such as the above picture

图片[21]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复

Sidebar: Sidebar settings, if you don't need it, you don't need to set it, the above is not set up with a sidebar, the yellow arrow is set up with a sidebar

summarize

With the above introduction, you should have a better understanding of Astra theme settings. Whether it's adjusting typography, colors, or customizing blog and page layouts, Astra theme offers a wealth of features to meet your needs. In the next issue, we will continue to explore more setting options of Astra theme to help you further optimize the user experience and visual effect of your website.


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: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by Harry
THE END
If you like it, support it.
kudos0 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments