专注于外贸建站,分享WordPress建站和Elementor教程

如何用Elementor Pro制作网站页头导航

更新日期:2020-08-26

使用Elementor pro可以创作出多种多样的页头导航,可以不再局限于主题自带的导航了。并且Elmentor Pro的模板库里提供了几十款导航模板,一键导入就可以直接用起来了,还可安装Envota elements插件,里头还有十几款页头。

操作步骤如下:

elementor%E7%BC%96%E8%BE%91%E5%99%A8%E6%95%99%E7%A8%8B 2 - 如何用Elementor Pro制作网站页头导航
  1. 鼠标放在在“模板”菜单
  2. 点击theme builder
  3. 点击添加新模板
  4. 选择模板类型为header
  5. 输入模板名称,譬如header
  6. 点击“创建模板”按钮,可进入下图所示的library页面:
    1. 左键移动到模板上方,将出现放大镜按钮,点击可预览模板;
    2. 选择喜欢的模板,点击insert按钮即可导入到模板中;
elementor%E7%BC%96%E8%BE%91%E5%99%A8%E6%95%99%E7%A8%8B 1 - 如何用Elementor Pro制作网站页头导航

如下图所示,若你创建了多个菜单,且需要更换菜单,可以鼠标单击一下导航元素块,被选中元素块周围有蓝色线框,此时,左侧面板将会切换为:当前选中的元素块的操作面板,在面板的layout》menu中选择你所需的菜单即可。

elementor%E7%BC%96%E8%BE%91%E5%99%A8%E6%95%99%E7%A8%8B 33 - 如何用Elementor Pro制作网站页头导航

接下来是保存header模板

  1. 点击左下角的update按钮
  2. 在弹出层中点击add condition
  3. 系统自动出现一个默认条件,表示全站都使用这个header;你也可以下拉菜单看看条件的构成;你也可以根据需要创建多个header,不同条件下用不同的header。
  4. 点击save&close即可
elementor%E7%BC%96%E8%BE%91%E5%99%A8%E6%95%99%E7%A8%8B 32 - 如何用Elementor Pro制作网站页头导航

此时访问网站地址或点击publish按钮左侧的previewelementor编辑器教程-31即可看到导航。

elementor%E7%BC%96%E8%BE%91%E5%99%A8%E6%95%99%E7%A8%8B 30 - 如何用Elementor Pro制作网站页头导航

至此,本篇教程结束,ヾ(•ω•`)o拜拜

点赞
0 / 5 0

Your page rank:

教程

分享知识是一种美德,当我们每一个人都在不断的分享知识给这个社会的时候,我们这个社会将会变得越来越好,所以如果您喜欢这篇文章的内容,希望您可以把它分享到您的朋友圈当中,或者给到您指定的某一个人,您关心谁,就把知识分享给他,谢谢。

发表评论

邮箱地址不会被公开。 必填项已用*标注

我自用的

当你点击本站的链接购买它们,我会得到一些佣金,谢谢你们对我这位自由职业娃妈的支持,比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

siteground logo
SiteGround

购买外贸建站主机,它是80%读者的选择
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Hi~当你点击本站中的主机、主题、插件的链接前往购买后,我将获取一些佣金,这是我撰写建站教程的主要收入~希望也能得到你的支持,比心( •̀ ω •́ )y

Copyright © LOYSEO.COM — 专注提供外贸网站建设 · 外贸建站 · 外贸网站制作 与 外贸建站教程

Do NOT follow this link or you will be banned from the site!
微信扫一扫
我朋友的锂电池外贸网站可与相关应用(如电摩轻骑、电动自行车、电动车等)、上下游、同行进行自然外链交换,有意向请联系我~