WP主题开发之给wordpress主题trans添加主题设置页面

我们创建了公共模板:头部模板、侧边栏模板、底部模板,我们完成了首页模板、列表页模板、文章详情页模板。但是,有一些细节问题,我们还没有处理好,如:logo图片如何修改?底部的一些信息如何修改?网站的关键词与描述在哪添加?当然,这些东西,我们可以手动添加到模板代码中,但是,在后期操作中就比较麻烦,难道每次修改时,我们都要去修改模板代码吗?如果用户是一个不懂代码的人,该如何操作呢?这时,如果在trans主题的后台有一个界面可以设置这些东西就好了,那样,不管你懂不懂代码,都可以操作。所以,我们将带着在大家来给trans主题添加一个主题设置页面。第一步:给后台外观导航添加一个“主题设置”子菜单。

在trans主题的functions.php文件中添加如下代码:

//在后台“外观”菜单中添加 【主题设置】 这个子菜单
function Themes_Set(){
add_theme_page( 'title标题', 'B2子主题设置', 'administrator', 'ashu_slug','ssmay_set');
}
add_action('admin_menu', 'Themes_Set');
function ssmay_set(){ //主题设置函数
include("hym_set.php");//这里是我人创建的一个php文件,用来设置选项内容
}

这里我用到了wordpress的几个函数:

add_theme_page():给“外观”导航创建子菜单;
参数解说:
参数1-----标题的内容
参数2-----显示在后台左边菜单的标题
参数3-----访问这个页面需要的权限
参数4-----别名,需要独一无二哦
参数5-----执行的函数(我们自定义的函数)

add_action():这是一个添加勾子的函数,这里将“Themes_Set”函数添加到“admin_menu”后台菜单的勾子中。

这时,我们还不能测试,因为hym_set.php我们还没有创建,会报错的。第二步:在trans主题目录下创建一个主题设置文件。

在主题文件夹里创建一个新文件——hym_set.php,也就是主题设置内容界面文件。在这个中添加如下代码:

我是好源码主题设置

这时,我们打开后台的外观,可以看到一个“主题设置”的子菜单,点击“主题设置”,右侧内容栏会显示“我是好源码主题设置”,如下图:

WP主题开发之给wordpress主题trans添加主题设置页面-好源码

第三步:能主题设置界面添加设置表单。

接下来,我们就可以在后台“主题设置”的右侧内容栏中添加我们想要的设置表单内容了。在hym_set.php添加如下代码:

B2子主题设置

网站Logo:
WP主题开发之给wordpress主题trans添加主题设置页面-好源码
网站备案号:
“>
网站地图链接:
“>
网站关键词:
“>
网站描述:
分享代码:
文章页广告代码:

这里,我们又用到了wordpress的几个函数:

wp_get_attachment_url():获取附件的路径地址,参数是附件的ID。
media_handle_upload():上传文件的函数,返回上传附件的ID。
参数1:< input name="logo">的name值;
参数2:文章ID,如果是0,表示不是文章。
update_option():更新wp_options数据表中的选项。
参数1:数据表中的字段名;参数2:字段的值。

这样,我们在后期进入这个主题设置界面后,在表单中就会显示已添加的数据和已上传的图片了。如下图所示:

WP主题开发之给wordpress主题trans添加主题设置页面-好源码

通过上面的几步骤,我们已经成功地为wordpress主题trans的后台添加了主题设置功能。

人已赞赏
站长教程

wordpress主题制作如何给wordpress主题添加短代码功能?

2020-6-30 15:48:37

站长教程

WP主题开发之如何在trans前台页面调用主题设置的数据?

2020-6-30 17:35:31

0 条回复 文章作者 管理员

    暂无讨论,说说你的看法吧

#快捷评论点我#

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索