WP主题开发设计14:如何加上wordpress主题trans的文

摘要:在前面的章节中,大家建立了wordpress主题trans的公共性模版:header.php头顶部模版、sidebar.php侧面栏模版、footer.php底部模版,这样就更为便捷了trans主题的其它动态性模版的开发设计。就例...

在前面的章节中,大家建立了wordpress主题trans的公共性模版:header.php头顶部模版、sidebar.php侧面栏模版、footer.php底部模版,这样就更为便捷了trans主题的其它动态性模版的开发设计。就例如,今日大家要开发设计的模版——文章内容目录页模版,就不必须再去改动头顶部、侧面栏、底部的编码了。好了,闲话很少说,大家立即进到到今日的主题之中,如何加上trans主题的文章内容目录页模版?

第1步:建立目录页模版文档。

在trans主题型录下建立1个目录页模版的文档——archive.php。wordpress程序流程默认设置的文章内容目录页模版的姓名务必是:archive 或 categoty,也便是说,能够是archive.php,还可以是category.php,大家这里用archive.php。

第2步:引进头顶部模版。

用sublime等编写器开启trans主题的静态数据模版list.html,把里的编码拷贝到archive.php文档中。随后,在编码寻找</header>这句编码,从<!doctype html>与</header>这间的全部编码所有删掉,由于这段编码,大家早已可使用公共性模版——header.php来替代了。

删掉后,大家再来引进header.php这个头顶部模版:

< ?php get_header(); ?>

这时候,大家能够一切正常开启目录页了。可是有1个小难题:题目显示信息的并不是文章内容归类的名字,依然是网站的名字。而大家必须的实际效果是,在目录页时,大家必须显示信息的是文章内容归类文件目录的名字。因此,大家要在header.php文档中的<title></title>标识中改动1个启用编码,

原编码是:

< title>< ?php echo get_bloginfo("name"); ?></title>

改动成以下编码:

< title>< ?php if(is_home()){echo get_bloginfo("name"); }else{if(is_category()){$cat_c = get_the_category();echo $cat_c[0]->cat_name; echo " - "; bloginfo("name");}else{the_title(); echo " - "; bloginfo("name");} } ?></title>

这段编码的意思是:假如是网站的主页,就显示信息网站的名字;假如是目录页,就显示信息为“归类文件目录名字 + 网站名字”;不然就显示信息“文章内容题目+网站名字”。

第3步:引进右边边栏模版。

在archive.php中寻找< div class="c_right">标识中的全部编码,删掉掉,随后,在当今部位上,引进公共性模版sidebar.php侧面栏模版,编码以下:

< ?php get_sidebar(); ?>

这样,大家就不必须再去改动原< div class="c_right">标识内的编码了,而只需立即把sidebar.php拿来用便可以了。

第4步:引进底部模版。

同上,在archive.php编码中寻找< footer>标识,随后,把< footer>及它后边的全部编码所有删掉掉,如今不必须了,由于,大家有footer.php底部公共性模版了。删掉掉后,大家在原部位上立即引进这个footer.php底部模版,编码以下:

< ?php get_footer(); ?>

在引进完头顶部、侧面栏、底部的公共性模版后,大家再看来看archive.php的模版编码,以下图:

随后,大家只必须改动archive.php模版编码中的 < div class="c_left">标识內部的编码便可以了。

第5步:改动左边行为主体一部分。

实际上,大家查询trans主题的静态数据编码的实际效果时,大家能够看到,目录页与主页基础上是1样的,只是左边的顶部多了1个面包屑导航栏。因此,大家只必须改动< div class="c_left">标识里的编码便可以了(如上图所示)。大家能够先把archive.php编码中的< div class="c_left">里的编码所有删掉掉,随后把主页模版index.php编码中的< div class="c_left">全部编码所有拷贝下来,粘贴到archive.php中。这段编码包含了左边的文章内容目录和分页查询按钮。这样,archive.php的左边行为主体一部分基础弄好。

第6步:加上面包屑导航栏。

大家在archive.php模版的< div class="c_left"> 标识中的< div class="left_bottom">标识的上方,加上发下编码:

< div class="left_top">< ul>< li><span class="dashicons-before dashicons-admin-generic"></span><?php echo $cat_c[0]->cat_name; //获得当今归类名 ?></li>< li>< a href="< ?php bloginfo("siteurl"); ?>">< span class="dashicons-before dashicons-admin-home"></span>主页</a> > < ?php the_category(","); ?></li></ul>< ul>< ?php $cat_desc = $cat_c[0]->category_description; //获得当今归类的叙述。if($cat_desc){echo $cat_desc; }else{echo $cat_c[0]->cat_name; //获得当今归类名}?></ul></div>

这段编码中,大家又用到了几个wordpress的涵数:

the_category(","):获得当今归类导航栏;$cat_c = get_the_category():获得当今归类的信息内容,并取值给$cat_c这个自变量

面包屑导航栏的关键功效,便是让客户能够看到当今网页页面所属的个人部位。并且,能够根据点一下面包屑导航栏中的有关连接,能够自动跳转到连接网页页面,如:回到主页(以下图)。

根据上面的几步,大家就进行了wordpress主题trans的文章内容目录页动态性模版的改动。嗯,是否有1个小小的的发现:改动trans主题的目录页模版要比改动主页模版index.php所花的時间要少很多。是的,由于在改动index.php主页模版时,大家必须全部的编码,而改动archive.php模版时,大家只必须把公共性模版拿来立即用便可以了,省去了很多的時间,这便是公共性模版的风采之所属。好了,本节就详细介绍到这里,如有疑惑,欢迎评价。



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:如何抠图