Joomla/用下拉式页面跳转替换Joomla跳转列表

来自站长百科
跳转至: 导航、​ 搜索

Joomla | Joomla使用手册

Joomla中撰写文章时,如果内容太长自然要分页(Pagination)。Joomla的开发者也想到了这一点,因此在编辑窗口下面一直就显示着一个“insert page break”的按钮,点击之后就增加一个{mospagebreak}标记,页面就从这里分开。前台的效果是该标记之后的内容需要点“下一页”才能看到。有时候内容长达7、8页,Joomla会在每一页右上角显示一个内容跳转菜单,读者可以很轻松就点击第4页或者第6页直接阅读,不用一页一页翻过去。

但是,Joomla自带的这个跳转菜单在方便的同时,却带来一个麻烦:如果分页比较多,文章标题比较长,那么该菜单就占据很大一片面积(如下图所示)。

Joomla page 1.png

下拉选单式跳转菜单[ ]

我们先来看看本条目所说的下拉式选单是什么样:

Joomla page 2.png

这样的跳转菜单够小吧?再也不用担心它会撑破页面——即使你分页有30页都不用怕。点击下拉选单的箭头后可见全部跳转链接:

Joomla page 3.png

上图中的下拉选单已被点开,可以看到原来的所有页面链接都在下拉列表中。如果不点击,则它只在文章右上角占用一点点空间,对保持页面整洁非常有用。

这个效果的实现,是借用了一个触发器,叫做Table of contents - dropdown menu 。这个触发器的标记语法有以下5种:

  • {mospagebreak_scroll}
  • {mospagebreak_scroll title=The page title}
  • {mospagebreak_scroll heading=The first page}
  • {mospagebreak_scroll title=The page title&heading=The first page}
  • {mospagebreak_scroll heading=The first page&title=The page title}

如果用第一种{mospagebreak_scroll}来替代原有的{mospagebreak},就得到了上图中的效果(当然,你必须已经安装了这个触发器并将其发布)。这个效果似乎不够好,因为只有第一页有标题,后面的都是“页面 2、页面 3”这样无意义的链接。那好,我们现在使用第二种语法。

文章中使用{mospagebreak_scroll title=The page title}标记(这里的The page title指当前页面的小标题,管理员必须修改为自己的实际标题)后的效果是:

Joomla page 4.png

可以看出,这次效果好多了。但是,第一页的标题还是沿用整篇文章的大标题。如何为第一页添加小标题?这就要用到上面第3、4、5种语法。实际上第4种和第5种语法是一样效果,只是顺序可以变。第三种只定义了heading,即第一页的小标题,却没有定义以后各页的小标题,因此这种语法不会用到;我们选择第4种语法来使用。

在文章中使用{mospagebreak_scroll title=The page title&heading=The first page}标记后的效果如下:

Joomla page 5.png

其实,我们只需要在第一页和第二页分隔的地方使用{mospagebreak_scroll title=The page title&heading=The first page}这种标记即可,这样可以给第一页也添加一个小标题;其余页面仍然使用{mospagebreak_scroll title=The page title}标记来添加该页标题。

参考来源[ ]

http://www.joomlagate.com/article/joomla10-tutorial/dropdown-toc-for-multi-page-joomla-content/

Joomla 1.0使用手册导航

Joomla安装

Joomla!的安装

Joomla 1.0教程

让网站自动适应掌上电脑阅读版面 | MosIf的使用 | Joomla登录模块的DIY改造| 用下拉式页面跳转替换Joomla跳转列表 | configuration.php文件操作 | 用blog形式做简单的产品展示 | 将DreamHost的mysql数据导入及导出的问题 | 给页面顶端添加ActiveX Infobar | 用JA Transmenu模块做多级弹出菜单 | 用桥接器整合开源Gallery2图库到Joomla | 用CB Profile Gallery搭建交友网站的会员相册 | 在网页中插入Google Map地图 | VM中产品详情只显示大图的实现 | Joomla!扩展(组件、模块、触发器)的汉化 | Joomla! Pack的使用 | 应用JSMF桥接器在Joomla!上安装SMF论坛 | Advanced Flash Mp3 Player播放器模块用法 | Joomla/Allvideos Plugin 引用视频、音频的方法|geshibot使用详解 | 表格式模板列宽度自动扩展的实现 | Joomla! Tkit使用详解 | Community Builder 1.0.2 的安装方法 | 利用CSS给文章标题添加图片 | 如何选择合适的下载组件 | 让Joomla支持flash格式的banner

其他Joomla教程

用XAMPP快速搭建Joomla本地测试服务器 | 用Gmail的SMTP发送Joomla激活及通知邮件 | 深入认识Joomla CMS:扩展、菜单及模板 | Joomla 1.5教程 | Joomla高级教程 | Joomla! SEO教程