Astra主题设置详解:如何轻松管理您的网站外观(10)

Astra主题以其轻量化和高定制性著称,但对于新手用户来说,初次接触其设置可能会感到有些复杂。本文将详细介绍Astra主题的主要设置位置及功能,帮助您轻松管理和定制网站的外观与布局。无论是排版、颜色还是博客布局的设置,您都可以通过本文的指导快速上手,打造出一个符合您需求的网站。

Astra主题的主题设置集成在两个地方

步骤:网站后端→Astra→Dashboard→你需要设置的模块

图片[1]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这是其中的一种,可能看起来会比较乱,没有那么直观,如上图

图片[2]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

第二种就在主题的自定义,如下图和上图

步骤:网站后端→Appearance→Customize→你需要设置的模块

图片[3]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这种就直观一点,可视化编辑

图片[4]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Typography(排版):空调调整字体的样式,以及你在elmentor编辑选择的H1-H6字体也可以在这里选择,你可以理解为全局布局

图片[5]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

以及颜色

图片[6]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

容器的设置

Site Layout(网站布局)

Container Layout(容器布局):可以设置几种不同宽度的

图片[7]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

以及设置整个容器的外框(Outside)和内框(Inside),你可以理解为elmentor高级功能一样,但不建议在这里调整,在elmentor容器模块单独设置比较好,这里会影响全局

图片[8]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这句话怎么理解呢,如下图,在黄色款的状态下,则不会有变化

图片[9]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

博客(blog)也可以设置

图片[10]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

博客目录:Blog / Archive

单篇博客:Single Post

图片[11]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

选择合适的布局

图片[12]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这个是博客目录的布局,如果不选择的就是默认的

图片[13]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如果没有设置布局,默认的就是一篇一篇的

还可以设置目录显示多少篇文章,大家根据翻译去理解

图片[14]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

以及Post Elements(贴子元素),可以隐藏或者展示或者编辑

图片[15]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

以及文章作者摘要的一些信息,如下图,功能很完善,而且调整的,旁边的页面能显示实时效果,就是可视化还是很好用的

图片[16]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[17]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如果默认的标题不能满足你需要的效果,记得打开Blog Title Area(博客标题区)

图片[18]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

设置布局和元素,记得看实际效果哦

图片[19]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Single Page:(单个页面)

Search Page:(搜索页面)

图片[20]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

设置方法和上面博客设置是类似的,只是设置的区块不一样,这个是设置页面的,如上图

图片[21]-Astra主题设置详解:如何轻松管理您的网站外观(10)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Sidebar:侧边栏设置,如果不需要则不需要设置,上述就没有设置有侧边栏,黄色的箭头就是设置有侧边栏的

总结

通过以上介绍,您应该对Astra主题的设置有了更深入的了解。无论是调整排版、颜色,还是定制博客和页面布局,Astra主题都提供了丰富的功能来满足您的需求。在下一期中,我们将继续探讨Astra主题的更多设置选项,帮助您进一步优化网站的用户体验和视觉效果。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容