因为专注
所以专业

WordPress 主题设置底部footer开发-之统计代码添加

角色设定: 你是一位精通 WordPress 主题设置(Theme Options)和 PHP 前端渲染的资深工程师,要求使用 Tailwind CSS。

任务目标: 在现有底部页脚(Footer)中,增加一个网站统计代码的输入和显示功能。

第一部分:后台选项(Theme Options PHP)的修改

  1. 定位: 在后台 ZenNav 主题设置中,找到“版权文字”、“ICP 备案号”和“公安备案号”所在的区域。

  2. 新增字段: 在该区域下方,新增一个配置项用于输入统计代码。

    • 字段 ID (Key): 必须使用 footer_stats_code

    • 字段类型 (Type): 必须是 textarea,因为统计代码通常是多行 JavaScript/HTML。

    • 字段标题: “网站统计代码”。

    • 字段提示 (Desc): “粘贴百度统计、Google Analytics 或 CNZZ 等统计代码,代码将被插入到页脚。”

第二部分:前端 Footer (PHP/HTML/Tailwind) 的渲染修改

  1. 数据获取:footer.php 中,使用主题设置的函数(例如:$stats_code = get_theme_option('footer_stats_code');)获取新字段的数据。

  2. 代码注入位置: 将统计代码放置在最底部的版权行。具体位置是在 ICP/公安备案信息之后,用一个小的 div 元素包裹。

  3. 安全输出: 统计代码包含 HTML/JavaScript,必须确保代码被安全且正确地输出到页面(可能需要用到 echo html_entity_decode($stats_code); 或框架特定的安全输出函数)。

  4. 布局保持: 必须保留上次优化中设定的 4 列 Grid 布局动态链接循环公安图标的 SVG 嵌入 逻辑。统计代码的注入不应破坏原有的底部排版对齐。

请分两个代码块输出:1. Theme Options PHP 代码片段(新增字段的部分)。 2. Footer.php 的完整 PHP/HTML/Tailwind 代码。

赞(0)
未经允许不得转载:小星星特效师 » WordPress 主题设置底部footer开发-之统计代码添加
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址