繁体   English   中英

Joomla中的多栏文章

[英]Multiple column articles in Joomla

我有一个客户,要求一篇文章在Joomla中显示为两列,有时显示为三列。 我相当确定他们不会为3列编辑3篇文章而感到满意,因此拆分必须自动完成。

在将HTML的大块拆分为n列之前,我已经做过类似的事情,但是不知道如何在Joomla本身中完成此工作。

任何想法表示感谢!

这似乎并不容易。

最初认为这应该是CSS属性,但是如果存在,它就是CSS 3.0的一部分,因此只有现代浏览器才能理解(如果有的话)。 但是我没有找到任何在CSS中执行此操作的方法。

因此,您实际上必须修改HTML代码。 我将提出以下建议:

  • 一个Button(editor-xtd插件),用于将文章分为几部分,每一部分为一栏,在编辑器框中显示一条虚线(类似于“ read-more” -Button)。
    例如,它插入到文章中:(您必须在/templates/system/css/editor.css中定义hr.column)。
  • 一个(内容)插件,可创建多个列样式,
    例如,用表格或浮动div替换hr-Tag。

这样,它可以实现半自动化,而无需在Joomla中进行操作! 文件,但仅添加扩展名。

替代方法:

使用Javascript将“文章”拆分为浏览器的几列。 在这里,我可以想象全自动的方法可以奏效。

优点(相对于第一种方法):

  • 如Javascript所知,段落在浏览器中实际具有的高度(取消链接PHP),您可以更准确地找到最佳拆分。
  • 这可以在模板php-File中实现:您告诉模板包括js-File。 因此可以使其与上下文相关,
    例如:如果左列折叠了(因为其中没有模块),请告诉JavaScript文件初始化为3列,否则初始化为2列。

但是,请记住,它应该对禁用Javascript的用户可用。

CSS 3的多列规则是:

-列宽

-column隙

-column规则

-column数

之前带有供应商标签(-moz,-webkit)。

有关更多信息, 请访问http://www.css3.info/preview/multi-column-layout/

我会使用CSS并告诉具有Explorer的人员更改浏览器! (我在开玩笑)

否则,javascript就像之前所说的那样。 该脚本应该执行(未经测试) http://13thparallel.com/archive/column-script/

这应该通过模板来完成,其中涉及一些PHP编码。

我们的一位客户要求我们之前做完全相同的事情,并且我们已经通过模板完成了。 请注意,对于非常小的文章,我们增加了字体,以将文章分为3列。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM