WordPress后臺(tái)框架WPD主題設(shè)置面板使用方法
2018-11-02 來(lái)源：學(xué)做網(wǎng)站論壇
課程目標(biāo)：學(xué)習(xí)WPD主題設(shè)置面板的使用，給自己的wordpress網(wǎng)站后臺(tái)添加主題設(shè)置選項(xiàng)
課后作業(yè)，跟著視頻，把WPD面板融合到自己的主題中。
目錄：
第一課、主題集成WPD設(shè)置模板 1
第二課、添加修改設(shè)置模塊 2
第三課、主題設(shè)置前臺(tái)調(diào)用 3
第四課、企業(yè)主題集成演示 4
WordPress后臺(tái)開(kāi)發(fā)教程視頻，請(qǐng)參考學(xué)做網(wǎng)站論壇網(wǎng)站制作培訓(xùn)課程。
第一課、主題集成WPD設(shè)置模板
第1節(jié)：WPD模板的介紹
1-1、?WPD由來(lái)和文件介紹；
1-2、?WPD原理：add_meta_boxes；
第2節(jié)：集成WPD到WP主題
2-1、制作一個(gè)最簡(jiǎn)單的wordpress主題，在style.css中添加版權(quán)信息：
Theme Name: 學(xué)做網(wǎng)站論壇主題設(shè)置主題
Theme URI: https://www.xuewangzhan.com/
Description: 這是一個(gè)主題設(shè)置的演示模板
Author:學(xué)做網(wǎng)站論壇
Author URI: https://www.xuewangzhan.com/
Version: 2.0
Tags: white, 主題設(shè)置,
*/
2-2、在主題文件中放置WPD必備文件admin；下載鏈接: https://pan.baidu.com/s/1jHE4CMa 密碼: fnmt
2-3、在函數(shù)文件functions.php文件中放置以下代碼：
require_once( TEMPLATEPATH . '/admin/panel.php');
require_once( TEMPLATEPATH . '/admin/theme-form.php');
require_once( TEMPLATEPATH . '/admin/theme-options.php' );
?
前臺(tái)調(diào)用：
1、?一般輸出調(diào)用語(yǔ)句：
2、?判斷輸出語(yǔ)句①：
<?php echo stripslashes(get_option(' name ')); ?>
<?php } else { ?>
//自定義內(nèi)容
<?php } ?>
3、?判斷輸出語(yǔ)句②：
4、?反向判斷語(yǔ)句：
<?php echo get_option(' name) ?>
<?php } ?>
5、自定義字段語(yǔ)句：
//調(diào)用字段 $url_id
<?php } ?>
注意：字段放置到引號(hào)之外
背景：<?php echo get_option('wpd_bgcolor'); ?>;
單行文本：<?php echo get_option('wpd_text'); ?>
復(fù)選框：（可以通過(guò)這個(gè)做一個(gè)開(kāi)關(guān)）
echo "11111111111111";
} ?>
?
自定義字段內(nèi)容：
$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 } ?>
下拉菜單選項(xiàng)
多行文本輸入框演示
?
第二課、添加修改設(shè)置模塊
第1節(jié)：了解theme-options.php主題設(shè)置模塊參數(shù)
type：??input 字段的類(lèi)型 – select text 或者 textarea；
name： input 字段的名稱；
title： ?模塊的標(biāo)題；
options: 用來(lái)給 select 類(lèi)型的 input 聲明一個(gè)選項(xiàng)的數(shù)組;
desc： ?添加內(nèi)容的說(shuō)明；
value： 默認(rèn)值；
第2節(jié)：修改theme-options.php添加設(shè)置模塊
2-1、設(shè)置面板標(biāo)題；
2-2、添加主題設(shè)置選項(xiàng).
第三課、主題設(shè)置前臺(tái)調(diào)用
5、?一般輸出調(diào)用語(yǔ)句：
6、?判斷輸出語(yǔ)句①：
<?php echo stripslashes(get_option(' name ')); ?>
<?php } else { ?>
//自定義內(nèi)容
<?php } ?>
7、?判斷輸出語(yǔ)句②：
8、?反向判斷語(yǔ)句：
<?php echo get_option(' name) ?>
<?php } ?>
5、自定義字段語(yǔ)句：
//調(diào)用字段 $url_id
<?php } ?>
注意：字段放置到引號(hào)之外
第四課、企業(yè)主題集成演示
第1節(jié)：主題集成WPD面板
1-1、在主題文件中放置WPD必備文件admin；
1-2、在函數(shù)文件functions.php文件中放置以下代碼：
require_once( TEMPLATEPATH . '/admin/panel.php');
require_once( TEMPLATEPATH . '/admin/theme-form.php');
require_once( TEMPLATEPATH . '/admin/theme-options.php' );
第2節(jié)：logo和幻燈片的設(shè)置添加
2-1、logo設(shè)置代碼添加：
反向判斷語(yǔ)句
<?php if (get_option(' name ')!==' ') { ?>
<?php echo get_option(' name') ?>
<?php } ?>
<!---判斷結(jié)束--->
2-2、幻燈片圖片后臺(tái)設(shè)置；
一般輸出調(diào)用語(yǔ)句
第3節(jié)：更多地址和分類(lèi)ID后臺(tái)設(shè)置
3-1、更多地址URL設(shè)置；
一般輸出調(diào)用語(yǔ)句
3-2、分類(lèi)調(diào)用ID后臺(tái)設(shè)置；
自定義字段語(yǔ)句：
//調(diào)用字段 $url_id
<?php } ?>
第4節(jié)：背景顏色和背景圖片的設(shè)置
4-1、背景顏色設(shè)置；
一般輸出調(diào)用語(yǔ)句
4-2、使用下拉菜單設(shè)置網(wǎng)站背景風(fēng)格
下拉菜單輸出
標(biāo)簽： 代碼 網(wǎng)站制作
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。
