网站分类列表页模板主题又称为聚合页,多位产品,或者文章列表页面也是网站中不可或缺的一种页面;本篇模板主题开发教程主要讲的是,列表循环,分页标签,面包屑导航等等......
一般正常的网站列表页主题主要有以下几部分组成
1、公共头部菜单导航
2、wordpress网站面包屑导航
3、wordpress网站侧边栏
4、当前列表分类的栏目名_栏目id_栏目链接
<?php echo category_description( $category_id ); ?>//当前分类描述<?php echo category_description(); ?>//当前分类描述<?echo trim(strip_tags(category_description())); ?>//当前分类描述 不带默认p标签<?$category_title= single_cat_title('', false );$category_id = get_cat_ID($category_title);$category_link = get_category_link( $category_id );echo $category_title; //输出当前分类名echo $category_id;//输出当前分类idecho $category_link //输出当前分类链接?>
5、当前分类顶级分类栏目的分类名_链接(例:当前行业新闻,获取父分类新闻中心栏目名)
<a href="<?php echo get_category_link(get_category_root_id($cat)); ?>"><?php echo get_cat_name(get_category_root_id($cat)); ?></a>
6、当前列表栏目子分类 (functions添加获取当前分类子分类列表代码)
在需要调用当前顶级分类栏目的子分类处添加如下代码<?phpif(is_single()||is_category()) { //如果是文件页面或分类页 if(get_category_children(get_category_root_id(the_category_ID(false)))!= "" ) {//如果有子分类echo '<ul class="sidebar-list1">';echo wp_list_categories("child_of=".get_category_root_id(the_category_ID(false)). "&depth=0&hide_empty=0&title_li=&orderby=id&order=ASC");echo '</ul>';}else{ //如果没有获取顶级分类 }}?>
7、列表循环、wordpress列表页循环调用标签
<?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <li class=" homebk1-item"> <a href="<?php the_permalink(); ?>">//链接 <div class="homebk1-img"> <img src="<?php $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo $full_image_url[0]; ?>" />//缩略图(特色图片) </div> <h3><?php the_title();?></h3>//标题方法一<h3><?phpwp_trim_words( get_the_title(), 10 );?></h3> //标题方法二 可限制字数<p><? the_excerpt(); ?></p> //简介方法一<p><?phpwp_trim_words( get_the_excerpt(), 20 );?></p> //简介方法二 可限制字数</a><p><?php the_date_xml()?> </p> </li> <?php endwhile;?> <?php endif; ?>
8、分页列表标签 (方法三:functions添加分页代码)
<? posts_nav_link(); ?>// 方法一官方默认调用方法<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?> //方法二 需用插件 wp-page-numbers<?php kriesi_pagination($query_string); ?>//方法三:自定义分页代码,可以根据需要更改分页代码-需在functions添加分页代码
wordpress的默认分页标签使用起来比较方便,但是如果想做一些样式上的定制,或者做一些修改就比较麻烦了,如果需要定制分页建议使用第方法三
9、分类栏目自定义字段调用
//$cat 默认为当前分类id seo-title自定义字段<? $post_id = "category_".$cat; $value = get_field( 'seo-title', $post_id );echo $value;?>//输出图片字段<? $post_id = "category_".$cat; echo get_field('img_ioc',$post_id);?>案例<? $post_id = "category_".$cat; ?><title><?phpecho get_field( 'seo-title', $post_id ); ?></title><meta name="keywords" content="<?phpecho get_field( 'seo-keywords', $post_id ); ?>"/><meta name="description" content="<?phpecho get_field( 'seo-description', $post_id ); ?>"/>