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