如何在wordpress主题中添加设置页面

2025-04-10 16:58:27
推荐回答(1个)
回答1:

新创建主题时,我们往往都要给新主题在后台添加一个主题设置页,以达到更加人性化,方便用户使用。给wordpress主题添加主题设置页面。
本节预案实现:1、改变主题配色方案;2、增加两个广告位内容;3、自定是否显示搜索框。
第一步:在主题函数function.php文件中添加如下代码:
// 设置选项页
function themeoptions_admin_menu()
{
// 在控制面板的侧边栏添加设置选项页链接
add_theme_page(“主题设置”, “主题选项”, ‘edit_themes’, basename(__FILE__), ‘themeoptions_page’);
}
function themeoptions_page()
{




主题设置




主题配色方案



图片广告位(1)


”/> 广告图片


”/> 广告链接


图片广告位(2)


”/> 广告图片


”/> 广告链接


/> 显示搜索框





}
add_action(‘admin_menu’, ‘themeoptions_admin_menu’);
?>
到这里,我们已经创建了一个主题选项页面。

第二步:调用前面设置的主题设置页面。
if ( $_POST[‘update_themeoptions’] == ‘true’ ) { themeoptions_update(); }
function themeoptions_update()
{
// 数据更新验证
update_option(‘mytheme_colour’, $_POST[‘colour’]);
update_option(‘mytheme_ad1image’, $_POST[‘ad1image’]);
update_option(‘mytheme_ad1url’, $_POST[‘ad1url’]);
update_option(‘mytheme_ad2image’, $_POST[‘ad2image’]);
update_option(‘mytheme_ad2url’, $_POST[‘ad2url’]);
if ($_POST[‘display_search’]==’on’) { $display = ‘checked'; } else { $display = ”; }
update_option(‘mytheme_display_search’, $display);
}
第三步:添加颜色样式。
我们主题的默认样式文件为 style.css,如果使用其他的配色方案,我们需要建立相应的样式文件,例如本例中的 blue.css、pink.css,style.css 为默认的灰色。
第四步:添加广告图片。
在你想要放置广告的地方添加以下代码:
”>” height=”125″ width=”125″ />
”>” height=”125″ width=”125″ />
第五步:是否显示搜索框。
在需要显示搜索框的地方添加下面的代码:

搜索框


”>
” />



这样,我们就实现了在后台添加主题设置页面的功能。当然,这里我们只是实现了简单的后台主题设置功能,如果想要增加什么,还可以根据自己的需要进行相应的修改。