1. 程式人生 > >joomla創建模板備註

joomla創建模板備註

detail med 其它 details index.php pos png base styles

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創建模板備註