进入专题模式查看 >>

在这一节中我们就来学习一些常用的模块,这些模块的使用,能够让我们的网站内容更加的紧凑,给访客更容易找到需要的资料。

1,本节目标


了解一些Joomla核心自带的模块的用法,完善我们的博客页面

2,对比目标网站


在上一节增加了菜单模块之后,现在我们和目标的网站的区别就在于右边的模块了。

目标网站的右侧截图如下:

joomla网站右侧模块.png

我们网站的右侧部分截图:

我们的Joomla网站的右侧截图.png

要是能够将我们网站的右侧做成和目标网站一样,那么我们的博客页面也就是完美了。下面我们就来看看该怎么做

3,常用的模块介绍


在初始安装Joomla的时候,系统会给我们预装一些常用的模块。比较常用有如下几种:

和用户相关的模块(为用户组件的辅助模块)

  • 登录模块,为网站提供登录功能
  • 谁在线上模块,显示目前正在浏览网站的用户数量以及注册的用户数量
  • 最新用户模块,显示网站最新注册的用户

和搜索相关的模块(为搜索组件的辅助模块)

  • 搜索模块,为网站提供搜索功能
  • 智能搜索模块,这个模块比搜索模块功能更加的强大,但操作更加的复杂

和显示文章相关的模块(为文章组件的辅助模块)

  • 文章类别列表模块 ,在显示网站的文章的类别
  • 最新文章模块,显示网站最新的文章
  • 最多阅读内容模块,显示网站阅读量最高的文章
  • 文章 - 相关文章模块,依据一定的规则在前台推荐和当前文章相关的的文章
  • 文章 - 新闻轮播模块,显示来自特定类别固定数量的文章
  • 类别中的文章 , 显示一个或者多个类别中的文章
  • 存档的文章 ,显示存档的文章

和标签相关的模块(为标签组件的辅助模块)

  • 热门标签模块,显示网站的标签列表

和菜单相关的模块(为菜单组件的辅助模块)

  • 菜单模块,在前台显示菜单

系统常用功能模块

  • 导航路径模块:为网站提供导航路径(显示当前页面的路径)
  • 自定义HTML模块,这模块允许您使用所视即所得编辑器输入HTML代码
  • 具体的所有系统自带模块大家可以在模块管理中查看,再次不再说明

4,具体的操作


4.1 移除掉login Form模块

为了能够让我们网站和目标网站一样,首先,我们需要将我们放在右侧的login Form模块移除掉。操作方法如下:

在模块管理界面,搜索 login 关键词,系统会列出所有标题包含login这个字符串的模块,如图所示:

Joomla停止发布模块.png

点击前面的打钩的按钮,禁止发布这个模块,操作成功后,这个打钩会变成打叉,表示已经停止发布这个模块了。截图如下:

Joomla停止发布模块2.png

此时你刷新前台,就不会看到这个模块了。再此就不截图了。

4.2 增加需要的模块

在目标网站上,我们放了3个模块,这个3个模块按照上下顺序依次是 搜索模块,最新文章模块,文章分类列表模块。下面我们依次加上 

4.2.1 增加搜索模块

增加搜索模块的操作和前一篇增加 当前菜单模块的操作一样,如果不清楚的,可以参阅文章:实现博客页面3 - 为页面分配模块 

在这里我们要注意一点,那就是 因为我们要将模块放到右边,因此,我们放置的模块的位置名称为 sidebar-right1. 另外,因为我们这里要放置的是 搜索模块,所以在选择模块类型时,我们要寻找搜索模块 这个类型。

最后,搜索模块的设置截图如下:

Joomla设置搜索模块.png

 

4.2.2 增加 为您推荐模块

在创建模块的时候,我们要将这个模块的类型选择为 最新文章 。具体的设置界面如下:

Joomla设置最新文章模块.png另外,为了让模块有一个好看的样式,我们还需要在高级设置中为其增加一个 模块 css类后缀  border-top border-bottom.如图:

Joomla设置模块CSS类后缀.png

关于模块CSS类后缀的介绍,我们在后续再说。

4.2.3 增加 更多文章模块

在创建模块的时候,我们要将这个模块的类型选择为 文章类别列表 。具体的设置界面如下:

Joomla设置文章类别列表模块.png

 5  刷新前台,查看效果


做完了这些,下一步就是见证奇迹了时刻了。保存后,在前台刷新一下,看看效果。截图如下:

Joomla博客页面作为后截图.png

 至此,我们就真的实现了博客列表页面了

评论 (0)

  • 最新在前
  • 最佳在前

Joomla! 除错面板

会话

方案信息

内存使用量

数据库查询