零基础也能做网站：wordpress自定义选项页面哪家好

自己不会代码想做网站？你不是一个人，建站这事儿，很多人都是从零开始，特别是那些不太懂技术的老板，他们只想把网站建起来，别问太多代码的事儿。但问题是，网站想要好看又实用，光靠模板可不够，尤其像【wordpress自定义选项页面】这样的功能，不搞清楚怎么设置，网站后期运营就容易翻车。那到底哪家好？哪家真的能帮你解决这个问题？今天我就从一个真实项目说起，手把手带你搞定这个痛点。

项目背景与需求

去年我接手了一个客户，是做家具电商的，他们之前用的是现成的建站平台，但页面功能太死板，客户想增加一些自定义设置，比如产品展示方式、优惠活动的开关、客服信息的更新等等。他们最担心的是：这些设置不能动代码，不然网站改一回就崩一次，还怕出问题。

所以这次项目的需求非常明确：在WordPress后台增加一个自定义选项页面，让客户自己就能设置这些功能，完全不需要懂代码，也不用每次找程序员改。

客户最核心的需求可以总结为几点：

后台自定义设置页面，不依赖插件，自己控制；
设置项包括开关、文本输入、选择框，比如“是否开启折扣”、“客服电话”、“产品展示风格”等；
设置后能实时生效，不需要刷新整个网站；
安全性高，防止非授权人员修改；
部署在阿里云服务器，支持HTTPS和ICP备案。

技术选型

在技术选型上，我选择了WordPress原生的Settings API，这是WordPress官方推荐的方式，虽然不那么灵活，但对于这种不需要复杂逻辑的自定义页面，完全够用。

另外，考虑到后期维护和安全性，我使用了CodeIgniter作为后端处理的一部分，虽然不是必须的，但用来处理一些自定义的业务逻辑非常顺手。

服务器方面，客户选择了阿里云ECS，搭配WordPress官方推荐的LNMP架构，也就是Linux、Nginx、MySQL、PHP，这样的组合在性能和稳定性上都非常可靠。同时，服务器上也部署了Let’s Encrypt的SSL证书，确保网站的HTTPS安全。

在域名方面，客户选择了阿里云注册的.com域名，备案流程也走得很顺利，整个项目从开始到上线，用了不到2周时间，算是一个比较典型的快速上线案例。

核心实现（配代码片段）

第一步：创建自定义设置页面

在WordPress中，创建自定义设置页面的第一步是通过admin_menu钩子，添加一个后台菜单。这部分的代码非常简单，直接写在主题的functions.php文件中就行。

function my_custom_settings_page() {add_menu_page('自定义设置','网站设置','manage_options','my-custom-settings','my_custom_settings_page_html');
}
add_action('admin_menu', 'my_custom_settings_page');

这段代码会在后台菜单中添加一个“网站设置”的入口，权限是“manage_options”，也就是只有管理员才能访问。接下来就是定义这个页面的内容。

第二步：构建设置页面内容

在上面的my_custom_settings_page_html函数中，我们需要创建一个表单，包含几个常见的输入项，比如文本框、开关按钮、下拉选择等。

function my_custom_settings_page_html() {if (!current_user_can('manage_options')) {return;}// 判断是否有提交请求if (isset($_POST['submit'])) {// 这里可以处理数据的保存，比如用update_option函数update_option('custom_setting1', sanitize_text_field($_POST['custom_setting1']));update_option('custom_setting2', sanitize_text_field($_POST['custom_setting2']));echo '<div class="updated"><p>设置已保存。</p></div>';}// 获取已保存的设置$setting1 = get_option('custom_setting1', '');$setting2 = get_option('custom_setting2', '');?><div class="wrap"><h1>自定义设置</h1><form method="post"><table class="form-table"><tr valign="top"><th scope="row">网站标题</th><td><input type="text" name="custom_setting1" value="<?php echo esc_attr($setting1); ?>" class="regular-text" /></td></tr><tr valign="top"><th scope="row">是否开启折扣</th><td><label><input type="checkbox" name="custom_setting2" <?php checked($setting2, 'on'); ?> />开启</label></td></tr></table><?php submit_button(); ?></form></div><?php
}

这段代码创建了一个表单，包含两个字段：网站标题（文本框）和是否开启折扣（开关按钮），并实现了数据的保存和读取。