• Home

说明
作者：Jiang
创建时间: 2011-09-05
分类：JOOMLA模板开发
点击数：7836

Joomla绝对是一款优秀的CMS，相较一些国产CMS她始终不能占据优势地位，很多人说Joomla做模板难、Joomla不支持静态生成、Joomla执行效率低等等，但其实Joomla团队为这些东西做了很多的功夫，细细研究不难发现，Joomla模板只需要会Html+CSS就行了，Joomla的静态生成其实就是System-cache(缓存插件)，当做足了优化之后，Joomla的执行效率是相当可观的，如本站www.Joomla178.com（优化的方法会在后面的教程中提及）

话说Joomla模板难做，这是很多入门的学习者遇上的足以让他放弃Joomla的门槛，那么我要说的是Joomla模板一点不难，它的难点根本不在于“是否会PHP”，而是在于不敢钻研的心，那么为了砍掉这个所谓的“门槛”，我将为大家带来这个系列的模板实战教程。

做之前我们必须要准备这几样东西！

  1. 1、持之以恒的心
  2. 2、必要的HTML+CSS基础知识
  3. 3、熟悉了Joomla的使用方法、工作原理
  4. 4、一丝不苟的工作态度。
  5. 5、认认真真的看好教程，不要急着复制粘贴。

开始我们的模板制作（以Joomla 1.5.x为例，完结之后会推出Joomla 1.7.x相关教程）
安装好Joomla 1.5.x，在templates/目录下建立一个我们要制作的模板文件夹，命名为jk_Joomla178，这时候在后台我们尚且看不到有jk_Joomla178的这个模板选项。

*Joomla网站系统是基于utf-8编码编写的，所以以下所有操作的文件都务必保存为utf-8编码。

第一步我们需要让其在Joomla后台中显示这个模板选项，创建文件templateDetails.xml，不要担心会不会xml，很简单，根据官方文档给出的说明，照着写便是： 

<?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">

<!--扩展的类型是模板, 适用的版本是Joomla 1.5-->
 <install version="1.5" type="template">

<!--模板的名称，即后台模板的显示名称-->
 <name>JK JOOMLA178</name>
 
 <!--模板的创建日期-->
 <creationDate>2011-09-05</creationDate>
 
 <!--模板的创建作者-->
 <author>Joomla178</author>
 
 <!--作者联系邮箱-->
 <authorEmail>Joomla178(at)gmail.com</authorEmail>
 
 <!--作者网站-->
 <authorUrl>http://www.Joomla178.com</authorUrl>
 <copyright>JOOMLA178 2011</copyright>
 <license>GNU/GPL</license>
 <version>1.0.0</version>
 
 <!--模板的简介-->
 <description>JOOMLA178</description>
 
 <!--模板的相关文件-->
 <files>
 <!--单个文件是filename表达式-->
 <filename>index.php</filename>
 <filename>templateDetails.xml</filename>
 </files>
 
 <!--模板的模块位置选项，即新建模块时的位置选择，预设以下位置-->
 <positions>
 <position>top</position>
 <position>bottom</position>
 </positions>
 </install>

请细心看看上述文档，即是官方文档的标准设置
这时候我们进入后台，可以看到JK JOOMLA178的模板已经出现了（如下图：）

show-back.png

这时候可以将JK JOOMLA178设为默认，但保存后前台会显示一片空白。

第二步，我们要让这个模板在前台能显示内容


<!--照着抄-->
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="language; ?>" lang="language; ?>" >
<head>

<!--导入joomla库的<head>相关内容-->
 <jdoc:include type="head" />
 <!--link模板的主样式表-->
 <link rel="stylesheet" href="/baseurl ?>/templates/jk_Joomla178/css/template.css" type="text/css" />
 </head>
 <body>
 <!--创建模块位置 top-->
 <jdoc:include type="modules" name="top" />

 <!--创建文章内容组件-->
 <jdoc:include type="component" />
<!--创建模块位置 bottom-->
 <jdoc:include type="modules" name="bottom" />
 </body>
</html>

普及一下PHP的简单知识，<?php echo "打印内容" ?>，就是我们所熟知的程序基本打印功能，示例即是打印出隐号部分内容，那么上述index.php中的

baseurl ?>
便是打印当前网站的绝对路径，
language; ?>
的意思便是当前网站的语言设置，如果我们在后台设置的网站前台语言为中文，那么通过浏览器查看源码得到的就是<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn" >。

回到正题，index.php中，我们创建了top和bottom的两个模块位置，格式：<jdoc:include type="modules" name="top" />，这里的top和bottom就是我们在templateDetails.xml预设的位置配置，另外还创建了一个非常重要的组件，那就是Joomla的基本组件：文章格式如：<jdoc:include type="component" />，大部分新手忽略了这个从而测试的时候发现不了文章内容。

保存好文件之后，刷新前台，即可看到被设定位frontpage的文章了！如下图，虽然难看了点：

show-front.png

第三步，可别忘了给这个超简单的模板制作成为安装包，其中包含文件：index.php和templateDetails.xml

到此我们就创建了一个名为JK JOOMLA178的简单模板，希望大家通过此节的教程能够建立起实足的信心，模板的好看与否在我们的后面教程中会慢慢给大家细化，嗨，看！Joomla模板制作如此简单。

请看下集：Joomla模板制作实战教程-模块位置模板

原创文章转载请标明出处，请引用本文地址：Joomla模板制作实战教程-创建一个简单的模板

相关标签：
除特殊标明文章转自第三方网站，文章均由JOOMLASK.COM原创提供
欢迎友情转载，请务必保留本文出处并引用本文链接： Joomla模板制作实战教程【一】-创建一个简单的模板
买SSL证书上INFINISIGN
  • Home