如何将单个文章放入单独的div中

Question

我想知道如何将个别'文章'放入单独的CSS'div'中？??

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

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

所以也许我问的是如何在我的模板中添加更多部分..我的意思是部分 例如。 'Banner''左''右''页脚''免责声明'等... ???

Answer 1

Joomla模板使用CSS作为样式工具。 要在模板中添加新部分，您必须更改级联样式表（* .css文件）。

将您的主要内容拆分为四个部分需要一些CSS魔术，您应该阅读box model，float属性和this广泛的教程。

使用CSS执行此操作的一种方法是

当然，您也可以使用表格，只需声明四列。

Answer 2

您需要一个简单的模板覆盖。假设您要列出博客样式类别，请复制/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的方式。

Answer 3

您也可以使用模块。 编辑模板index.php文件，并使用相应的float插入所需的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模块），并将创建的模块放置在右侧或左侧位置名称中。