Joomla 不同页面的不同列宽答案

【问题标题】：Joomla different column width for different pagesJoomla 不同页面的不同列宽
【发布时间】：2015-06-25 12:39:39
【问题描述】：

我在其中使用 Joomla 3.4 和 Bootstrap。我有基本布局，其中包含左侧的主要内容和右侧的右侧边栏。主要内容是容器宽度的 75% (col-sm-9)，右侧边栏是 25% (col-sm-3)。这适用于所有页面，除了主要内容应仅为容器宽度的 66.66% (col-sm-8) 和右侧边栏 33.33% (col-sm-4) 的页面。我怎样才能做到这一点？我不想复制或使用其他模板。

谢谢

【问题讨论】：

标签： layout joomla width multiple-columns

【解决方案1】：

方法是，在特定页面上 1) 使用 jQuery，您可以将类从 col-sm-9 更改为 col-sm-8 要么 2）您可以覆盖 css 规则 .col-sm-9 和 col-sm-3 并将宽度设置为 66% 或其他任何值。

例如，您的特定页面是 index.php?option=com_mycom&view=myview 然后您将在 components/mycom/views/myview/tmpl/default.php 中添加

#content
{
    width:66.66%;
}
#aside
{
    width:33.30%;
}

#content 是主要内容的 id，#aside 是右栏的 id

【讨论】：

是的，但是如何将自定义 CSS 类添加到 HTML 或 BODY 标签？我可以为组件添加自定义样式，但不能为 BODY 或 HTML 添加自定义样式。
我找到了这个解决方案，但这不是我想要的。设置活动 slug 名称 <?php $active = JFactory::getApplication()->getMenu()->getActive(); ?> 并将其作为 css 类附加到主体标签 <body class="<?php echo $active->alias; ?>">。最好有课程，例如<body class="wide-sidebar">
另一种解决方案是编辑菜单项中的链接 - 只需附加到末尾 ?tmpl=name-of-template 或 &tmpl=name-of-template 取决于菜单项链接。然后在模板根目录中创建“name-of-template.php”文件。但这仍然不是很好的解决方案，因为如果菜单项将被更改然后重新设置，它将丢失此 URL 参数并使用默认模板。