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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007081276.png)
This is one of those things that may look messy and not as intuitive as the picture above
![图片[2]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007111248.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007123287.png)
This is a bit more intuitive, visual editing
![图片[4]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007241770.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007304039.png)
color
![图片[6]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007385020.png)
Container setup
Site Layout
Container Layout: You can set up several different widths of the
![图片[7]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007420017.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007451793.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007462554.png)
Blogs can also be set
![图片[10]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083007550734.png)
Blog directory: Blog / Archive
Single Blog: Single Post
![图片[11]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008085762.png)
Choosing the right layout
![图片[12]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008100226.png)
This is the layout of the blog directory, if not selected is the default
![图片[13]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008105544.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008124889.png)
and Post Elements, which can be hidden or displayed or edited.
![图片[15]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008141159.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008145349.png)
![图片[17]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008165371.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008182731.png)
Setting up the layout and elements, remember to see the actual effect!
![图片[19]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008213818.png)
Single Page: (single page)
Search Page.
![图片[20]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008232342.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008310431.png)
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.
Link to this article:https://www.361sale.com/en/18103/The article is copyrighted and must be reproduced with attribution.



















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments