您现在的位置:主页 > 天下蓝月亮资料精选大全 >

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

发布日期:2020-06-29 03:23   来源:未知   阅读:

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

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

  这时,我们还不能测试,因为theme_set.php我们还没有创建,会报错的。

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

  这时,我们打开后台的外观,可以看到一个“主题设置”的子菜单,点击“主题设置”,右侧内容栏会显示“我是trans主题设置”,就表示我们添加设置功能成功了,如下图:

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

  这时,主题设置界面的展示效果如下图,还只是一个静态界面,没有任何动态交互功能:

  完成了这一步,我们就可以在后台的主题设置界面上传logo图片和添加相关信息了。

  通过上面的步骤,我们只可以添加数据到数据库,但在下一次进入到这个主题设置界面时,我们并不知道有没有添加数据,因为,表单仍然是空的,它没有从数据库中调用相应的数据,这样就不友好了。所以,这里,我们要让表单中显示我们已添加到数据库中的数据。把表单的部分代码修改成如下代码:

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

  通过上面的五大步骤,我们成功地为wordpress主题trans的后台添加了主题设置功能。在下一节中,我们再来介绍,如何在前端的代码中调用这些设置页面所设置的数据。本节我们就介绍到这里,如果喜欢我的课程,别忘了帮我“点赞、评论、收藏”哦。谢谢参阅。

Power by DedeCms