joomla创建模板

发布时间:2020-07-15 18:45:38 作者:hello_world007
来源:网络 阅读:488

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标签中只能出一次

推荐阅读:
  1. joomla 3.x 创建简单的模块
  2. joomla 屏蔽某个div class

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

joomla 模板 j

上一篇:在VMware workstation虚拟机上的Kali破解无线路由密码

下一篇:通过cmd脚本记录Windows远程桌面用户登录日志

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》