css - Joomla自定义网格首页文章

Question

在我当前的 joomla 模板中，我可以选择以 2×2 或 3×3 列显示特色文章，但我想要自定义布局，你们知道任何插件/扩展可以帮助我更快地做到这一点吗？这是我需要的结果图片:

中间一行是 joomla 在所有行中的默认设置，但我想自定义第一行和最后一行，如图所示。

谢谢

Answer 1

与其为此安装 k2 cck(除非你真的需要 k2 cck)，不如按照@elin 的建议并覆盖特色 View (like here)。您可以按照以下建议调整布局:

• 将/components/com_content/views/featured/tmpl/default.php 复制到/templates/yourtemplate/html/com_content/featured/default.php。

在循环遍历 introtext-articles 的文件部分中，在第 52 行附近，将此替换为:

$key = ($key - $leadingcount) + 1;
$rowcount = (((int) $key - 1) % (int) $this->columns) + 1;
$row = $counter / $this->columns;

用这个:

$key = ($key - $leadingcount) + 1;
$columns=$this->columns; 
if($counter<3)  $columns=3;
$rowcount = (((int) $key - 1) % (int) $columns) + 1;
$row = $counter / $columns;

• 也用 $columns 替换后面出现的 $this->columns
• 在菜单设置中，将前导数设置为 2，介绍文字数设置为 5，列数设置为 2。

您的模板现在应该显示与您需要的内容类似的内容，第二行包含在 class="items-row cols-3 row-1"的 div 中，第三行包含 class="items-row cols -2 行 2"。您可能需要调整您的 css 以获得正确的结果。