新聞中心

無憂主機(jī)教您制作簡單的Joomla模板

作者 / 無憂主機(jī) 時間 2015-01-15 17:29:16

Joomla絕對是一款優(yōu)秀的CMS，無憂主機(jī)php獨立ip空間完美支持的。相較一些國產(chǎn)CMS，Joomla始終不能占據(jù)優(yōu)勢地位，很多人說Joomla做模板難、Joomla不支持靜態(tài)生成、Joomla執(zhí)行效低等等，但其實Joomla團(tuán)隊為這些東西做了很多的功夫，經(jīng)過小編細(xì)細(xì)研究不難發(fā)現(xiàn)，Joomla模板只需要會Html+CSS就行了，Joomla的靜態(tài)生成其實就是System-cache(緩存插件)，當(dāng)做足了優(yōu)化之后，Joomla的執(zhí)行效率是相當(dāng)可觀的。接下來小編給大家?guī)磉@個簡單的模板教程：首先在templates文件夾下創(chuàng)建一個新的文件建。給這個文件夾命名，例如mynewtemplate 使用文本編輯器創(chuàng)建index.php和templateDetails.xml兩個文件，創(chuàng)建名為images和css的兩個文件夾，這兩個文件夾分別用來放至圖片和CSS文件，當(dāng)然大家也可以將圖片和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.gle-technology.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>

正如大家所看到的，可以通過標(biāo)簽設(shè)置模板的信息 index.php是模板的核心文件，它提供了網(wǎng)站頁面的輸出下面通常作為index.php文件的開頭

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

第一行可以阻止別人看到文件代碼第二行告訴瀏覽器頁面的各類第三行是網(wǎng)站的語言隨后通常是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>

第一行將導(dǎo)入joomla的header信息，剩下的是導(dǎo)入CSS和JS文件。現(xiàn)在開始網(wǎng)站的body <body> <jdoc:include type="modules" name="top" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="bottom" /> </body> 這是最基本的網(wǎng)站布局最后，加上</html> 完整的index.php代碼

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"" rel="nofollow">http://www.gle-technology.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.gle-technology.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>

希望可以幫助到各位站長朋友！無憂主機(jī)相關(guān)文章推薦閱讀： JOOMLA網(wǎng)站程序如何預(yù)防黑客SQL注入 JOOMLA插件更新不成功，手動更新方法批量修改JOOMLA文章內(nèi)容的方法（修改） JOOMLA手動實現(xiàn)后臺上傳和縮略圖入庫擴(kuò)展實現(xiàn)方法分享

本文地址：http://www.gle-technology.com/joomla/18319.html

上一篇: 如何選擇建站程序？
下一篇: 無憂主機(jī)解讀齊博CMS頭部模板head.htm