学做网站培训课程介绍

当前位置:

WordPress后台主题设置选项添加教程

课程目标:学习WPD主题设置面板的使用
课后作业,跟着视频,把WPD面板融合到自己的主题中。
 
目录:
第一课、主题集成WPD设置模板 1
第二课、添加修改设置模块 2
第三课、主题设置前台调用 3
第四课、企业主题集成演示 4
 
 

第一课、主题集成WPD设置模板

第1节:WPD模板的介绍

  • WPD由来和文件介绍;
  • 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、添加主题设置选项.
 

第三课、主题设置前台调用

  • 一般输出调用语句:

<?php echo get_option(' name'); ?>
 

  • 判断输出语句①:

<?php if ( get_option(' name ') ) { ?>
<?php echo stripslashes(get_option(' name ')); ?>
<?php } else { ?>
//自定义内容
<?php } ?>
 

  • 判断输出语句②:

<?php if(get_option(' name ')) {echo "11111111111111";} else{echo "22222222";}?>
 

  • 反向判断语句:

<?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 } ?>
注意:字段放置到引号之外
 

  • 增加栏目

'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' => ''
)

 

  • 将后台值存入循环中

 
<?php if (have_posts()) : ?>
<?php $anli=get_option('wpd_wxxm'); ?>
<?php query_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淘客模板 图文教程 (111028 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 之前有很多建网站学员反映,自己学习了wordpress教程,制作了网站,但有时会碰到wordpres后台无法登录,密码确认无误,空间没有问题,之前也成功登录
  • 忘记后台登录密码是自己建网站学员经常犯的错误,如果在使用wordpress程序建网站时,忘记了后台管理员登陆密码要如何解决?下面学做网站论坛
  • 仿站长网admin5主题模板 图文教程 (17152 次浏览)
    这是一款模板站长网admin5的wordpress主题模板,这个模板综合了门户和企业网站所有特点,内容特别丰富,而且有大量的广告位可供站长放广告图片,实现网站
  • 如果碰到无法安装Wordpress主题,如何处理?很多朋友只知道在WP后台选择本地安装,上传主题,一旦无法正常安装就没有办法了。下面自己做网站论坛就教
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 我们知道,网站伪静态可以形成静态页面,对于百度收录有着最大的好处。(相关知识:Discuz论坛后台SEO优化设置详细步骤)对于DISCUZ论坛程序实
  • 我们在学习wordpress模板制作教程时,讲到了如何制作网站的菜单功能。今天我们讲一下如何添加wordpress后台菜单设置选项,通过后台菜单选项就可以轻松
  • Options Framework Theme 是由国外网站wpthemeing.com开发的一款最简单实用的wordpress后台主题选项框架,可以为我们的网站轻松添加一个主题设置选项
  • 网页如何添加背景音乐 视频教程附件下载 (1116830 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • QQ客服在很多网站都很普通,它可以很方便的让浏览我们网站的用户通过QQ进行交流,不需要去查找QQ再加好友,只需要点一下QQ客服上的图标就可以直接发信
  • 新手网站制作教程,免费网站制作视频教程零基础学做网站课程介绍网站制作流程是什么什么是网站域名什么是网站空间
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文