DreamPages

1.1Header头部装修

关键字:
日期:2025-02-04 访问:13次 作者:admin
首页 >> 技术文档 >> Wordpress教程 >> Astra装修

进入Astra自定义界面有两种方式

①菜单栏【Astra】=>【自定义】

微信截图_20250204111104.png

菜单栏【外观】=>【主题】=>【自定义】

微信截图_20250204111047.png

点击【页眉生成器】进入Header编辑界面

微信截图_20250204111411.png

1.1.1调换Header各个组件

如果要调换LOGO和菜单的位置可以按住对应的组件进行拖动

微信截图_20250204111656.png

1.1.2替换LOGO和站点标题

后面SEO篇会教如何命名标题。如果大小不合适可以调节下面的【Logo宽度】

微信截图_20250204112428.png

1.1.3替换用户中心登入地址

点击【账户】

微信截图_20250204113600.png

两处地方要替换链接,如图所示。woocommerce自带用户中心,填入【/my-account/】即可。

微信截图_20250204114036.png

微信截图_20250204114112.png

用户登入界面弹出效果(如图所示)可以按照图片提示操作,如果不设置则效果为跳转到用户中心。

微信截图_20250204113924.png

在【已登出查看】=>【Click Action】=>【Login Popup】,如果弹出界面要找回密码选项可以把【Lost you password】给选上

微信截图_20250204114419.png

1.1.4取消用户中心和购物车图标

如果你是要做B2B独立站,只需要展示产品的话,无需用户中心和购物车,可以取消。

微信截图_20250204115606.png

1.1.5更改Header样式

Astra提供了一些样式,预设,如果不喜欢模板的Header,可以进行更改

在【页眉生成器】=>【Header Presets(预设)】,可以每个都点一下,然后喜欢哪个风格选择哪个

微信截图_20250204115730.png

假如我选择了第一个预设,他多出来了社交媒体按钮,如何修改呢?(如图所示)

微信截图_20250204120813.png


1.1.6添加搜索框、购物车、用户中心等更多组件

微信截图_20250204121248.png

微信截图_20250204121311.png

如果需要调整位置拖动即可;如果可以修改样式类型,点击组件即可修改。

微信截图_20250204121635.png


Tags:
上一篇:没有了!