Npcink Blog
切换菜单

wordpress 开发 - Options Framework 后台设置框架

这是 Options Framework 插件的改编 wordpress 主题版本。使用选项框架可以轻松地在任何 WordPress 主题中包含一个选项面板

本页目录11 节

这是 Options Framework 插件的改编 WordPress 主题版本。使用选项框架可以轻松地在任何 WordPress 主题中包含一个选项面板。

它的构建使开发人员可以专注于制作实际 WordPress 主题,而不用花费时间从头开始创建选项面板。

这是一套主题,内含框架,这样设置是为了方便 WordPress 开发者更好的使用这套框架。如果您对此有疑惑,参见下方的中文教程链接。

  • 项目地址:GitHub
  • **中文教程:

**详情

经常问的问题

如何为自己的主题构建选项?

只需将这个主题的“ inc”文件夹,options.php 和 functions.php 拖到您选择的主题中即可。

options.php 是如何使用选项的蓝图。它包括面板中每个可用选项的示例以及主题中的示例输出。

您也可以在 http://wptheming.com/options-framework-theme 上观看我的视频截屏。

有哪些可用的选项?

  • 文本
  • 文本区域
  • 复选框
  • 选择
  • 无线电
  • 上传(图片上传器)
  • 图片(使用图片代替单选按钮)
  • 背景(定义背景的一组选项)
  • 多重检查
  • 颜色(一个 jQuery 颜色选择器)
  • 排版(定义排版的一组选项)
  • 编辑

选项框架主题包含所有代码,以构建一个功能齐全的选项面板。

它是 Options Framework 插件的捆绑版本,适用于那些想要直接在主题中构建选项的人(而不是依赖于插件)。

这个项目早在 Customizer 成为 WordPress 的一部分之前就已经发布了。

现在,定制程序是添加主题选项的推荐方式,您可以在此处阅读更多相关信息。

可用选项

  • 文本
  • textarea 的
  • 复选框
  • 选择
  • 无线电
  • 上传(图片上传者)
  • 图像(使用图像而不是单选按钮)
  • background(一组定义背景的选项)
  • multicheck
  • 颜色(jquery 颜色选择器)
  • 排版(一组定义排版的选项)
  • 编辑

说明

将“inc”目录,options.php 和 functions.php 中的代码片段从“选项框架主题”复制到您选择的主题中。劈开。您还可以观看上面的视频,了解它是如何完成的。

何时使用主题版本与插件版本

插件和主题版本之间的代码是 99%相同。如果您可以使用插件版本执行所需操作,我认为这是最佳路线。如果您发现需要对插件无法进行重大修改,请继续使用主题版本。

更改菜单位置

强烈建议您将主题选项留在用户期望的“外观”菜单下。

但是,如果您决定更改菜单位置,则会破坏媒体上传者。

这是因为媒体上传程序脚本在 options-medialibrary-uploader.php 中的$ of_page =‘appearance_page_options-framework’上排队。

如果更改菜单的名称或位置,则需要更新钩子才能准确,例如$ of_page =‘toplevel_page_options-framework’,这些脚本将再次正确加载。

消毒过滤器

如果您对如何验证选项数据感兴趣,或者您想知道为什么您的脚本和嵌入标签在选项框架中被删除,请阅读此文章。

我可以在商业主题中使用此代码吗?

是! 此代码为 100%GPL。有关详细信息,请阅读随附的许可证。

GitHub 上的开发版本

选项框架主题的开发版本可在 GitHub 上获得。

附加教程

选项框架边栏

从选项面板加载其他样式表

从主题选项加载 Google 字体

使用选项框架的调色板

选项框架:消毒过滤器

与这些教程相关的演示主题也可以在 GitHub 上找到。

我在这里还准备了一些有用的教程,各位开发者可以参考:

如果您需要一套更加强大和现代化的 WordPress 设置框架,您也可以看看这套框架:

如果您讨厌使用框架,您也可以用 WordPress 自带的原生 API 设置框架:

这么多框架唉,总有一个适合你。