学做网站培训课程介绍

当前位置:

WordPress网站导航如何实现分类目录与页面的混排

在课程我们讲到,我们在建站时,可以建立页面和分类目录,然后在网站导航上调用页面与分类目录。

更换页面的顺序,我们可以在后台修改每个页面的排序号,更改分类目录的顺序,我们可以用wordpress插件“category order”来任意的拖动它们的顺序。

网站导航如何实现分类目录与页面的混排

但是通过这些更改,只能改变页面与页面,分类与分类之间的排序,并不能实现分类目录与页面的随意混排,那我们该怎么办呢?

方法

第一步:登录网站后台——外观——编辑——头部文件(header.php 网站导航的代码一般都在这里)

第二步:在头部文件里找到“首页”二个字,在“首页”二个字的下方,应该有这样二段代码:

<?php wp_list_pages('sort_column=menu_order&title_li=0&include='); ?>

<?php wp_list_categories('title_li=0&orderby=name&show_count=0&depth=1&include='); ?>

这二段代码,上面是调用后台页面的代码,下面是调用后台分类目录的代码。

第三步:如果你想更改导航中的页面和分类之的顺序,只需要将这二段代码的上下顺序调换就可以了。默认的是页面在导航的前面,分类目录在后面。调换后就变成,分类目录在前面,页面在后面了。

第四步:如果你想实现页面中有分类,分类中有页面的混排效果,那就需要利用这二段代码中的“&include=”参数了,如果你的代码里没有这个参数,可以复制添加上。

<?php wp_list_pages('sort_column=menu_order&title_li=0&include=125,128'); ?>

<?php wp_list_categories('title_li=0&orderby=name&show_count=0&depth=1&include=1,3'); ?>

<?php wp_list_pages('sort_column=menu_order&title_li=0&include=130,142'); ?>

<?php wp_list_categories('title_li=0&orderby=name&show_count=0&depth=1&include=4,6'); ?>

用“&include=”参数后面的ID号来控制各自页面和分类的排序.通过将这四段代码替换原来的二段代码后,就会实现这样的排序效果:

ID为125的页面>>ID为128的页面>>ID为1的分类目录>>ID为3的分类目录>>ID为130的页面>>ID为142的页面>>ID为4的分类目录>>ID为6的分类目录

当然,这只是我举例说明,同学们在学习怎么做网站过程中的ID号要写自己网站的页面和分类的ID号.至于如何获取ID号,这里就不在说了,网站制作培训里讲的都再清楚不过了。

除了使用“&include=”之外,我们也可以使用wordpress后台菜单功能来任意调用位置,更方便。

发表回复

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

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (112745 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 插件介绍在网站中插入幻灯片可以让网站更加绚丽,例如学做网站论坛首页顶部左侧就是一个幻灯片,这种方式是直接借助js文件,然后嵌入到网站主题中的.
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个
  • 在我们的建站课程中,跟大家讲过wordprss实现导航是利用二句代码来自动调用。这样只要我们在后台添加一个分类或者页面时,会自动调用出来。
  • 网站服务器有哪些分类 图文教程 (126618 次浏览)
    网站服务器的等级:共享IP空间 < 独立IP < VPS < 租用服务器 < 自己的服务器对于个人自己做网站的话,刚开始可选择共享IP空间,也就是虚
  • 在课程我们讲到,我们在建站时,可以建立页面和分类目录,然后在网站导航上调用页面与分类目录。更换页面的顺序,我们可以在后台修改每个页面的排
  • 问:我网站有几个分类,还有一些子分类,我想让一级分类和他下面的子分类使用不同的模板应该怎么做,我自己用下面的代码实现不了,请求论坛老师指点。
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • 在建站课程中,我们讲到网页设计和网站制作的区别,它们其实是两个不同的职业。其中一个操作就是把网页设计师设计好的图片转变成程序员可以用的代码,
  • DW图文混排怎么做 视频教程附件下载 (1166249 次浏览)
    课程中的案例网页下载:xwz.rardreamweaver 图文混排使用dreamweaver 图文混排,插入图片的时候会有一个对齐的选项,如左对齐,就是图片在左侧,