角色设定: 你是一位精通 WordPress 主题设置(Theme Options)和 PHP 前端渲染的资深工程师,要求使用 Tailwind CSS。
任务目标: 在现有底部页脚(Footer)中,增加一个网站统计代码的输入和显示功能。
第一部分:后台选项(Theme Options PHP)的修改
-
定位: 在后台 ZenNav 主题设置中,找到“版权文字”、“ICP 备案号”和“公安备案号”所在的区域。
-
新增字段: 在该区域下方,新增一个配置项用于输入统计代码。
-
字段 ID (Key): 必须使用
footer_stats_code。 -
字段类型 (Type): 必须是
textarea,因为统计代码通常是多行 JavaScript/HTML。 -
字段标题: “网站统计代码”。
-
字段提示 (Desc): “粘贴百度统计、Google Analytics 或 CNZZ 等统计代码,代码将被插入到页脚。”
-
第二部分:前端 Footer (PHP/HTML/Tailwind) 的渲染修改
-
数据获取: 在
footer.php中,使用主题设置的函数(例如:$stats_code = get_theme_option('footer_stats_code');)获取新字段的数据。 -
代码注入位置: 将统计代码放置在最底部的版权行。具体位置是在 ICP/公安备案信息之后,用一个小的
div元素包裹。 -
安全输出: 统计代码包含 HTML/JavaScript,必须确保代码被安全且正确地输出到页面(可能需要用到
echo html_entity_decode($stats_code);或框架特定的安全输出函数)。 -
布局保持: 必须保留上次优化中设定的 4 列 Grid 布局、动态链接循环 和 公安图标的 SVG 嵌入 逻辑。统计代码的注入不应破坏原有的底部排版对齐。
请分两个代码块输出:1. Theme Options PHP 代码片段(新增字段的部分)。 2. Footer.php 的完整 PHP/HTML/Tailwind 代码。
小星星特效师