Options Framework 主题框架部署到WordPress主题开发和调用参数

老乐 主题插件2字数 1783阅读5分56秒阅读模式

Options Framework 主题框架也是我们经常看到一些商用WordPress主题采用的后端框架,Options Framework 主题框架虽然已经官方有段时间没有升级,但是基本的功能还是足够的,而且对于玩的比较好的开发者已经在 OF上加入很多自定义选项和修复一些BUG。Options Framework 框架做基本的WP主题是够用的。

那在这篇文章中,麦子和大家一起看看 Options Framework 框架如何部署到我们的WordPress主题中。

我们下载后,只需要将images、inc、options.php 三个文件移动到我们当前主题根目录。

然后我们只需要在当前主题的 Functions.php 文件中引用OF框架。

//导入OP框架
if (!function_exists('optionsframework_init')){
define('OPTIONS_FRAMEWORK_DIRECTORY', get_template_directory_uri().'/inc/');
require_once dirname(__FILE__).'/inc/options-framework.php';
}

然后我们可以看看后台。

是不是多了一个 Theme Option 选项。

还记得在 options.php 中是我们丢进去的,官方自带的选项。我们可以根据需要修改。

function optionsframework_option_name() {
// Change this to use your theme slug
return 'options-framework-theme';
}

比如,我们可以将 optionsframework_option_name 换成我们自己的数据库我们特色的字段名,我们可以换成自己的,比如 le_theme_option。

我们可以看到,主要是看 选项卡和设置。

$options[] = array(
'name' => __( '基础设置', 'theme-textdomain' ),
'type' => 'heading'
);

$options[] = array(
'name' => __( 'Input Text Mini', 'theme-textdomain' ),
'desc' => __( 'A mini text input field.', 'theme-textdomain' ),
'id' => 'example_text_mini',
'std' => 'Default',
'class' => 'mini',
'type' => 'text'
);

$options[] = array(
'name' => __( 'Input Text', 'theme-textdomain' ),
'desc' => __( 'A text input field.', 'theme-textdomain' ),
'id' => 'example_text',
'std' => 'Default Value',
'type' => 'text'
);

然后根据需要进行修改样式,默认的演示里都有。

如果我们需要调用设置的主题参数,那用这个办法调用出来在前端。

<?php echo of_get_option("设置参数的id");?>

如果我们需要修改 of_get_option 这个函数名的话,也可以在OF框架里修改。

我们可以找到 inc/options-framework.php 文件,搜索 of_get_option,然后有两个 of_get_option 改成自己的函数名,这样有自己的特点或者我们认为比较短也可以。

选项菜单里的 Theme Options 如何修改。

如果我们有需要修改菜单中的 Theme Options ,可以打开 inc/includes/class-options-framework-admin.php 文件,找到 Theme Options,找到 page_title 和 menu_title 然后修改自己的名称,我们可以对比看看前后菜单有什么不同就知道哪个对应哪个。

我们是不是看到,在开发 WordPress 主题的时候用到 Options Framework 就相对比较简单,我们只要有主题前端设计好,后端我们在有需要的字段在OF框架设计好可以直接调用。

投上你的一票
 
  • 本文由 老乐 发表于 2024年11月1日 09:10:10
  • 转载请务必保留本文链接:https://www.zhujipingjia.com/options-framework.html