课程目标:学会Wordpress网站后台开发
视频教程:网站后台开发教程
目录:
第一课、后台开发集成WPD设置模板 1
第二课、添加修改设置模块 2
第三课、主题设置前台调用 3
第四课、企业主题集成演示 4
第一课、主题集成WPD设置模板
第1节:WPD模板的介绍
1-1、WPD由来和文件介绍;
1-2、WPD原理:add_meta_boxes;
第2节:集成WPD到WP主题
2-1、制作一个最简单的wordpress主题:
/*
Theme Name: 学建站网主题设置主题
Theme URI: https://www.xuewangzhan.net/
Description: 这是一个主题设置的演示模板
Author:学建站网
Author URI: https://www.xuewangzhan.net/
Version: 2.0
Tags: white, 主题设置
*/
2-2、在主题文件中放置WPD必备文件admin;
2-3、在函数文件functions.php文件中放置以下代码:
// 加载WPD主题设置框架
require_once( TEMPLATEPATH . /admin/panel.php);
require_once( TEMPLATEPATH . /admin/theme-form.php);
require_once( TEMPLATEPATH . /admin/theme-options.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、添加主题设置选项.
第三课、主题设置前台调用
1、一般输出调用语句:
<?php echo get_option( name); ?>
2、判断输出语句①:
<?php if (get_option( name ) ) { ?>
<?php echo stripslashes(get_option( name )); ?>
<?php } else { ?>
//自定义内容
<?php } ?>
3、判断输出语句②:
<?php if(get_option( name )) {echo "11111111111111";} else{echo "22222222";}?>
4、反向判断语句:
<?php if (get_option
( name )!==) { ?>
<?php echo get_option
(
name) ?>
<?php } ?>
5、自定义字段语句:
<?php if (get_option(name)) { $url_id= get_option(name); ?>
//调用字段 $url_id
<?php } ?>
注意:字段放置到引号之外
5、增加栏目
wpd-general-upload-settings => array(
array(
type => upload,
name => wpd_logo_upload,
title => __(LOGO地址, wpd),
desc => __( 这里输入LOGO图片的url,LOGO尺寸:620*93, wpd),
value =>
) ,
array(
type => upload,
name => wpd_syflash_upload,
title => __(首页幻灯图片, wpd),
desc => __( 这里输入首页幻灯图片的url,LOGO尺寸:1080*325, wpd),
value =>
)
)
6、将后台值存入循环中
<?php if (have_posts()) : ?>
<?php $anli=get_option(wpd_wxxm); ?>
<?phpquery_posts(cat=.$anli . $mcatID. &caller_get_posts=1&showposts=6); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile;?>
<?php endif; wp_reset_query(); ?>
如果是同时调用多个分类的代码,可以定义多个变量
<?php $dibu1=get_option(wpd_yflb1) ?>
<?php $dibu2=get_option(wpd_yflb2) ?>
<?php $display_categories = array($dibu1,$dibu2); foreach ($display_categories as $category) { ?>
<?php query_posts("showposts=20&cat=$category")?>
第四课、企业主题集成演示
第1节:主题集成WPD面板
1-1、在主题文件中放置WPD必备文件admin;
1-2、在函数文件functions.php文件中放置以下代码:
// 加载WPD主题设置框架
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、幻灯片图片后台设置;
一般输出调用语句
<?php echo get_option( name ) ?>
第3节:更多地址和分类ID后台设置
3-1、更多地址URL设置;
一般输出调用语句
<?php echo get_option( name ) ?>
3-2、分类调用ID后台设置;
自定义字段语句:
<?php if (get_option(name)) { $url_id= get_option(name); ?>
//调用字段 $url_id
<?php } ?>
第4节:背景颜色和背景图片的设置
4-1、背景颜色设置;
一般输出调用语句
<?php echo get_option(name) ?>
4-2、使用下拉菜单设置网站背景风格
下拉菜单输出
<link rel="stylesheet" type="text/css" href="<?php bloginfo(template_directory); ?>/style/<?php echo get_option(wpd_color_select); ?>.css" media="all">