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

开发 前端
Elementor pr页眉导航有很多不同样式的自带模板,比主题自带的导航美观和功能强大。你可以从 Elmentor Pro 模板库里提供的几十款导航模板中选择合适的一款,一键导入页眉导航栏,简单替换文字和logo后就拿来用。

[[428418]]

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

1、安装 Elementor和 Elementor Pro插件

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

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

2、新建页眉模板

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

3、选择设置模板

选择模板类型为 Header。

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

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

4、选择并插入页眉模板

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

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

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

5、保存header模板

点击页面左下角的“更新”按钮

在弹出窗口中点击 add condition

你想在哪里显示这个页眉模板:可选整站、归档、单独页面等。或创建多个页眉,在不同地方使用不同页眉。

点击 save&close 按钮保存。

6、查看插入页眉效果

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

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

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

本文转载自微信公众号「魏艾斯笔记」,可以通过以下二维码关注。转载本文请联系魏艾斯笔记公众号。

 

责任编辑:武晓燕 来源: 魏艾斯笔记
相关推荐

2013-08-30 10:55:31

网站设计

2011-09-05 09:23:50

2011-05-30 12:59:46

网站设计

2022-06-02 09:23:15

Google开源项目芯片设计

2009-10-14 14:56:19

网络综合布线系统

2016-12-05 18:11:29

2022-08-08 16:33:24

智能建筑楼宇自控物联网

2020-08-04 09:49:42

数据泄露密码管理器密码

2023-12-29 08:06:40

开源软件导航前端

2023-06-29 06:13:52

2017-08-10 16:36:43

Android导航标签

2011-10-09 17:45:06

iOS隐性导航应用设计

2015-11-04 10:12:40

导航设计任务腾讯

2013-10-23 15:30:31

设计网站

2017-09-11 17:52:35

APP

2016-05-24 10:30:56

网站设计出色

2012-06-14 10:26:43

iPhoneWeb App导航设计

2017-03-31 22:38:05

移动应用导航浏览

2013-12-13 10:37:36

搜狗
点赞
收藏

51CTO技术栈公众号