Categories

有特色的模板

Joomla 3.x. 如何使用“引导选项卡”模块

史黛西马丁 2015年5月20日
Rating: 5.0/5. 来自5票.
Please wait...

本教程展示了如何使用 Bootstrap tabs module in Joomla 3.x.

The Bootstrap Tabs Module 在选项卡中显示特定类别或一组类别中的固定数量的文章 layout.

  1. Use the 检查元素(Firebug)工具 to find out module’s position.

    Joomla 3.x. 如何使用引导选项卡模块1
  2. 接下来,导航到 Extensions -> Module manager 并在定位位置对模块进行整理. Open the Bootstrap tabs module 检查它被分配到什么类别 module’s Category field.

  3. Navigate to Content -> Articles manager 并整理出文章,分配到相应的类别. 的标题 module 载入文章,并编辑文章的标题.

    Joomla 3.x. 如何使用Bootstrap选项卡模块2
  4. Next, edit module 的标题和类别标题 文章-快讯(高级) module. I.e. it’s the Articles -> Newsflash (Advanced) 下的列中显示文章 Bootstrap Tab module.

    Joomla 3.x. 如何使用Bootstrap选项卡模块3

以便添加新的 tab into the module, you will need to duplicate a category of articles, an article, Articles -> Newsflash (Advanced) module 并编辑列数 Bootstrap Tab module:

  1. Go to Content -> Categories manager -> New. 在类别下创建并发布新的子类别,并将其分配给 Bootstrap tabs module. 在子类别中创建具有相同内容的文章:介绍图像,标题或 HTML intro text.

  2. 复制调用文章的文章代码 tab 并在类别中创建一个新文章,分配给 Bootstrap Tab module. 确保插入new category/module 标题变成新的文章内容:

    Joomla 3.x. 如何使用Bootstrap选项卡模块4
  3. 请注意,这是为了显示新的 tab,你还应该增加文章的数量 Bootstrap Tabs module:

    Joomla 3.x. 如何使用Bootstrap选项卡模块5
  4. 接下来,复制 Articles -> Newsflash (Advanced) module,显示在 Bootstrap tabs. Change module 文章的标题和类别 module 敬你所创造的新生命. Publish the module.

    Joomla 3.x. 如何使用Bootstrap选项卡模块-6

另外,请查看完全响应的集合 引导模板.

请随时查看下面的详细视频教程:

Joomla 3.x. 如何使用“引导选项卡”模块
最佳Joomla主题
这个条目被张贴了出来 Joomla! Tutorials and tagged Bootstrap, joomla, module, tab. Bookmark the permalink.

提交罚单

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: 提交罚单