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

Question

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

目前，我手动创建了第一篇文章，将其包装在一个范围内：

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

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

这不能很好地工作，因为JCK编辑器将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添加“Page Class”后缀（高级选项>页面显示选项）

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元素，因为span是一个内联元素，不应该包含像p这样的块元素。 这就是JCK切换元素的原因。 如果使用div元素，则文本编辑器可能不会出现此问题。

除此之外，我猜其他受访者都有不错的观点。