有疑问?请点击复制链接咨询!
此教程以子主题为例,如果你不知道如何创建子主题,请查看往期文章。
往期内容
RiPRO子主题开发教程系列,从0开始,教程01-创建子主题
RiPRO子主题开发教程系列,从0开始,教程02-加载自定义CSS,JS文件,新建functions.php
RiPRO子主题开发教程系列,从0开始,教程03-自定义选项框架
添加自定义选项首先需要了解页面内容,比如排行榜中,包含头像、用户名、以及奖励金额,那么需要用到的字段(type)分别为图片上传(upload)与文字输入(text),像下面这样。
array(
'id' => '_imgs',
'type' => 'upload',
'title' => '头像',
'default' => get_template_directory_uri() . '/assets/images/avatar/1.jpg',
),
array(
'id' => '_title',
'type' => 'text',
'title' => '名称',
'default' => '主题兽',
),
array(
'id' => '_money',
'type' => 'text',
'title' => '金额',
'default' => '已经赚钱347.6元',
),
接着分析排行榜那段HTML代码,li标签是重复的,所以前端可以使用foreach循环输出内容,那么可以选择字段(group)。
array(
'id' => 'promote_gdzs',
'type' => 'group',
'title' => '滚动展示',
'fields' => array(
array(
'id' => '_title',
'type' => 'text',
'title' => '内容',
'default' => '主题兽获得326.2元奖金',
),
),
),