wordpress acf字段 调用不同的样式_WP主题开发17:给wordpress主题trans添加主题设置页面#学浪计划#...

在前面的章节中,我们已经完成了wordpress主题trans的前端页面的动态模板的创建,我们创建了公共模板:头部模板、侧边栏模板、底部模板,我们完成了首页模板、列表页模板、文章详情页模板。但是,有一些细节问题,我们还没有处理好,如:logo图片如何修改?底部的一些信息如何修改?网站的关键词与描述在哪添加?当然,这些东西,我们可以手动添加到模板代码中,但是,在后期操作中就比较麻烦,难道每次修改时,我们都要去修改模板代码吗?如果用户是一个不懂代码的人,该如何操作呢?这时,如果在trans主题的后台有一个界面可以设置这些东西就好了,那样,不管你懂不懂代码,都可以操作。所以,我们将带着在大家来给trans主题添加一个主题设置页面。

第一步:给后台外观导航添加一个“主题设置”子菜单。

在trans主题的functions.php文件中添加如下代码:

//在后台“外观”菜单中添加 【主题设置】 这个子菜单function Themes_Set(){ add_theme_page( 'title标题', '主题设置', 'administrator', 'ashu_slug','ssmay_set'); }add_action('admin_menu', 'Themes_Set'); function ssmay_set(){ //主题设置函数 include("theme_set.php");//这里是我人创建的一个php文件,用来设置选项内容 }

这里我用到了wordpress的几个函数:

add_theme_page():给“外观”导航创建子菜单;参数解说:参数1-----标题的内容参数2-----显示在后台左边菜单的标题参数3-----访问这个页面需要的权限参数4-----别名,需要独一无二哦参数5-----执行的函数(我们自定义的函数)

add_action():这是一个添加勾子的函数,这里将“Themes_Set”函数添加到“admin_menu”后台菜单的勾子中。

这时,我们还不能测试,因为theme_set.php我们还没有创建,会报错的。

第二步:在trans主题目录下创建一个主题设置文件。

在主题文件夹里创建一个新文件——theme_set.php,也就是主题设置内容界面文件。在这个文件中添加如下测试代码:

我是trans主题设置

这时,我们打开后台的外观,可以看到一个“主题设置”的子菜单,点击“主题设置”,右侧内容栏会显示“我是trans主题设置”,就表示我们添加设置功能成功了,如下图:

4f65e1aaf223a9864e8ec77c75efe001.png

第三步:能主题设置界面添加设置表单。

接下来,我们就可以在后台“主题设置”的右侧内容栏中添加我们想要的设置表单内容了。在theme_set.php添加如下代码:

< style>.theme_set{ width:98%; }.theme_set h2{ font-size:20px; }.theme_set dl{ margin-top:20px; }.theme_set dd{ margin:5px 0; }.theme_set dd input[type=text]{ width:50%; }.theme_set dd textarea{ width:50%; }.theme_set dd img{ margin-bottom:-30px; }

< div class="theme_set">< form action="" method="post" enctype="multipart/form-data">< h2>主题设置 < dl>< dt>网站Logo:< dd> < input type="file" name="logo"> < dl>

网站备案号:< dl>< dt>网站关键词:< dd>< dl>< dt>网站描述:< dd>< textarea name="description" >< dl>< dt>分享代码:< dd>< textarea name="share" >< dl>< dt>文章页广告代码:< dd>< textarea name="ad_single" >< dl>< dt>< dd>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值