Joomla - 将.js和.css文件插入到一篇Joomla文章中?

时间:2011-05-18 16:10:43

标签: joomla joomla1.5

Joomla网站上的单个页面是否可以包含它自己的自定义.js和.css文件?

我基本上想为特定页面添加两个自定义javascript和css文件。我不希望这些文件包含在任何其他Joomla页面中。

任何建议都将不胜感激。

谢谢

3 个答案:

答案 0 :(得分:1)

尝试使用自定义代码扩展程序,例如JUMI。它专为此目的而设计。

从描述:使用Jumi,您可以将php,html,javascript脚本包含在模块位置,文章,类别或部分描述中,或者包含在您自己定制的组件页面中。

答案 1 :(得分:1)

来自Soygul的解决方案不会产生正确的HTML,因为这些语句/包含属于HTML标题。

使用:http://extensions.joomla.org/extensions/edition/custom-code-in-modules/11936 这个插件允许将材料插入Joomla网站的头部。

然后,您可以使用菜单分配功能将其添加到某些页面。


很容易为自己编写一个这样的简单模块 - 但是因为这似乎已经可用了。如果它不符合您的需求:

你只需要一个带有以下两个语句的“empty / hello world”模块: (http://docs.joomla.org/Creating_a_Hello_World_Module_for_Joomla_1.5) (http://docs.joomla.org/Adding_JavaScript_and_CSS_to_the_page

// Add a reference to a Javascript file
// The default path is 'media/system/js/'
JHTML::script($filename, $path, $mootools);

// Add a reference to a CSS file
// The default path is 'media/system/css/'
JHTML::stylesheet($filename, $path);

答案 2 :(得分:0)

除非绝对必要,否则我不是为Joomla添加新扩展的忠实粉丝。如果你这样做,首先要确保它不在Joomla易受攻击的扩展名列表中。您添加的每个第三方扩展/插件只是黑客的另一个潜在后门。

要为页面添加自己的自定义CSS,您可以编辑模板的主CSS文件,也可以只创建自己的CSS文件并将其链接到项目。这是你如何做到的:

首先,弄清楚如何调用CSS文件。根据您使用的模板,实际文件名肯定会与我的示例不同,但让我们看看Joomla SYSTEM模板,该模板位于 templates / system 中。 index.php文件控制所有内容,因此打开它,你会找到这一行:

<?php
include dirname(__FILE__).DIRECTORY_SEPARATOR.'component.php';
?>

打开 component.php ,您会看到一些看起来像这样的代码:

<head>
    <jdoc:include type="head" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />

您可以在第3行看到要包含CSS文件的调用。您需要做的就是添加另一行调用您创建的CSS文件。创建一个名为 /templates/system/css/custom.css 的新文件(或任何您喜欢的文件),并在 component.php 中重写代码段,如下所示:< / p>

<head>
    <jdoc:include type="head" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/custom.css" type="text/css" />

现在,您可以在您创建的新custom.css文件中编写自己的CSS代码。您可以使用RocketTheme或YooTheme中的任何模板系统轻松完成此操作。实际上,如果您使用其中一个模板,它们可能已经有一个custom.css文件,您只需添加自己的代码即可。请注意,如果你这样做,然后更新模板,你将失去你的代码添加。这就是我喜欢编写自己的文件的原因。你可以做一些非常类似于包含自定义JS代码的东西,但是我倾向于避免像瘟疫这样的JS,所以其他人必须解决如何链接到自定义JS文件。