Blocksy主题启用Custom Code Snippets添加自定义代码

Custom Code SnippetsBlocksy主题高级版的一个功能扩展,它可以让我们更加方便的在网站上插入自定义JavaScript或CSS代码片段。

Custom Code Snippets 的用途

在WordPress中,经常要添加一些自定义代码,以实现各种功能,如添加统计代码、自定义样式、添加功能等等。一般情况下,我们可以选择安装一个代码片段插件,如 “Code Snippets” 或 “Insert Headers and Footers”,然后再向网站添加代码片段。或者,也可以通过直接修改主题模板的方式。但是有些朋友害怕安装插件影响速度,又害怕修改模板文件存在风险。

不过,如果您使用Blocksy主题高级版,那么就可以更加方便的添加自定义代码了,它可以添加下面一些代码:

  • 添加第三方统计代码,比如,百度统计、Google Tag Manager、Facebook Pixel Tracking、Google Analytics等。
  • 添加CSS样式代码,修改主题或插件的默认样式,比如改变颜色、字体、布局、动画等等。
  • 添加一些特殊的功能,比如弹出窗口、滚动条、计数器、轮播图等等。

通过Custom Code Snippets,可以在全局或局部的范围内应用代码片段。也就是说,我们可以控制代码是影响全局,还是只影响某个文章或页面。

如何使用Custom Code Snippets?

要使用Custom Code Snippets功能,需要先启用Blocksy主题,并安装了Blocksy高级版插件,然后按照以下步骤操作:

第一步:启用Custom Code Snippets扩展。在WordPress后台,点击Blocksy仪表盘菜单 -> Extensions -> Pro Extensions -> Custom Code Snippets,然后点击启用这个扩展。

启用Custom Code Snippets扩展

第二步:添加全局代码片段。如果您想要在整个网站上执行一些代码片段,比如Google Tag Manager,可以在外观 -> 自定义 -> Extension -> Custom Code Snippets中添加全局代码片段。可以选择代码片段的类型(JavaScript或CSS),并在编辑器中输入代码。

添加全局代码片段

第三步:添加页面或文章代码片段。如果您只想要在某个页面或文章上执行一些代码片段,比如Facebook Pixel Tracking,在Gutenberg编辑器中,点击右上角的Blocksy设置图标,然后选择Custom Code Snippets。然后,选择代码片段的类型,并在编辑器中输入自定义代码。

添加页面或文章代码片段

综上,就是在Blocksy主题中,启用Custom Code Snippets扩展,并通过它添加自定义代码的详细操作步骤。

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/blocksy/how-to-use-blocksy-theme-custom-code-snippets-option/

(0)
牛奇网牛奇网
上一篇 2023年9月19日 上午10:10
下一篇 2023年9月19日 下午3:19

相关推荐

发表回复

登录后才能评论