Is it feasible for any single page on the Joomla web site to include it's own custom .js and .css files?

I essentially want to add two custom javascript and css files for the page. I'm not going these files incorporated into every other Joomla pages.

Any suggestions could be appreciated.


Use a custom code extension for example JUMI. It's designed exactly for this function.

In the description: With Jumi you can php, html, javascript scripts in to the modules position, articles, category or section explanations, or to your own customized component pages.

The answer from Soygul wont lead to proper HTML as these claims / includes fit in with the HTML header.

Use : This wordpress plugin enables placing material in to the mind portion of your Joomla site.

After that you can make use of the menu assignment functionality to simply include that to particular pages.

Its really simple to create an easy module like this on your own - consider this appears already available opt for that certain. Whether it does not meet your needs :

You simply need an "empty / hello world" module with one of these two claims : ( ) ( )

// Give a mention of the a Javascript file

// The default path is 'media/system/js/'

JHTML::script($filename, $path, $mootools)

// Give a mention of the a CSS file

// The default path is 'media/system/css/'

JHTML::stylesheet($filename, $path)

I am not really a large fan of adding new extensions to Joomla unless of course essential. Should you choose, make certain it's this is not on Joomla's listing of vulnerable extensions, first. Each third-party extension/wordpress plugin you add is simply one more potential mystery for cyber-terrorist.

To include your personal custom CSS for any page, you may either edit your template's master CSS file, or simply make your own and link it towards the project. Here's how you'd do this:

First, work out how your CSS files are now being known as. The particular file names will certainly vary from my example, based on web site you are using, but let us consider the Joomla SYSTEM template, that is situated in templates/system. The index.php file controls everything, so open it up up and you will find this line:


include dirname(__FILE__).DIRECTORY_SEPARATOR.'component.php'


Open component.php and you will see some code that appears such as this:


    <jdoc:include type="mind" />

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

You can observe the phone call to incorporate a CSS file within the 3rd line. All that you should do is add another line calling a CSS file you create. Produce a new file known as /templates/system/css/custom.css (or anything you like) and rewrite the code segment in component.php to appear such as this:


    <jdoc:include type="mind" />

    <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" />

You can now just code your own CSS within the new custom.css file you produced. This can be done with any template system from RocketTheme or YooTheme just like easily. Actually, if you are using among their templates, they most likely curently have a custom.css file that you could simply add your personal code to. You need to be aware should you choose it this way after which later update web site, you'll lose your code additions. This is exactly why I favor writing my very own file. You are able to most likely make a move much like include custom JS code, but I am inclined to avoid JS such as the plague, so another person will need to address how you can link to a custom JS file.