公告:123目录网为广大站长提供免费收录网站服务,我们将免费进行到底,如需快审服务(10元/站)请联系站长QQ,可自助充值发布。

点击这里在线咨询客服
新站提交
  • 网站:315
  • 待审:0
  • 小程序:12
  • 文章:35791
  • 会员:69

 

课程目标:学会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">

标签:

下一篇:WordPress网站安装SSL证书后版面错位解决方法(网页ssl证书)

上一篇:WordPress获取所有分类列表(分类名,ID,链接)(wordpress文章目录插件)

相关文章

  admin95360564zxm

注册时间:

网站:1 个   小程序:3 个  文章:12 篇

  • 315

    网站

  • 12

    小程序

  • 35791

    文章

  • 69

    会员

赶快注册账号,推广您的网站吧!
最新入驻小程序

数独大挑战2018-06-03

数独一种数学游戏,玩家需要根据9

答题星2018-06-03

您可以通过答题星轻松地创建试卷

全阶人生考试2018-06-03

各种考试题,题库,初中,高中,大学四六

运动步数有氧达人2018-06-03

记录运动步数,积累氧气值。还可偷

每日养生app2018-06-03

每日养生,天天健康

体育训练成绩评定2018-06-03

通用课目体育训练成绩评定