如何将单个文章放入单个 div 中答案

【问题标题】：How to place individual articles into individual div's如何将单个文章放入单个 div 中
【发布时间】：2011-03-04 04:04:11
【问题描述】：

我想知道如何将单个“文章”放入单个 CSS 'div's...？？

基本上，我的设计将我的网页分成 4 个不同的列。我希望能够在每一列中放置单独的文章……

目前，Joomla 会将每篇文章直接放在彼此之下，例如在模板的“右”部分，不允许我在文章之间插入任何“div”..

所以也许我要问的是如何向我的模板添加更多部分。我的意思是部分例如。 “横幅”“左”“右”“页脚”“免责声明”等...???

【问题讨论】：

标签： templates html joomla customization

【解决方案1】：

您也可以使用模块来做到这一点。编辑您的模板 index.php 文件，并使用相应的浮点数将 div 插入您想要的位置：

<div id="left">
    <jdoc:include type="modules" name="left" style="" />
</div>

<div id="right">
    <jdoc:include type="modules" name="right" style="" />
</div>

在模板 css 文件中设置左侧和右侧 id 以及浮点数等。

接下来是在templateDetails.xml中包含位置到正确的位置，像这样：

<position>left</position>
<position>right</position>

现在您可以使用文本/内容创建模块（自定义 HTML 模块），并将创建的模块定位到右侧或左侧位置名称中。

【讨论】：

感谢您的回答！当我将此代码放入其中时，它会出现在每个页面上......我怎样才能让它出现在选定的页面上，例如，只有“主页”页面......？
在模块选项中有一个“菜单分配”部分，您可以选择“从列表中选择菜单项”，然后单击主菜单。如果只有主页菜单以蓝色突出显示，则您的模块仅出现在主屏幕中！
好的，知道了！但是...我放在索引文件上的 div 仍然保留在每个页面上，因为它使用相同的 php 文件来制作所有其他页面，我该如何阻止这种情况发生...？
每个模板布局都有php文件，比如首页，分类博客布局，分类列表等，试着找到那些，插入div。

【解决方案2】：

Joomla 模板使用 CSS 作为样式工具。为了向您的模板添加新部分，您必须更改您的层叠样式表（*.css 文件）。

将您的主要内容分成四个部分需要一点 CSS 魔法，您应该阅读box model、float 属性和this 扩展教程。

使用 CSS 的一种方法是

当然你也可以用表格来做，只需要声明四列。

【讨论】：

我知道如何非常流利地使用 CSS ！我已经从上到下设置了页面样式...问题是在 index.php 页面中，PHP 脚本用一行代码一个接一个地显示文章。我希望它能够访问' Atricles' 单独，这样我就可以将它们分配给唯一的 DIV，可能有不同宽度的字体等...???
我不确定我是否理解正确，您可能需要查看this...您可以使用 JavaScript 通过 ID 访问单个元素

【解决方案3】：

您需要一个简单的模板覆盖。假设您要列出博客样式类别，然后复制 /public_html/components/com_content/views/category/tmpl/blog_item.php 并将其放入 /templates/your template/html/com_content/category/blog_item.php .根据您的喜好编辑该文件，然后相应地设置样式。如果您不使用博客类别列表，只需在 com_content views 文件夹中找到相应的模板文件并使用它。

阅读 - http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

一旦您了解了覆盖的工作原理，它将改变您使用 Joomla 的方式。

【讨论】：