在这一节中我们将实现目标网站的博客页面,也就是点击博客菜单之后,系统就会显示博客分类下的所有文章,每一个文章左边显示文章的图片,右边显示文章的标题和描述信息。如果文章很多,还需要自动显示分页。
实现目标网站的博客页面
在上一讲 和目标网站的对比 一文中我们提到 目标网站的博客页面是使用文章组件和分类组件共同实现的。现在我们已经具备了基本的文章管理和分类管理的基础,应该是可以完成这个目标的。
就目前来看要制作出这个页面,我们需要做如下的事情:
如果我们能够做到上面的三件事,那么实现博客页面就不是什么难事了。
3.1 清除系统自带的分类
登录后台 -> 在导航栏 内容下找到 类别管理 ,点击后,进入类别列表中
系统默认在安装的时候会自带一个Uncategoriesed(未分类)的分类,如果你在安装的时候选择安装示范数据,那么可能在类别列表下面会有很多其他的分类。如图:
上图中可以看出,系统给我创建了Uncategoriesed ,Blog,Help三个分类。
为了便于后续的管理操作,我们可以先将这些分类都删除掉。删除分类的方法很简单,主要分为两步:
操作成功会给出一条提示信息,如图:
说明:就如同windows系统一样,放入回收站的内容是可以被找回的,Joomla也是如此,如果你需要彻底的删除这个分类,还需要进行更进一步的操作。彻底删除分类和彻底删除文章的操作一样,具体可以参考 文章组件 - 内容发布管理解决方案 在此不在细说了。
3.2 创建分类
点击工具栏的新建按钮。进入新建页面。如图:
我们在标题中输入 “博客”,在别名中输入 “blog”(系统对于别名的唯一要求就是确保他们是唯一不重复的。这个可以不输入(系统默认会使用当前的时间戳作为别名),不过我们建议输入一个有意义的别名),点击保存。这样我们就创建了好了“博客”这个分类了
创建分类的时候,唯一会出错的地方就是别名,如果你填写的别名和以前的分类重复了,那么系统会明确提示别名已经存在了,此时你只需要使用另外的别名就可以解决问题了。
3.3 创建子分类(这个不做也不会影响本节的内容)
我们通过观察目标网站,发现目标网站的博客栏目下还有3个子栏目,分别是“产品资讯”,“行业动态”,“国际资讯”。如图:
既然我们现在创建了博客分类,索性就一起再创建这3个子分类。如何创建子分类,请参考文章:分类组件 - 结构化的组织你的文章 最后的结果截图如下:
3.4 添加内容
在目标网站的博客栏目中,显示的内容其实是一系列的文章,每一个项目都是一篇文章。如图:
现在的任务就很明确了,我们应该到内容管理中来创建这些文章了。具体的如何创建文章,我们在前面的 创建文章 一文中有详细的说明。在此不做重复。
我们以 《Oculus在伦敦组建VR团队》这篇文章来说明几个要点:首先看图:
在上面我们完成了文章的内容和简介的录入。通过点击选项卡中的“图片及连接”来进入到图片的设置界面。如图:
对于Joomla文章,系统提供了两个设置图片的地方,一个是引用图片,一个是全文图片。
做完了这些,我们的第一篇博客文章就创建完成了。在文章列表中我们可以清楚的看到刚刚创建的内容,如图:
然后我们依据同样的方法,再多创建几篇文章,完成后的效果如下:
3.5 显示分类内容
这篇文章已经太长了。如何展示分类的内容,在下一节中继续。
评论 (0)