WP主题开发设计17:给wordpress主题trans加上主题设

在前面的章节中,大家早已进行了wordpress主题trans的前端开发网页页面的动态性模版的建立,大家建立了公共性模版:头顶部模版、侧面栏模版、底部模版,大家进行了主页模版、目录页模版、文章内容详细信息页模版。可是,有1些细节难题,大家都还没解决好,如:logo照片怎样改动?底部的1些信息内容怎样改动?网站的重要词与叙述在哪儿加上?自然,这些物品,大家能够手动式加上到模版编码中,可是,在后期实际操作中就较为不便,难道说每次改动时,大家都要去改动模版编码吗?假如客户是1个不懂编码的人,该怎样实际操作呢?这时候,假如在trans主题的后台管理有1个页面能够设定这些物品就行了,那样,无论你懂不懂编码,都可以以实际操作。因此,大家将带着在大伙儿来给trans主题加上1个主题设定网页页面

第1步:给后台管理外型导航栏加上1个“主题设定”子菜单。

在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");//这里是我人建立的1个php文档,用来设定选项內容

}

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

add_theme_page():给“外型”导航栏建立子菜单;

主要参数解說:

主要参数1-----题目的內容

主要参数2-----显示信息在后台管理左侧菜单的题目

主要参数3-----浏览这个网页页面必须的管理权限

主要参数4-----别称,必须唯一无2哦

主要参数5-----实行的涵数(大家自定的涵数)

add_action():这是1个加上勾子的涵数,这里将“Themes_Set”涵数加上到“admin_menu”后台管理菜单的勾子中。

这时候,大家还不可以检测,由于theme_set.php大家都还没建立,会出错的。

第2步:在trans主题型录下建立1个主题设定文档。

在主题文档夹里建立1个新文档——theme_set.php,也便是主题设定內容页面文档。在这个文档中加上以下检测编码:

<h2>我是trans主题设定</h2>

这时候,大家开启后台管理的外型,能够看到1个“主题设定”的子菜单,点一下“主题设定”,右边內容栏会显示信息“我是trans主题设定”,就表明大家加上设定作用取得成功了,以下图:

第3步:能主题设定页面加上设定表单。

接下来,大家便可以在后台管理“主题设定”的右边內容栏中加上大家要想的设定表单內容了。在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:⑶0px; }

</style>

< div class="theme_set">

< form action="" method="post" enctype="multipart/form-data">

< h2>主题设定</h2>

< dl>

< dt>网站Logo:</dt>

< dd>

< input type="file" name="logo">

</dd>

</dl>

< dl>

<dt>网站办理备案号:</dt>

<dd><input type="text" name="beian" value=""></dd>

</dl>

<dl>

< dt>网站地形图连接:</dt>

< dd><input type="text" name="map" value=""> </dd>

</dl>

< dl>

< dt>网站重要词:</dt>

< dd><input type="text" name="keywords" value=""></dd>

</dl>

< dl>

< dt>网站叙述:</dt>

< dd>

< textarea name="description" ></textarea>

</dd>

</dl>

< dl>

< dt>共享编码:</dt>

< dd>

< textarea name="share" ></textarea>

</dd>

</dl>

< dl>

< dt>文章内容页广告宣传编码:</dt>

< dd>

< textarea name="ad_single" ></textarea>

</dd>

</dl>

< dl>

< dt></dt>

< dd><input type="submit" name="theme_set" value="递交"></dd>

</dl>

</form>

</div>

这时候,主题设定页面的展现实际效果以下图,还只是1个静态数据页面,沒有任何动态性互动作用:

第4步:给上面的表单加上PHP解决编码。

在theme_set.php网页页面的顶部加上表单递交后的解决编码,以下:

< ?php

if($_POST['theme_set']){

$attachment_id = media_handle_upload( 'logo', 0 ); //提交照片,回到的是 附件的ID

$logo_url = wp_get_attachment_url($attachment_id); //获得 照片的详细地址

if($logo_url){

update_option("logo_img",$logo_url); //假如照片详细地址在在,就将照片的详细地址写入到数据信息库

}

update_option("beian",$_POST["beian"]); //升级数据信息表格中的办理备案字段的值

update_option("map",$_POST["map"]);

update_option("keywords",$_POST["keywords"]);

update_option("description",$_POST["description"]);

update_option("share",stripslashes($_POST["share"]));

update_option("ad_single",stripslashes($_POST["ad_single"]));

}

$logo_img = get_option("logo_img");

?>

这里,大家又用到了wordpress的几个涵数:

wp_get_attachment_url():获得附件的相对路径详细地址,主要参数是附件的ID。

media_handle_upload():提交文档的涵数,回到提交附件的ID。

主要参数1:< input name="logo">的name值;

主要参数2:文章内容ID,假如是0,表明并不是文章内容。

update_option():升级wp_options数据信息表格中的选项。

主要参数1:数据信息表格中的字段名;主要参数2:字段的值。

进行了这1步,大家便可以在后台管理的主题设定页面提交logo照片和加上有关信息内容了。

第5步:在设定表单中显示信息已加上的数据信息。

根据上面的流程,大家只能够加上数据信息到数据信息库,但在下1次进到到这个主题设定页面时,大家其实不了解有木有加上数据信息,由于,表单依然是空的,它沒有从数据信息库中启用相应的数据信息,这样就不友善了。因此,这里,大家要让表单中显示信息大家已加上到数据信息库中的数据信息。把表单的一部分编码改动成以下编码:

< dl>

< dt>网站Logo:</dt>

< dd>

< input type="file" name="logo"> < img src="<?php echo $logo_img; ?>" height=50 >

</dd>

</dl>

< dl>

< dt>网站办理备案号:</dt>

< dd><input type="text" name="beian" value="<?php echo get_option("beian"); ?>"></dd>

</dl>

< dl>

< dt>网站地形图连接:</dt>

< dd>< input type="text" name="map" value="<?php echo get_option("map"); ?>"> </dd>

</dl>

< dl>

< dt>网站重要词:</dt>

< dd>< input type="text" name="keywords" value="<?php echo get_option("keywords"); ?>"></dd>

</dl>

< dl>

< dt>网站叙述:</dt>

< dd>

< textarea name="description" ><?php echo get_option("description"); ?></textarea>

</dd>

</dl>

< dl>

< dt>共享编码:</dt>

< dd>

< textarea name="share" ><?php echo get_option("share"); ?></textarea>

</dd>

</dl>

< dl>

< dt>文章内容页广告宣传编码:</dt>

< dd>

< textarea name="ad_single" ><?php echo get_option("ad_single"); ?></textarea>

</dd>

</dl>

这样,大家在后期进到这个主题设定页面后,在表单中就会显示信息已加上的数据信息和已提交的照片了。以下图所示:

根据上面的5大流程,大家取得成功地为wordpress主题trans的后台管理加上了主题设定作用。在下1节中,大家再来详细介绍,怎样在前端开发的编码中启用这些设定网页页面所设定的数据信息。本节大家就详细介绍到这里,假如喜爱我的课程,别忘了帮我“点赞、评价、个人收藏”哦。感谢参考。



扫描二维码分享到微信