进入Astra自定义界面有两种方式
①菜单栏【Astra】=>【自定义】
②菜单栏【外观】=>【主题】=>【自定义】
点击【页眉生成器】进入Header编辑界面
1.1.1调换Header各个组件
如果要调换LOGO和菜单的位置可以按住对应的组件进行拖动
1.1.2替换LOGO和站点标题
后面SEO篇会教如何命名标题。如果大小不合适可以调节下面的【Logo宽度】
1.1.3替换用户中心登入地址
点击【账户】
有两处地方要替换链接,如图所示。woocommerce自带用户中心,填入【/my-account/】即可。
用户登入界面弹出效果(如图所示)可以按照图片提示操作,如果不设置则效果为跳转到用户中心。
在【已登出查看】=>【Click Action】=>【Login Popup】,如果弹出界面要找回密码选项可以把【Lost you password】给选上
1.1.4取消用户中心和购物车图标
如果你是要做B2B独立站,只需要展示产品的话,无需用户中心和购物车,可以取消。
1.1.5更改Header样式
Astra提供了一些样式,预设,如果不喜欢模板的Header,可以进行更改
在【页眉生成器】=>【Header Presets(预设)】,可以每个都点一下,然后喜欢哪个风格选择哪个
假如我选择了第一个预设,他多出来了社交媒体按钮,如何修改呢?(如图所示)
1.1.6添加搜索框、购物车、用户中心等更多组件
如果需要调整位置拖动即可;如果可以修改样式类型,点击组件即可修改。
相关文章
更多文章-
2025-09-03
如何更改文章分类排序?
1.安装插件回顾安装插件教程搜索order,安装并启用此插件2.进行排序点击【文章】=>【分类排序】进行拖动···
-
2025-09-03
如何更换elementor表单收件人邮箱?
1.进入有使用elementor表单的网页点击顶部【edit with elementor】2.更改邮箱点击邮箱进入编辑区域,编辑【···
-
2025-09-02
如何编辑Elemetskit的Mega菜单?
1.先进入菜单编辑页面位置:【外观】=>【菜单】选择对应的菜单2.进行编辑将鼠标悬浮在对应的菜单项目上,···
-
2025-09-01
elementor如何使用动态链接?
使用动态标签可以避免网站在更换域名之后或者修改URL后链接失效1.进入elementor编辑器,找到要添加链接的地···