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

Elementor自定义代码教程 (PRO)

更新日期:2021-07-19

Elementor自定义代码(Custom Code)功能是Elementor Pro付费版本功能,它允许你添加代码片段,如Google Analytics代码或Facebook Pixel代码,并将其运用到到你选择的位置,以你设定的优先级加载,且不需要编辑你的主题文件。


要添加一个新的自定义代码,请进入 Elementor > Custom Code 并点击按钮添加新代码。

elementor custom code - Elementor自定义代码教程 (PRO)

在这里,你可以将你的自定义代码片段添加到一个代码编辑器中,选择页面结构的位置来包含它(例如,在页面的头部元素中,或在body标签的开头或结尾),并设置其运行优先级。如果你在同一位置添加了两个脚本,你设置的优先级将决定它们中的哪一个将首先加载(1是最重要的,10是最不重要的)。最后,您可以像对任何 Elementor 网站模板(页眉页脚等)一样指定显示条件。一旦你完成了,发布你的代码,它就会在你的网站上运行。


elementor custom code 16 - Elementor自定义代码教程 (PRO)
  1. 标题:输入一个标题,以帮助你在将来识别这个代码段。
  2. 位置:选择脚本的位置,可以在页头(head)中应用,也可以在页面主体(body)的开头(-start)或页面主体(body)的结尾(-end)。
  3. 优先级:选择这个脚本运行的优先级(1 – 10)。如果多个脚本被分配到同一位置,优先级将决定它们的运行顺序。请注意,数字越小表示优先级越高。所以一个优先级为1的脚本将比优先级为5的脚本有更高的优先级。
  4. 代码输入框:在这里输入或粘贴代码。例如,如果你要输入谷歌分析的代码,你可以输入这样的内容。输入框包括一个内部的代码分析器,这是一个代码分析工具,可以检查错误或问题,并通知你它发现的任何问题。这允许你在保存之前纠正这些问题。
<!-- Global site tag (gtag.js) - Google Analytics --> <$cript async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-xx”></$cript> <$cript>   window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());   gtag('config', 'UA-xxxxxxxx-xx'); </$cript>
  1. 条件:点击 “发布 “后,在弹出框中可以添加条件,以设置您的代码片段在整个网站中的运用范围。如果您想让它在所有地方使用,请选择整个网站,或将它限制在某些页面、列表页等,此外您还可以添加排除条件。
elementor custom code condition - Elementor自定义代码教程 (PRO)

你可以把这个自定义代码保存为草稿,或者发布它。无论哪种方式,你都可以在将来回到 Elementor > Custom Code 查看和管理你创建的所有自定义代码。

elementor custom code 17 - Elementor自定义代码教程 (PRO)
点赞
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 — 专注提供外贸网站建设 · 外贸建站 · 外贸网站制作 与 外贸建站教程