css - Joomla 中特定于类别的 CSS 样式？

Question

关于将样式应用于文章类别（类别或其他任何东西）的好方法的任何想法？

目前，我在文章中手动创建了第一遍，将其包装在一个跨度中：

<span class="foo">
<p>bar</p>
<p>etc</p>
</span>

然后我将文章粘贴到 JCK 编辑器中，并在模板目录中有一个新的 css 文件来处理class foo.

这不是很好，因为 JCK Editor 将 span 类移动到内部元素，产生类似

<p><span class="foo">bar</span></p>
<p><span class="foo">etc</span></p>

在您开始使用 JCK 编辑器编辑文章之前，这是可以的，因为新内容不会进入跨度：

<p><span class="foo">bar</span></p>
<p><span class="foo">etc</span></p>
<p>New unstyled content inserted by JCK Editor</p>

我在 Joomla3 上。如果类别的名称出现在 html 中，那么理想的情况是，我可以在其上挂一个样式，但事实并非如此。

Answer 1

有很多方法可以解决这个问题。如果您想为此目的向 body 标签添加一个类，请查看我在https://github.com/construct-framework/construct5/blob/master/index.php#L65上的操作方式并从https://github.com/construct-framework/construct5/blob/master/elements/logic.php#L235。这假设您要编辑模板。

您还可以创建一个简单的插件来动态地将这些类添加到您的 body 标签中。

否则，可以使用http://extensions.joomla.org/extensions/style-a-design/templating/14053之类的东西来做到这一点

Answer 2

1. 如果每个类别都位于自己的菜单项上，您可以为容器 div 添加“页面类”后缀（高级选项>页面显示选项）

2. 其他方式是添加模板覆盖：

复制components/com_content/views/category/tmpl/blog.php到templates/[your_template]/html/com_content/category/blog.php)

并在文件更改内部

<div class="blog<?php echo $this->pageclass_sfx;?>">

至

<div class="blog<?php echo $this->pageclass_sfx . ' ' . $this->category->alias;?>">

Answer 3

您可能不应该在 span-elements 中添加 p-elements，因为 span 是一个内联元素，不应该包含像 p 这样的块元素。这就是 JCK 切换元素的原因。如果您改用 div 元素，则文本编辑器可能不会出现此问题。

除此之外，我想其他两个受访者都有很好的观点。