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标签中只能出一次
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。