学做网站培训课程介绍

当前位置:

wordpress分类目录模板(archive.php)制作

本课程视频是VIP会员课程,学习请进入VIP学习区

分类目录模板通常包括二种,一种是普通文章列表目录,一种是产品图片展示列表目录。文章列表目录是通过将分类下的文章标题通过无序列表的形式展示出来。如下图。

wordpress分类目录模板(archive.php)制作

产品图片列表目录是将产品的第一张图片自动调用成缩略图的形式集中展示出来。如下图

wordpress分类目录模板(archive.php)制作

这些页面我们都可以通过制作分类目录模板(archive.php)来实现不同的效果。

分类目录模板(archive.php)制作步骤:

第一步:新建一个空白页面,然后将静态的分类页面代码复制过来,然后保存为archive.php;

第二步:使用以下三个标签调用模板的公共顶部模板,底部模板和边栏模板

调用头部标签:<?php get_header();?>
调用底部标签:<?php get_footer();?>
调用侧边栏标签:<?php get_sidebar();?>

第三步:通过使用循环标签来调用不同分类下的文章

<?php if (have_posts()) : ?
<?php while (have_posts()) : the_post(); ?>

<?php endwhile;?>
<?php endif; ?>

第四步:如果只是普通的分类页面,只需要上面的循环代码中间放上文章的标题及链接的调用代码.

<a href="<?php the_permalink() ?>"> <?php the_title(); ?></a>

如果是制作产品展示分类目录页面,我们需要调用产品的图片作为缩略图,那么中间就需要放入以下包括产品图片的代码。

<?php include( TEMPLATEPATH . '/thumbnail.php' ); ?>  <br/>
<a href="<?php the_permalink() ?>"> <?php the_title(); ?></a>

第五步:分页功能的制作。随着分类下面的文章数量不断的增加,如果只用一页来列出这些文章会导致整个页面过长,就需要进行分页。

WP分页功能,我们可以使用一个分页插件:wp-page-numbers插件,在网站后台安装这个分页插件,然后启用。在需要显示分页按钮的地方,使用下面的代码调用分页按钮。

WP分页功能

<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111434 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 网站服务器有哪些分类 图文教程 (123667 次浏览)
    网站服务器的等级:共享IP空间 < 独立IP < VPS < 租用服务器 < 自己的服务器对于个人自己做网站的话,刚开始可选择共享IP空间,也就是虚
  • wordpress  在写文章之前需要先创建分类目录,那么怎么样去创建分类目录呢?Wordpress创建分类目录步骤 首先登陆wordpress网站后台,鼠标悬停
  • 在课程我们讲到,我们在建站时,可以建立页面和分类目录,然后在网站导航上调用页面与分类目录。更换页面的顺序,我们可以在后台修改每个页面的排
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • 自己做的模板阁网站 图文教程 (17235 次浏览)
    这是我学习了论坛课程后自己做的一个模板阁网站,这款自己做网站的主题个人DIY成纯主题下载站,可以通过填加自定义字段demo、down、thumbnails来分别
  • 仿站长网admin5主题模板 图文教程 (17308 次浏览)
    这是一款模板站长网admin5的wordpress主题模板,这个模板综合了门户和企业网站所有特点,内容特别丰富,而且有大量的广告位可供站长放广告图片,实现网站
  • 零基础新手要学习网站建设,以下的网站建设教程是零基础新手必须学习的网站制作教程。只有将以下的基础知识学会了,才能为以后建网站打下坚实的基础。
  • 这是一家上海电气公司网站,网站制作时采用传统企业网站制作方法与布局结构。网站顶部使用大尺寸的LOGO,网站导航制作使用全屏宽度菜单,每个菜单项宽