wordpress文章页后退
WP菜鸟建站13:wordpress后台怎样创建文章分类?
整个wordpress网站的前端内容,是由众多的模块元素共同组建而成:网站标题、网站LOGO、菜单导航、面包屑导航、搜索、文章等等。虽然网站的模块元素众多,但是它的内在核心,还是在于文章,因为我们会不断地给我们的wordpress网站发表文章,以此来展示我们的观点和学术。文章多起来了,如果没有给它们分门别类,会让整个网站显示杂乱无章。所以,我们在给wordpress网站创建文章之前,一般都会先创建文章的分类目录。那么,怎样给我们的wordpress网站创建文章分类呢?其实很简单。
一、打开文章分类的创建页面。
?进入我们的wordpress网站后台,点击后台左侧导航中的“文章”菜单,再点击“分类目录”,在后台右侧内容栏中就会显示“分类目录列表和添加新分类目录”。
二、创建新的文章分类。在创建文章分类之前,我们要想一想,我们在后期将会发表关于哪些方面的文章,然后,再根据我们的文章类型来创建文章分类。
1、分类目录名称。
比如:我们将发表美容方面的文章,我们就可以创建“美容”的分类目录。这个名称,除了作为文章分类名外,还可以用在导航菜单中。
2、分类目录的别名。
如果我们没有填写这个地方的分类目录的别名,在我们创建文章分类成功后,会自动创建,自动创建的别名跟分类名称一至,如:分类名是“美容”,那么自动创建的别名也会是“美容”,这时,在有的浏览器上打开这个分类页面,浏览器URL地址栏会出现如下图这样的乱码情况。所以,我们在设置wordpress网站分类目录的别名时,尽量设置成拼音。如:meirong 。这样的好处是,URL地址会比较美观。
3、父级分类目录。
在我们的wordpress网站的文章分类不是特别多的情况下,这个“父级分类目录”几本上用不上。但是,一旦我们网站的文章分类特别多时,这时,我们就有必要把一些小分类归总到那些大分类中。如:美容是个小分类,而“时尚”是一个大分类,我们就可以把“美容”作为“时尚”的子分类,有利于条理分明。
4、分类目录的图像描述。
分类目录的描述,是用来对这个文章分类作一个概括,我们这里为“美容”这个分类目录填写上描述:“美容,可以让我们更加光鲜亮丽。”如果想让这个分类利于SEO,对搜索引擎友好一点,我们最好是认真地填写这个分类的描述,这些描述会在当前分类页面的前端网页head头部信息中展现(如下图)。百度这类搜索引擎,最喜欢抓取这种网页头部的描述,用以作为排名的参考。
为wordpress网站创建一个文章分类目录,是非常简单的。但是,为了我们的整个网站的优化,为了利于百度等搜索引擎的排名,我们最好是认真填写文章分类目录的相关信息。建站就是要这样,任何一个小地方,我们都要尽量做到尽善尽美。
WP主题开发14:怎样添加wordpress主题trans的文章列表页模板?
在前面的章节中,我们创建了wordpress主题trans的公共模板:header.php头部模板、sidebar.php侧边栏模板、footer.php底部模板,这样就更加方便了trans主题的其它动态模板的开发。就比如,今天我们要开发的模板——文章列表页模板,就不需要再去修改头部、侧边栏、底部的代码了。好了,闲话不多说,我们直接进入到今天的主题当中,怎样添加trans主题的文章列表页模板?
第一步:创建列表页模板文件。
在trans主题目录下创建一个列表页模板的文件——archive.php。wordpress程序默认的文章列表页模板的名字必须是:archive 或 categoty,也就是说,可以是archive.php,也可以是category.php,我们这里用archive.php。
第二步:引入头部模板。
用sublime等编辑器打开trans主题的静态模板list.html,把你的代码复制到archive.php文件中。然后,在代码找到</header>这句代码,从<!doctype html>与</header>之间的所有代码全部删除,因为这段代码,我们已经可以使用公共模板——header.php来代替了。
删除后,我们再来引入header.php这个头部模板:
< ?php get_header(); ?>
这时,我们可以正常打开列表页了。但是有一个小问题:标题显示的不是文章分类的名称,仍然是网站的名称。而我们需要的效果是,在列表页时,我们需要显示的是文章分类目录的名称。所以,我们要在header.php文件中的<title></title>标签中修改一个调用代码,
原代码是:
< 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>
这段代码的意思是:如果是网站的首页,就显示网站的名称;如果是列表页,就显示为“分类目录名称 + 网站名称”;否则就显示“文章标题+网站名称”。
第三步:引入右侧边栏模板。
在archive.php中找到< div class="c_right">标签中的所有代码,删除掉,然后,在当前位置上,引入公共模板sidebar.php侧边栏模板,代码如下:
< ?php get_sidebar(); ?>
这样,我们就不需要再去修改原< div class="c_right">标签内的代码了,而只需直接把sidebar.php拿来用就可以了。
第四步:引入底部模板。
同上,在archive.php代码中找到< footer>标签,然后,把< footer>及它后面的所有代码全部删除掉,现在不需要了,因为,我们有footer.php底部公共模板了。删除掉后,我们在原位置上直接引入这个footer.php底部模板,代码如下:
< ?php get_footer(); ?>
在引入完头部、侧边栏、底部的公共模板后,我们再来看看archive.php的模板代码,如下图:
然后,我们只需要修改archive.php模板代码中的 < div class="c_left">标签内部的代码就可以了。
第五步:修改左侧主体部分。
其实,我们查看trans主题的静态代码的效果时,我们可以看到,列表页与首页基本上是一样的,只是左侧的顶部多了一个面包屑导航。所以,我们只需要修改< div class="c_left">标签里的代码就可以了(如上图所示)。我们可以先把archive.php代码中的< div class="c_left">里的代码全部删除掉,然后把首页模板index.php代码中的< div class="c_left">所有代码全部复制下来,粘贴到archive.php中。这段代码包括了左侧的文章列表以及分页按钮。这样,archive.php的左侧主体部分基本弄好。
第六步:添加面包屑导航。
我们在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的文章列表页动态模板的修改。嗯,是不是有一个小小的发现:修改trans主题的列表页模板要比修改首页模板index.php所花的时间要少得多。是的,因为在修改index.php首页模板时,我们需要所有的代码,而修改archive.php模板时,我们只需要把公共模板拿来直接用就可以了,省去了大量的时间,这就是公共模板的魅力之所在。好了,本节就介绍到这里,如有疑问,欢迎点评。
怎样给wordpress网站分类目录页面,添加文章列表和分页效果?
在前面的章节中,我们完成了wordpress网站首页模板数据的调用,也创建好了wordpress网站的公共模板。今天,我们再来给wordpress网站的分类目录页模板archive.php文件添加左侧数据的调用。一般情况下,wordpress网站的分类目录页面,展示的是该分类下的文章列表,所以,本节课我们将介绍如何给wordpress网站分类页面调用文章列表和分页效果?下面,一起来看看吧(具体请观看《wordpress网站分类目录,如何添加文章列表和分页效果?》视频课程)。
第一步:在wordpress网站分类模板中添加wordpress循环函数。这个wordpress循环函数,我们在wordpress网站很多模板中会使用到,如:首页的文章列表、文章详情页、搜索页、单页面等等。我们打开archive.php模板文件,找到左侧的父标签< div class="c_left">(如下图),现在里面是空的。
在这个< div class="c_left">标签内部添加如下代码:
<?php if(have_posts()):while(have_posts()):the_post(); endwhile;endif;?>
效果如下图:
第二步:在循环中调用文章数据。wordpress循环语句添加好后,我们再在这个循环语句的主体中添加文章数据调用,这里,我们调用文章的标题、链接和发表的时间,代码如下:
echo '<li>'; echo '<a href="'.get_permalink().'">';echo $post->post_title;echo '</a>';echo '<em>'.get_the_time("Y-m-d").'</em>'; echo '</li>';
这样,我们就添加好了wordpress网站分类模板左侧的文章列表调用,效果如下图:
第三步:给文章列表添加分页效果。wordpress网站的分类下的文章可能会很多,一个页面展示不下去,所以,我们一般都会给分类目录下的文章列表添加分页效果。在当前wordpress分类模板的文章列表代码下方,添加如下代码:
<?php $arr = array('mid_size' => 3, //当前页码数的 两边 显示几个页码。'prev_text' =>'上一页', //上一页'next_text' =>'下一页', //下一南);the_posts_pagination($arr);?>
因为wordpress这个分页函数the_posts_pagination(),我们在前面的章节中介绍过,这里,我就不费口舌了,大家可以查阅一下我前面发表的内容。添加好分页按钮后,wordpress网站分类的前台页面显示如下:
?好了,通过上面的三步,我们给我们的wordpress网站的分类目录添加好了文章列表和分页效果。在下一课中,我们将介绍《wordpress网站不同的分类页面,怎样调用不同的banner图?》,欢迎大家到时收看。