namesilo最便宜的域名购买
Astra主题如何添加全宽部分

Astra主题如何添加全宽部分

Astra主题如何添加全宽部分

  Astra 是一个高效且完全可定制的WordPress主题,非常适合博客、商业、个人投资组合和 WooCommerce 店面,它为网站提供了极快的速度,凭借其特殊功能和模板,它非常适合 Elementor、Divi、Beaver Builder、SiteOrigin、Visual Composer 等页面构建器

Astra主题如何添加全宽部分

  之前我们为你介绍了如何在Astra主题中添加顶栏,本文晓得博客为你介绍Astra主题如何添加全宽部分。

Site Layout添加全宽部分布局

  Astra主题 是一个漂亮的 WordPress主题,免费版本已在超过百万个网站上使用,它对 Elementor页面构建器插件 兼容,能够导入数十种高质量的网站设计,只需单击即可导入网站。

  登录WordPress仪表盘后,添加一个新页面。接下来,确保内容布局的页面设置设置为全宽/拉伸。请单击编辑器中的 Astra “ A ”图标,然后从 “ Content Layout 内容布局 ” 下拉菜单中选择“ Full Width/Stretched 完全宽度/拉伸 “

Site Layout添加全宽部分布局

  现在,你就有一个全宽的内容块部分。

使用Section Block添加全宽部分

  注意:以下部分功能实现需要安装Ultimate Addons for Gutenberg插件

  是否要使用Section块 或 Advanced Columns块(在Ultimate Addons for Gutenberg插件中可用)。它为您提供了设置单列或多列的选项,使构建页面变得容易,高级列块能够添加形状分隔线,为您的网站增添漂亮的设计感。

  要使用 Section 块,请通过单击 Publish 按钮旁边的设置齿轮切换到块编辑器:通过单击“+”号添加部分块,在块编辑器搜索栏中键入 sec,然后单击部分:

使用Section Block添加全宽部分

  要设置 Section 块的样式,将内容宽度设置为全宽,将内部宽度设置为 100%。

设置Section-Block添加的全宽部分

  推荐:如何给Astra主题菜单栏添加搜索栏

使用Advanced Column Block添加全宽部分

  如果您想使用Advanced Column块并且没有安装Ultimate Addons for Gutenberg插件,现在是安装和激活它的时候了。接下来通过单击“ 发布 ”按钮旁边的设置齿轮切换到块编辑器,通过单击“ + ”号添加高级列块:

  在块编辑器搜索栏中输入uag并单击Advanced Columns:

使用Advanced Column Block添加全宽部分

  现在需要设置 Advanced Columns 块的样式,将布局设置为 1 列,将容器宽度设置为自定义,将自定义宽度设置为 100%。

  在这里,你可以安装你自己的需求挑选全宽一列或者多列的布局。

  推荐:如何将自定义CSS添加到WordPress网站

总结

  以上是晓得博客为你介绍的Astra主题怎么添加全宽部分的全部内容,探索所有这些情况下构建您的网站,是学习WordPress建站的必经之路。希望对你有所帮助,如有问题,欢迎留言探讨。

  推荐:Astra主题建站教程

给文章评分

晓得博客,版权所有丨如未注明,均为原创
晓得博客 » Astra主题如何添加全宽部分

转载请保留链接:https://www.pythonthree.com/how-to-add-astra-full-width-section/

ThemeForest 模板套件
可视化创建WordPress网站
Scroll to Top