WordPress后台主题设置选项添加教程(wordpress主题安装教程)
发布时间:2023-04-10 07:37:36
文章来源:快乐收录网
访问次数:
课程目标:学习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 if(get_option( name
)) {echo "11111111111111";} else{echo "22222222";}?>
反向判断语句:<?php if (get_option( name
)!== ) { ?>
<?php echo get_option( name) ?>
5、自定义字段语句:
<?php if (get_option(name)) { $url_id= get_option(name); ?>
//调用字段 $url_id
注意:字段放置到引号之外
增加栏目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 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) ?>
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
第4节:背景颜色和背景图片的设置4-1、背景颜色设置;
一般输出调用语句
<?php echo get_option( name) ?>
4-2、使用下拉菜单设置网站背景风格
下拉菜单输出
《WordPress后台主题设置选项添加教程(wordpress主题安装教程)》更新于时间:2023-04-10 07:37:36;由本站小编进行发布,目前浏览的小伙伴达到,感谢你们的支持,后期快乐收录网小编会继续为大家更新更多相关的文章,希望广大网友多多关注快乐收录网工作心得栏目,如果觉得本站不错,那就给我们一个分享的支持吧!
WordPress后台主题设置选项添加教程(wordpress主题安装教程)特别声明
本站快乐收录网提供的WordPress后台主题设置选项添加教程(wordpress主题安装教程)都来源于网络,不保证文章的准确性和真实性,同时,对于该文章所造成的影响,不由快乐收录网实际控制,在2023-04-10 07:37:36收录时,该网页上的内容,都属于合规合法,如有侵权违规,可以直接联系网站管理员进行整改或删除,快乐收录网不承担任何责任。
快乐收录网:致力于优质、实用的网络站点资源收集与分享!本文地址:https://nav.klxjz.cn/CMS/WordPress/93163.html转载请注明标签:
- 1华为 Nova 10 和 Nova 10 Pro 配备 120 Hz OLED 显示屏
- 2Realme GT2 Master Explorer Edition设计随着高端智能手机发布之旅的开始而揭晓
- 3Wi-Fi 7 技术将支持 40Gbps 的速度
- 4小米 11T 和 11T Pro 配备相同的 108 MP 摄像头
- 5Garmin Forerunner 955 系列收到软件版本 11.12
- 6到 2026 年翻新智能手机市场的价值预计将增长近 460 亿美元
- 7小米发布 Band 7 Pro 固件更新 进行各种改进和优化
- 8苹果最新的MacBook Air产品将影响 Wintel 笔记本电脑的销售
- 9戴尔 Precision 7770 和 7670 现在可与英特尔第 12 代博锐 CPU 和 Nvidia RTX A5500 显卡一起购买
- 10System76 使用 Intel Alder Lake-U 处理器升级其基于 Linux 的 Lemur Pro 笔记本电脑
- 11苹果计划在今年发布标准 Watch Series 更新的替代品
- 12OnePlus的10T发布了新旗舰智能手机发布前的最高AnTuTu分数
- 13摩托罗拉 Edge 30:搭载 Android 12 的超薄中端智能手机
- 14小米 12智能手机相机是如何拍摄的
- 15NintendoSwitchOnline下周将获得被低估的神奇宝贝经典
- 16MUJI x Honda MS01 电动自行车透露最高时速 25 公里和无钥匙解锁功能
- 17Infinix 最新 Note 12 系列智能手机升级至 5G 起价低于 200 美元
- 18Amazfit 正在举行 2022 年年中的促销活动
- 19AMD 的 RDNA 3 Chiplet 专利详述了尖端着色器优化架构