WordPress知识分享

Elementor Pro如何设计网站页眉导航

Elementor pr页眉导航有很多不同样式的自带模板,比主题自带的导航美观和功能强大。你可以从 Elmentor Pro 模板库里提供的几十款导航模板中选择合适的一款,一键导入页眉导航栏,简单替换文字和logo后就拿来用。如果还不满意的就去安装 Envota elements插件,那里面提供了 10多个免费的页眉可选择。

Elementor Pro网站页眉导航栏

1、安装 Elementor和 Elementor Pro插件

要使用 Elementor Pro 设计网页页眉,就必须要先安装 ElementorElementor Pro插件。前者是免费版本,后者是付费版本。

两者都要安装,缺一不可。

Elementor页面编辑器 点我直达 Elementor pro插件官网,快速建站,容易上手。入门点击购买Elementor Pro插件和下载安装激活_WordPress页面编辑器。 更多Elementor插件内容请看Elementor专题
学习、小网站选择 1核2g配置的服务器起步,国外主题建站选择 2核4g配置,适当搭配运行流畅。
国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱) 不知道如何选择地域、配置请在页面右侧+老魏的联系研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网,在搜索框里输入并选择好后注册,记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机,价格便宜,性价比极高!Hostinger专题
SiteGround虚拟主机价格适中服务好!SiteGround专题

2、新建页眉模板

在 WordPress后台 > 模板 > Theme Builder > 添加新模板。

在 WordPress后台 > 模板 > 添加新模板

3、选择设置模板

选择模板类型为 Header。

输入模板名称 header 或者其他能区分开的名字,如下图所示点击“创建模板”。

输入模板名称 header 或者其他能区分开的名字

点击“创建模板”按钮进入library页面

elementor library页面选择页眉

4、选择并插入页眉模板

当鼠标放到模板上方出现放大镜按钮时,点击预览模板,看好了就点击“插入”按钮导入到模板中。

此时会问你是否也想导入模板的文档设置,选择是可能会覆盖以前的设置。

如果想更换导航菜单,点击菜单块(周围出现蓝色虚线框),去左侧面板 layout > menu 选择新菜单。

更换导航菜单,点击菜单块(周围出现蓝色虚线框),去左侧面板 layout > menu 选择新菜单

5、保存header模板

保存header模板
  • 点击页面左下角的“更新”按钮
  • 在弹出窗口中点击 add condition
  • 你想在哪里显示这个页眉模板:可选整站、归档、单独页面等。或创建多个页眉,在不同地方使用不同页眉。
  • 点击 save&close 按钮保存。

6、查看插入页眉效果

想看页眉效果,点击左下角的预览按钮(眼睛),或者直接打开域名查看。

6、查看插入页眉效果

总结:Elementor Pro页眉模板有数十款,你可以选择中意的一款导入,也可以在此基础上修改成满意的。

没有购买 Elementor Pro 的话,可以使用 Elementor免费版配合 Elementor Header & Footer Builder插件制作页眉。

赞(0)
文章名称:《Elementor Pro如何设计网站页眉导航》
文章链接:https://www.vpsss.net/26776.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。