Joomla：为特定页面加载不同的css答案

【问题标题】：Joomla: Load different css for specific pageJoomla：为特定页面加载不同的css
【发布时间】：2014-01-17 15:04:13
【问题描述】：

我用 html 和 css 创建了一个动画，我想将它包含在一个 joomla 站点中。现在我不想在网站的每个页面上加载这个动画的所有 css 文件。是否可以仅在 joomla 的一页上加载此动画的 css？

感谢您的帮助！

【问题讨论】：

您应该可以上传.css 文件并从您的html 页面(<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />) 中引用它。不确定 Joomla 是否需要为此添加任何特定内容。
@Amber - Joomla 不为每个页面使用 html 文件。这是一个 CMS，每个页面的应用程序都被推送到 1 个主 index.php 文件
@Lodder 用户暗示他们需要发布 html 才能显示“css 动画”，因此将其添加到 html 中仍然可以轻松解决他/她的问题。

【解决方案1】：

假设您已在文章中插入 HTML，您可以安装Sourcerer，它允许您将自定义代码添加到文章中。安装后，您可以使用以下命令导入 CSS 文件：

{source}
<?php
    JHtml::_('stylesheet', JUri::root() . 'path/to/your/file.css');
?>
{/source}

或者如果您不想导入文件，您可以像这样插入 CSS：

{source}
<style>
    #element {
        /* some code */
    }
</style>
{/source}

如果 Sourcerer 看起来是一个很重的插件，你也可以下载DirectPHP 否则你可以开发一个小模块

【讨论】：

【解决方案2】：

由于页面是动态生成的，因此“一页”的含义有点不清楚。您是指每当显示特定文章时（或网络链接、联系人、用户个人资料或来自特定扩展程序的项目）？或者你的意思是你只希望它在当该项目的特定实例时显示?
此外，您是否只想这样做一次，或者您是否想要一个通用的解决方案，让您将来可能将其放在多个单独的页面上，甚至对其他 css 和动画做同样的事情？为了获得正确的建议，您需要明确自己想要什么。

例如，如果你真的只想要这个站点和一个特定页面，只需在模板的 index.php 中添加一个 if 并检查 Itemid 或 id 的 url。

【讨论】：