joomla创建模板备注

joomla 模板

使用joomla的自带的图标系统，引入如下

$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');

使用如下
<span class="icon-joomla" style="font-size:24px;"> </span>
class 指定图标同时也可以通过style来指定图标的大小

开发自己的模块需要两个主要的文件

index.php
templateDetails.xml

templateDetails.xml 内容如下

<?xml version="1.0" encoding="utf-8"?> 
<extension version="3.8" type="template">     
    <name>mynewtemplate</name>     
    <creationDate>2018-9-22</creationDate>     
    <author>de0</author>     
    <authorEmail>[email protected]</authorEmail>     
    <authorUrl>http://www.tex.com</authorUrl>     
    <copyright>de0 2018</copyright>     
    <license>GNU/GPL</license>     
    <version>1.0.2</version>     
    <description>My New 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>中有两个元素： <filename>与 <folder>，分别定义模块需要引入的文件及子文件夹中的内容；
而<positions>这个元素：在模板中定义有效的模块位置；也就是在模板中可能需要用的模块位置

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>     
    <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" />     
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/styles.css" type="text/css" /> 
</head> 
<body> 
    <img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/cte.png" alt="Custom image" class="customImage" />   
    <jdoc:include type="modules" name="top" /> 
    <jdoc:include type="component" /> 
    <jdoc:include type="modules" name="footer" /> 
</body> 
</html>

其中jdoc:include是一个引用申明，指定模板中其它的输出部分，或者为其它扩展指定位置。
jdoc:include type="modules" name=“top 其指定这里放置模块，并为其配置位置名为top
jdoc:include type="component" 这个是类型指定为组件部分，是模板出的的主要部分。一个模板body标签中只能出一次
 

joomla创建模板备注

猜你喜欢