WordPress后台框架WPD主题设置面板使用方法
2018-11-02 来源：学做网站论坛
课程目标：学习WPD主题设置面板的使用，给自己的wordpress网站后台添加主题设置选项
课后作业，跟着视频，把WPD面板融合到自己的主题中。
目录：
第一课、主题集成WPD设置模板 1
第二课、添加修改设置模块 2
第三课、主题设置前台调用 3
第四课、企业主题集成演示 4
WordPress后台开发教程视频，请参考学做网站论坛网站制作培训课程。
第一课、主题集成WPD设置模板
第1节：WPD模板的介绍
1-1、?WPD由来和文件介绍；
1-2、?WPD原理：add_meta_boxes；
第2节：集成WPD到WP主题
2-1、制作一个最简单的wordpress主题，在style.css中添加版权信息：
Theme Name: 学做网站论坛主题设置主题
Theme URI: https://www.xuewangzhan.com/
Description: 这是一个主题设置的演示模板
Author:学做网站论坛
Author URI: https://www.xuewangzhan.com/
Version: 2.0
Tags: white, 主题设置,
*/
2-2、在主题文件中放置WPD必备文件admin；下载链接: https://pan.baidu.com/s/1jHE4CMa 密码: fnmt
2-3、在函数文件functions.php文件中放置以下代码：
require_once( TEMPLATEPATH . '/admin/panel.php');
require_once( TEMPLATEPATH . '/admin/theme-form.php');
require_once( TEMPLATEPATH . '/admin/theme-options.php' );
?
前台调用：
1、?一般输出调用语句：
2、?判断输出语句①：
<?php echo stripslashes(get_option(' name ')); ?>
<?php } else { ?>
//自定义内容
<?php } ?>
3、?判断输出语句②：
4、?反向判断语句：
<?php echo get_option(' name) ?>
<?php } ?>
5、自定义字段语句：
//调用字段 $url_id
<?php } ?>
注意：字段放置到引号之外
背景：<?php echo get_option('wpd_bgcolor'); ?>;
单行文本：<?php echo get_option('wpd_text'); ?>
复选框：（可以通过这个做一个开关）
echo "11111111111111";
} ?>
?
自定义字段内容：
$links = get_option('wpd_social_nav_links');
if(!empty($links)) {
echo '<ul>';
foreach($links as $id => $args) {
if(empty($args['status']))
continue;
echo '<li><a href="'.$args['url'].'" title="'.$args['title'].'">'.$args['title'].'</a></li>';
}
echo '</ul>';
}
?>
图片上传
<a id="logo" rel="home" href="<?php echo home_url(); ?>"><img src="<?php echo get_option('wpd_logo_upload') ?>" alt="<?php bloginfo( 'name' ); ?>"/></a>
<?php } ?>
下拉菜单选项
多行文本输入框演示
?
第二课、添加修改设置模块
第1节：了解theme-options.php主题设置模块参数
type：??input 字段的类型 – select text 或者 textarea；
name： input 字段的名称；
title： ?模块的标题；
options: 用来给 select 类型的 input 声明一个选项的数组;
desc： ?添加内容的说明；
value： 默认值；
第2节：修改theme-options.php添加设置模块
2-1、设置面板标题；
2-2、添加主题设置选项.
第三课、主题设置前台调用
5、?一般输出调用语句：
6、?判断输出语句①：
<?php echo stripslashes(get_option(' name ')); ?>
<?php } else { ?>
//自定义内容
<?php } ?>
7、?判断输出语句②：
8、?反向判断语句：
<?php echo get_option(' name) ?>
<?php } ?>
5、自定义字段语句：
//调用字段 $url_id
<?php } ?>
注意：字段放置到引号之外
第四课、企业主题集成演示
第1节：主题集成WPD面板
1-1、在主题文件中放置WPD必备文件admin；
1-2、在函数文件functions.php文件中放置以下代码：
require_once( TEMPLATEPATH . '/admin/panel.php');
require_once( TEMPLATEPATH . '/admin/theme-form.php');
require_once( TEMPLATEPATH . '/admin/theme-options.php' );
第2节：logo和幻灯片的设置添加
2-1、logo设置代码添加：
反向判断语句
<?php if (get_option(' name ')!==' ') { ?>
<?php echo get_option(' name') ?>
<?php } ?>
<!---判断结束--->
2-2、幻灯片图片后台设置；
一般输出调用语句
第3节：更多地址和分类ID后台设置
3-1、更多地址URL设置；
一般输出调用语句
3-2、分类调用ID后台设置；
自定义字段语句：
//调用字段 $url_id
<?php } ?>
第4节：背景颜色和背景图片的设置
4-1、背景颜色设置；
一般输出调用语句
4-2、使用下拉菜单设置网站背景风格
下拉菜单输出
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。
