在本章中,我们将研究如何在Joomla中创建模板.
关注是在Joomla中创建模板的简单步骤;
步骤1 : 在 Joomla &rarr中创建一个名为 MyFirstTemplate 的文件夹; 模板文件夹.在 MyFirstTemplate 文件夹中,再创建2个名为 images 的文件夹和CSS,以保存所有图像和CSS文件.
第2步 : 在 MyFirstTemplate 文件夹中,创建一个名为 templateDetails.xml 的文件,如果没有此文件,模板将无法在Joomla中显示.
templateDetails.xml
<?xml version = "1.0" encoding = "utf-8"?> <extension version = "3.0" type = "template"> <name>Tutorials Point</name> <creationDate>2015-06-13</creationDate> <author>Tutorials Point</author> <authorEmail>tutorials@example.com</authorEmail> <authorUrl>http://www.example.com </authorUrl> <copyright>Jack 2015</copyright> <license>GNU/GPL</license> <version>1.0.2</version> <description>My First Template</description> <files> <filename>index.php</filename> <filename>templateDetails.xml</filename> <folder>images</folder> <folder>css</folder> </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> </extension>
<files> : 它包含 MyFirstTemplate 文件夹中的可用文件和文件夹.
<folder> : 它需要 MyFirstTemplate 文件夹中的所有可用文件夹.
第3步号;创建一个名为 index.php 的文件.这有助于执行所有Joomla页面.
index.php
<?php defined( '_JEXEC' ) or die( 'Restricted access' );?> <!DOCTYPE html> <html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "<?php echo $this->language; ?>" lang = "<?php echo $this->language; ?>" > <head> //head section <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/template.css" type="text/css" /> </head> <body> //body section <jdoc:include type = "modules" name = "top" /> <jdoc:include type = "component" /> <jdoc:include type = "modules" name = "bottom" /> </body> </html> ?>
<?php defined( '_JEXEC' ) or die( 'Restricted access' );?> <!DOCTYPE html> <html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "<?php echo $this->language; ?>" lang = "<?php echo $this->language; ?>" >
此代码用于告诉浏览器正在使用哪种类型的html页面,并通过描述网站中使用的语言开始HTML文档.
<head> //head section <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/template.css" type = "text/css" /> </head>
这些行用于链接Joomla中模板的各种样式表.
<body> //body section <jdoc:include type = "modules" name = "top" /> <jdoc:include type = "component" /> <jdoc:include type = "modules" name = "bottom" /> </body>
在正文部分中, jdoc 用于在Joomla系统的某些部分包含Joomla中的输出. name ="top"用于将菜单设置在顶部.
步骤4 : 创建这两个文件后,登录Joomla并单击 Extension → Extension Manager ,将显示以下页面.
第5步 : 在上面的页面中,单击发现链接,将显示以下页面.
第6步 : 接下来,单击发现按钮以发现新创建的模板,如下所示.
第7步 : 单击复选框以选择模板,然后单击安装按钮在Joomla中安装模板.
步骤8 : 安装模板后,您可以点击 Extension → 查看新创建的模板. 模板管理器.您将看到新创建的模板如下所示.
以下是模板管理器中的工具栏选项 :
默认 : 选择默认模板.
编辑 : 选择要编辑的模板.
复制 : 复制所选模板的副本.
删除 : 删除Joomla的模板.