新闻中心

无忧主机教您制作简单的Joomla模板

作者 / 无忧主机时间 2015-01-15 17:29:16

Joomla绝对是一款优秀的CMS，无忧主机php独立ip空间完美支持的。相较一些国产CMS，Joomla始终不能占据优势地位，很多人说Joomla做模板难、Joomla不支持静态生成、Joomla执行效低等等，但其实Joomla团队为这些东西做了很多的功夫，经过小编细细研究不难发现，Joomla模板只需要会Html+CSS就行了，Joomla的静态生成其实就是System-cache(缓存插件)，当做足了优化之后，Joomla的执行效率是相当可观的。接下来小编给大家带来这个简单的模板教程：首先在templates文件夹下创建一个新的文件建。给这个文件夹命名，例如mynewtemplate 使用文本编辑器创建index.php和templateDetails.xml两个文件，创建名为images和css的两个文件夹，这两个文件夹分别用来放至图片和CSS文件，当然大家也可以将图片和CSS文件直接放在mynewtemplate文件夹下， templateDetails.xml文件是必不可少的，没有这个文件，joomla将看不到你的模板，下面是一个templateDetails.xml文件的例子

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN"
"" rel="nofollow">http://dev.51php.com/xml/1.5/template-install.dtd">
<install version="1.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>51php@xx.com</authorEmail>
<authorUrl>http://www.51php.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>component.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
<filename>images/background.png</filename>
<filename>css/style.css</filename>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</install>

正如大家所看到的，可以通过标签设置模板的信息 index.php是模板的核心文件，它提供了网站页面的输出下面通常作为index.php文件的开头

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"" rel="nofollow">http://www.51php.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.51php.com/0000/xhtml"
xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

第一行可以阻止别人看到文件代码第二行告诉浏览器页面的各类第三行是网站的语言随后通常是header代码

<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<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/<?php echo $this->template?>/css/style.css" type="text/css" />
</head>

第一行将导入joomla的header信息，剩下的是导入CSS和JS文件。现在开始网站的body <body> <jdoc:include type="modules" name="top" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="bottom" /> </body> 这是最基本的网站布局最后，加上</html> 完整的index.php代码

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"" rel="nofollow">http://www.51php.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.51php.com/0000/xhtml"
xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/mynewtemplate/css/style.css" type="text/css" />
</head>
<body>
<jdoc:include type="modules" name="top" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="bottom" />
</body>
</html>

希望可以帮助到各位站长朋友！无忧主机相关文章推荐阅读： JOOMLA网站程序如何预防黑客SQL注入 JOOMLA插件更新不成功，手动更新方法批量修改JOOMLA文章内容的方法（修改） JOOMLA手动实现后台上传和缩略图入库扩展实现方法分享

本文地址：https://www.51php.com/joomla/18319.html

上一篇: 如何选择建站程序？
下一篇: 无忧主机解读齐博CMS头部模板head.htm