joomla创建模板
更新:HHH   时间:2023-1-7


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>deest@gmail.com</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标签中只能出一次

返回web开发教程...