WordPress添加HTML/JS/CSS代码插件:Header Footer Code Manager

Header Footer Code Manager插件是一款WordPress添加代码用的插件,主要适合添加站长验证代码、百度统计、在线客服等代码。

为什么要使用Header Footer Code Manager插件?

这款插件可以在我们需要在网站添加各种代码,比如站长验证代码(百度、谷歌、搜狗、360等各大搜索引擎)、或者是统计代码(百度统计、谷歌统计[Google Analytics]、cnzz统计)、再或者是在线客服工具的时候很方便的在后台添加修改代码内容。

有些主题会自带添加代码的工具(主要是付费主题带有)、大多数主题都没有在功能中设置添加的工具,如果直接在文件中添加,一是对于新手来说,相对应的文件不好找,二是,主题一旦更新,之前添加的内容会被覆盖,还要重新添加。

这里推荐使用插件:Header Footer Code Manager。一来可以不用找文件相对应的位置。二是,即使主题更新,也不会覆盖原有文件。

Header Footer Code Manager插件还可以选择代码加载的页面、位置,也可以通过简码进行调用。可以一键禁用和开启,并且还支持设置PC端还是手机端,或者两者都加载。

插件安装

进入WordPress后台>插件>安装插件>搜索“Header Footer Code Manager

WordPress添加HTML/JS/CSS代码插件:Header Footer Code Manager

之后点击【现在安装】,稍等片刻后点击【启用】。

如果网速不好,或者其他原因安装失败,可以到WordPress官网下载插件之后,手动上传到WordPress插件中:https://wordpress.org/plugins/header-footer-code-manager/

插件使用

【启用】插件之后,在WordPress后台左侧边栏>HFCM中选择新建

  • 填写片段名称(自定义、自己能看懂即可)
  • 网站显示,选择显示的页面,可以设定页面、文章、全站等
  • 也可以排除页面和文章
  • 选择显示位置(站长验证代码选页眉[Header]、其他如统计代码、在线客服代码放在页脚[Footer])
  • 设备显示,如果可以让不同设备显示不同的代码,或者其他设备不显示
  • 状态:只有这里选择启用(Active)才会启用,如果选择不启用(Inactive)即便下方保存也不会生效
  • 最后添加代码片段

最后点击【保存/更新】

WordPress添加HTML/JS/CSS代码插件:Header Footer Code Manager

【保存】之后在HFCM>所有片段中就可以查看到添加的内容,并且可以之后做设置和修改更新。

WordPress添加HTML/JS/CSS代码插件:Header Footer Code Manager

这款插件在网站找到了汉化文件,可以点击下载中文包,解压后上传到 wp-content/languages/plugins 目录即可。

文章标题:WordPress添加HTML/JS/CSS代码插件:Header Footer Code Manager,本文链接:https://www.siwihs.com/6422.html。未经允许,禁止转载。

发表评论

登录后才能评论

评论列表(2条)

分享本页
返回顶部