零基础学做网站培训介绍

当前位置:

WordPress后台框架WPD主题设置面板使用方法

课程目标:学习WPD主题设置面板的使用,给自己的wordpress网站后台添加主题设置选项

课后作业,跟着视频,把WPD面板融合到自己的主题中。

Wordpress后台开发 - WPD主题设置选项面板

目录:

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

第二课、添加修改设置模块 2

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

第四课、企业主题集成演示 4

WordPress后台开发教程视频,请参考学做网站论坛网站制作培训课程

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

1节:WPD模板的介绍

1-1、 WPD由来和文件介绍;

1-2、 WPD原理:add_meta_boxes;

 

2节:集成WPDWP主题

2-1、制作一个最简单的wordpress主题,在style.css中添加版权信息:

/*
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;下载链接: https://pan.baidu.com/s/1jHE4CMa 密码: fnmt

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、 一般输出调用语句:

<?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 } ?>

注意:字段放置到引号之外

背景:<?php echo get_option('wpd_bgcolor'); ?>;

单行文本:<?php echo get_option('wpd_text'); ?>

复选框:(可以通过这个做一个开关

<?php if(get_option('wpd_checkbox')) {

echo "11111111111111";

} ?>

 
自定义字段内容:

<?php

$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>';

}

?>

图片上传

<?php if (get_option('wpd_logo_upload')!=='') { ?>

<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 } ?>

下拉菜单选项

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

多行文本输入框演示

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

 

第二课、添加修改设置模块

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、 一般输出调用语句:

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

6、 判断输出语句①:

<?php if ( get_option(' name ') ) { ?>

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

<?php } else { ?>

//自定义内容

<?php } ?>

7、 判断输出语句②:

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

8、 反向判断语句:

<?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 } ?>

注意:字段放置到引号之外

 

第四课、企业主题集成演示

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

2logo和幻灯片的设置添加

2-1logo设置代码添加:

反向判断语句

<!---判断开始--->

<?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淘客模板 图文教程 (18514 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 之前有很多建网站学员反映,自己学习了wordpress教程,制作了网站,但有时会碰到wordpres后台无法登录,密码确认无误,空间没有问题,之前也成功登录
  • 忘记后台登录密码是自己建网站学员经常犯的错误,如果在使用wordpress程序建网站时,忘记了后台管理员登陆密码要如何解决?方法/步骤 以西
  • 我们在学习怎么做网站时,往往想在自己的网站上调用别人网站的网页,实现网页中签入网页的情况,那么如何实现这种在网页中调用另一个网页的效果呢?
  • JS框架以及一些开发包和库类有如下几个,Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fxDojo (JS library
  • 课程目标:学习WPD主题设置面板的使用,给自己的wordpress网站后台添加主题设置选项课后作业,跟着视频,把WPD面板融合到自己的主题中。
  • 仿站长网admin5主题模板 图文教程 (15818 次浏览)
    这是一款模板站长网admin5的wordpress主题模板,这个模板综合了门户和企业网站所有特点,内容特别丰富,而且有大量的广告位可供站长放广告图片,实现网站
  • 如果碰到无法安装Wordpress主题,如何处理?很多朋友只知道在WP后台选择本地安装,上传主题,一旦无法正常安装就没有办法了。下面自己做网站论坛就教
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 我们知道,网站伪静态可以形成静态页面,对于百度收录有着最大的好处。(相关知识:Discuz论坛后台SEO优化设置详细步骤)对于DISCUZ论坛程序实
  • 宝塔面板是一款网站服务器常用的可视化操作面板,将复杂的命令代码转化为可视化操作,大大降低了服务器的操作难度。下面介绍一下服务器宝塔面板怎么做
  • APMServ5.2.6本地环境配置软件介绍由于每台电脑的端口使用情况不一样,很多学员在用XAMPP环境配置软件配制本地环境的时候,经常会不成功,出现服务器或
  • SEO软件安装及使用方法 图文教程附件下载 (114897 次浏览)
    SEO软件安装及使用方法第一步:下载软件,下载地址:https://pan.baidu.com/share/link?shareid=482816&uk=404547014第二步:下载后,会得