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

EML*_*EML 3 css joomla

关于将样式应用于文章类别(类别或其他任何东西)的好方法的任何想法?

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

<span class="foo">
<p>bar</p>
<p>etc</p>
</span>
Run Code Online (Sandbox Code Playgroud)

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

这不能很好地工作,因为JCK编辑器将span类移动到内部元素,产生类似的东西

<p><span class="foo">bar</span></p>
<p><span class="foo">etc</span></p>
Run Code Online (Sandbox Code Playgroud)

这是好的,直到您开始使用JCK编辑器编辑文章,因为新内容不在范围内:

<p><span class="foo">bar</span></p>
<p><span class="foo">etc</span></p>
<p>New unstyled content inserted by JCK Editor</p>
Run Code Online (Sandbox Code Playgroud)

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

bet*_*ain 6

有很多方法可以解决这个问题.如果你想为此目的在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这样的方法来做到这一点.


pio*_*_cz 5

  1. 如果每个类别都位于自己的菜单项上,您可以为容器div添加"Page Class"后缀(高级选项>页面显示选项)

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

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

并在文件内部更改

<div class="blog<?php echo $this->pageclass_sfx;?>">
Run Code Online (Sandbox Code Playgroud)

<div class="blog<?php echo $this->pageclass_sfx . ' ' . $this->category->alias;?>">
Run Code Online (Sandbox Code Playgroud)