和joomla模板开发死磕
学习使用Joomla进行网站开发与管理
学习使用Joomla进行网站开发与管理随着互联网的迅速发展，网站已成为人们获取信息、交流和展示自己的重要渠道。
如今，越来越多的企业和个人开始意识到拥有自己的网站的重要性，于是网站开发和管理的需求也日益增加。
对于那些没有专业编程知识的人来说，学习一些简单易用的网站开发工具成为了首选，而Joomla就是其中一个被广泛应用的开源内容管理系统。
Joomla是一个强大的网站开发框架，拥有丰富的功能和灵活的扩展性。
从安装到配置，再到使用和管理，Joomla都提供了详细的指导文档和丰富的在线社区，使得学习和掌握该系统变得相对容易。
下面将介绍一些学习使用Joomla进行网站开发与管理的基础知识。
首先，学习Joomla前，你需要了解一些基本的网站开发常识，比如HTML、CSS和PHP等。
虽然Joomla提供了用户友好的后台管理界面，但了解这些基本知识仍然有助于你更好地理解和修改网站的布局和风格。
其次，了解Joomla的安装和配置是学习的第一步。
你需要下载最新的Joomla 安装包，并将其解压到你的Web服务器目录下。
通过访问该目录下的安装脚本，你可以根据提示完成Joomla的基本配置，比如数据库连接和网站名称等。
完成这一步后，你就可以通过访问你的网站URL来运行Joomla了。
接下来，你需要熟悉Joomla的后台管理界面。
通过登录后台，你可以访问和管理网站的各种功能和模块。
在后台管理中，你可以添加和编辑文章、创建分类和菜单、安装和管理扩展等等。
Joomla提供了丰富的功能和选项，你可以根据自己的需求来进行配置和调整。
在学习Joomla期间，你还应该了解一些常用的扩展和模板。
扩展是Joomla的强大功能之一，你可以通过安装和配置不同的扩展来为网站增加各种额外的功能。
比如，你可以安装一个图片展示的扩展，让你的网站更加生动和吸引人。
同时，模板也是非常重要的，它决定了网站的整体布局和样式。
Joomla提供了一些默认的模板，你也可以根据需要下载和安装其他的模板。
Joomla模块+组件开发
【开发篇】Joomla模块+组件开发简介Joomla!是一套在国内外相当知名的内容管理系统（Content Management System, CMS），它属于Portal（企业入口网站）类型，顾名思义，就是比较适合作为商业类型的网站程序。
Joomla!是使用PHP语言加上MySQL数据库所开发的软件系统，可以在Linux、Windows、MacOSX等各种不同的平台上执行。
目前是由Open Source Matters ()这个开放源码组织进行开发与支持。
我用Joomla框架开发项目已有1年多，所以对于joomla还是有些了解的。
下面我将给大家介绍下我在以前项目中开发的一个比较有用的模块功能，以及相关技术与基本思想。
网站的实例与显示效果可以参考/网站主页上的focus on 模块，当然，我要解说一下，不然你是发现不了什么效果的。
这个模块的功能根据后台的功能在所有存储在jos_content表里的文章中，选出你要显示在前台的文章标题，可以编辑模块来实现对这些文章进行排序，增加新文章，删除文章的操作，这样你只要在后台选择你想要发布的文章就可以显示在页面上了。
实现方式大家要是开发过joomla的话应该知道，joomla中模块里的xml配置文件有params 参数的设置，而其中type的类型是否起作用，是根据目录/libraries/joomla/html/parameter/element/ 文件夹下的文件所决定的，所以这样我们可以参考这些文件写出一个我们自己定义的类型出来。
所以，只要明白这个，这个模块就可以很容易的实现了。
思路做法：自定义类型，生成一个弹框的按钮，用iframe 连接到自己写的component 中，component中对文章进行增，删，改，查的操作等等。
然后把选中的文章ID 跟排序顺序放到你自定义的类型value里面，模块中取得值进行处理。
基本就是这样。
其实模块写起来很简单，主要还是所调用的component组件的处理比较麻烦。
使用Joomla创建在线课程网站的详细指南及优缺点解析
使用Joomla创建在线课程网站的详细指南及优缺点解析Joomla是一种功能强大且流行的内容管理系统（CMS），它可以用于创建各种类型的网站，包括在线课程网站。
本文将提供一个详细的指南，以帮助您了解如何使用Joomla创建一个高效的在线课程网站，并针对使用Joomla的优缺点进行解析。
一、Joomla介绍Joomla是一套免费、开源且易于使用的内容管理系统，它允许您轻松创建和管理网站。
它提供了丰富的插件和模板库，使您能够定制自己的网站。
作为一个功能强大的CMS，Joomla在创建在线课程网站方面具备很多潜力。
二、设置Joomla要开始创建在线课程网站，首先您需要下载和安装Joomla。
您可以从Joomla官方网站上下载最新版本的Joomla，并按照官方提供的安装指南进行安装。
安装完成后，您将能够访问Joomla的后台管理界面。
三、选择合适的模板在Joomla的后台管理界面中，您可以选择合适的模板来呈现您的在线课程网站。
Joomla提供了大量的免费和付费模板供您选择，您可以根据自己的需求和喜好选择一个适合您网站主题的模板。
选择合适的模板非常重要，因为它将为用户提供最佳的网站体验。
四、安装和配置扩展插件Joomla提供了各种扩展插件，可以增加您网站的功能和特性。
在创建在线课程网站时，您可以安装和配置相关的扩展插件，以便添加课程管理、学生注册和登录、在线论坛等功能。
在Joomla的后台管理界面中，您可以搜索并安装适合您需求的插件，并根据插件提供的指南进行配置。
五、创建并管理课程内容在Joomla中，您可以使用“文章”功能来创建和管理您的课程内容。
您可以创建不同的文章，并将其组织成课程模块。
每个课程模块可以包含课程介绍、课程大纲、教学资料等内容。
通过使用Joomla的文章功能，您可以轻松地组织和管理您的课程内容，为学生提供最佳的学习体验。
六、优缺点解析使用Joomla创建在线课程网站有以下优点：1. 简单易用：Joomla提供了直观的用户界面和易于理解的功能，使得创建和管理在线课程网站变得简单。
Joomla1.5系列组件开发教程
第一章Joomla!扩展开发：概况你以前开发过动态网站但你的朋友告诉你有关Joomla!的事，所以你决定试一试。
从美食网上那些著名的厨师中得到灵感后，你想建立一个简单的关于餐厅的网站。
这个网站的安装比你期望要建立的内容管理系统要快速和平稳。
当你找到一个精美的模板并添加了一些菜单和一些内容后，你开始考虑增加一些新的特性可以给你带来更多的访问量，甚至是利润。
之后，你安装了购物车来买书，一个论坛来收集意见和一些边栏广告。
为什么扩展JoomlaJoomla!不但能够处理内容文章，而且允许你干净整合各种复杂的应用。
开发者为Joomla!开发各种扩展，如购物车、论坛、职位发布等。
所有这些扩展能够运行在单个数据库、模板和核心。
我们开发出来的扩展，界面是完全统一的。
当你正确地开发扩展后，你就不用登录数据库和做其他基本的配置。
另外，你也可以分发你自己开发的扩展给别人与别人分享你的成果，不需要另外的编程和数据库操作。
自定义VS 扩展Joomla!的代码是设计成可扩展的而不是直接修改它的核心代码。
当有升级版本或者有补丁的时候，Joomla!才会升级它本身的核心代码，而你的扩展是不会被覆盖的。
如何扩展JoomlaJoomla!支持三类扩展，每一类都有其特殊的用途。
组件组件是最基本的，组件就是你所看到的页面的主要部分。
Joomla!的设计是为每个页面加载和运行一个组件。
因此，Joomla!核心的内容管理功能本身也是一个组件(例如: com_content)。
组件通常有强大的后台管理功能。
后台通常用来创建和更新数据库记录。
你也可以通过它允许网站管理员去上传图片或者视频文件。
模块相对于组件而言，一个页面可以有很多的模块。
模块一般由边栏的元素或者是内容菜单组成，模块显示组件的内容，但它们不是页面的主要内容。
Joomla! 也支持不需要编程的内容模块(例如: 自定义模块)。
模块后台的控制是有限的，一般由一些基本的格式组成。
插件当网站需要插入一些代码来实现某些逻辑时，可以由插件实现（以前叫做Mambot）。
joomla 模板
joomla 模板Joomla 模板。
Joomla 是一款非常受欢迎的开源内容管理系统（CMS），它可以帮助用户轻松创建和管理网站内容。
而在 Joomla 中，模板则扮演着非常重要的角色，它决定了网站的外观和用户体验。
本文将介绍 Joomla 模板的基本概念、常见类型以及如何选择和定制适合自己网站的模板。
首先，让我们来了解一下 Joomla 模板的基本概念。
模板是用来控制网站外观的文件集合，它包括 HTML、CSS、JavaScript 等文件，通过这些文件来定义网站的布局、颜色、字体等方面。
Joomla 的模板采用了响应式设计，可以适应不同设备上的显示，从而提供更好的用户体验。
在 Joomla 中，常见的模板类型包括前端模板和后端模板。
前端模板是用户访问网站时看到的页面，它决定了网站的外观和交互方式；而后端模板则是用来管理网站后台的界面，包括文章管理、用户管理等功能。
选择一个适合自己网站的 Joomla 模板非常重要。
首先，要考虑模板的设计风格是否与自己网站的定位和内容相符合，比如，如果是企业网站，就需要选择简洁大方、专业的模板；如果是个人博客，就可以选择更加个性化、轻松活泼的模板。
其次，要考虑模板的响应式设计和浏览器兼容性，确保网站能够在不同设备上正常显示和使用。
另外，还要考虑模板的功能和扩展性，是否支持自定义布局、自定义颜色等功能，以及是否能够方便地集成其他 Joomla 扩展。
如果找不到满足自己需求的 Joomla 模板，也可以考虑定制一个。
定制模板可以根据自己的需求来调整布局、颜色、字体等方面，从而实现个性化的网站设计。
在定制模板时，可以参考一些优秀的Joomla 模板，从中借鉴设计灵感和最佳实践，同时也要注意保持网站的整体风格和一致性。
总之，Joomla 模板在网站建设中起着至关重要的作用，它不仅影响着网站的外观和用户体验，还关系着网站的功能和扩展性。
因此，选择和定制适合自己网站的Joomla 模板需要认真对待，只有这样才能打造出令人满意的网站。
2024版Joomla网站搭建教程及其适用场景和限制
用户角色权限划分及管理
用户角色设置
Joomla支持创建多种用户角色，并为不同角色分配不同的权限。例如，可以创建编辑 角色，并为其分配文章发布和修改的权限。
用户管理
可以对网站注册用户进行管理，包括查看用户信息、修改用户角色、删除用户等操作。
权限控制
通过用户角色和权限的设置，可以实现对网站内容的精细控制，确保不同用户只能访问 其被授权的内容。
组件应用 Joomla提供了丰富的组件库，可以根据需求选 择适合的组件，如文章列表、图片展示等。
模块应用 模块是Joomla中用于展示额外信息的工具，如 侧边栏、底部信息等。可以根据需求添加和配置 模块。
插件应用 插件可以为Joomla网站添加额外的功能，如社 交分享、SEO优化等。可以根据需求选择适合的 插件进行安装和配置。
Admin Tools
一款综合性的Joomla安全管理扩展，提供了多种安全功能，如后 台保护、文件权限管理、数据库备份等。
05
Joomla适用场景分析
个人博客或小型企业官网建设
简单易用
Joomla提供了丰富的模板和插件，使得个人用户可 以轻松搭建出专业、美观的网站。
灵活定制
Joomla支持模板和插件的定制开发，满足用户的个 性化需求。
强大的功能扩展性
Joomla拥有数千个扩展插件和模板，可轻松实现各种定制功能和设 计风格。
跨平台兼容性
Joomla可在多种服务器环境和操作系统上运行，具有良好的跨平台 兼容性。
活跃的社区支持
Joomla拥有庞大的全球用户社区，为开发者提供丰富的资源和支持。
安装Joomla前提条件
可靠的Web服务器
在安装向导中设置数据库连接、管理员账户等基本信 息。
Joomla模板制作教程
Joomla模板制作教程在这个教程里,我们将一步步的制作一个具体的JOOMLA模板,JOOMLA是一个强大的开放代码的CMS(内容管理系统),并且她有着广泛的在线社团的支持.这里强调,我们将不使用table(表单);而是使用cascading style sheets (CSS) 建立模板.这种方式的最终目的是为了更加适应World Wide Web Consortium (W3C) 的标准.这也促进其更快的被装载load(不知是指浏览器还是搜索引擎)和更容易被搜索引擎收录.在后面的说明中我们再详细的讨论.本指导手册包括下面的章节:* 什么是JOOMLA模板? 解释怎样执行JOOMLA模板和比较没有内容的普通模板和CMS(内容管理系统)的模板有什么区别.* 本地编辑模板的过程.主要解释设计的过程与静态的web页面有什么不同* W3C标准和无表单设计.主要讨论在JOOMLA中进行无table(表单)设计和W3C标准有什么关系.* JOOMLA模板的组成.JOOMLA的模板文件组成和模板中那些过程被执行.* 使用cascading style sheets (CSS)布局.主要讨论如何使用CSS布局来取代table布局. * 默认JOOMLA样式表.介绍一些基本的JOOMLA的CSS应用.怎么调用强大的JOOMLA 内核.* Modules组件.怎样布置你的组件和一些技巧.* Menus菜单.使用CSS建立一些简单的类似于JS编出来的菜单.* Hiding Columns(隐藏列表).怎样控制Columns和隐藏一些没有内容的Columns.* 总结* 附录.一些有用的链接和资源.第一节:模板组成为了理解JOOMLA模板的目录结构, 我们将着眼于一个空白的JOOMLA模板. 不同的文件和文件夹组成了JOOMLA的一个具体模板. 这些文件必须被放置在/templates 的JOOMLA安装目录下. 比如,我们安装了两个模板,我们的目录结构看上去就是这样的:/templates/JS_Smoothportal/templates/JS_Synergy大家注意模板的名称必须就是/templates 目录下文件夹的名称,在这个例子中就是JS_Smoothportal 和JS_Synergy. 很显然,这些名字最好是能反应出模板的风格或者出处. 在一个具体模板的目录下,有以下关键文件:/JS_Smoothportal/templateDetails.xml/JS_Smoothportal/index.php这两个文件的文件名必须定义的和JOOMLA核心脚本预定义的完全相同.* templateDetails.xml(注意字母‖D‖大写) 一个XML格式的文件告诉JOOMLA核心在使用当前模板时的文件清单. 这里也描述了作者;文件名称;copyright信息;甚至包括模板使用的图片文件的清单. 最后一次使用该文件也就是我们在管理后台对该模板进行安装的时候.* index.php这个文件也是最重要的文件. 它对整站进行布局并且告诉JOOMLA内核何处放置组件和模块.它往往是一种PHP与(X)HTML的‖混合体‖.绝大多数的模板也使用了一些‖附加文件‖. 一般会像下面的定义(尽管JOOMLA内核没有要求):/JS_Smoothportal/template_thumbnail.png/JS_Smoothportal/css/template_css.css/JS_Smoothportal/images/ logo.png* template_thumbnail.png当前模板的浏览器截图(通常使用140*90像素尺寸). 安装模板完毕以后,这张图片会以‖缩略图‖的形式在后台模板管理器中展示.* css/template_css.css模板的CSS文件. 文件夹的路径是可以选择的,但是你必须对它进行指定. 注意文件名和路径是在index.php中指定的. 你可以取一个你喜欢的名字. 通常文件名反映使用状况, 我们在后面阐述这种命名方法在多个CSS文件使用时的优点.* images/logo.png在模板里面有很多图片文件. 一般的我们把这些图片归理至一个文件夹,而这个例子中我们只有一个文件logo.png你可以用管理后台安装zip格式的上传好的文件,也可以手动的在服务器上copy文件,但是你必须把他们放置在/templates目录下.templateDetails.xml格式templateDetails.xml 必须包括模板使用的所有文件. 它也包括了作者和版权信息等内容.在后台的模板管理器这些信息将会被展示,下面是一个XML文件的例子:<mosinstall type=‖template‖ version=‖1.0.x‖><name>YourTemplate</name><creationDate>March 06</creationDate><author>Barrie North</author><copyright>GNU/GPL</copyright><authorEmail> compassdesigns@这个E-mail 地址已经被防止灌水恶意程序保护，您需要激活Java Script 才能观看This e-mail address is being protected from spam bots, you need JavaScript enabled to view it </authorEmail><authorUrl></authorUrl><version>1.0</version><description> An example template that shows a basic xml details file </description><files><filename>index.php</filename><filename>js/ie.js</filename><filename>template_thumbnail.png</filename></files><images><filename>images/header.png</filename><filename>images/background.png</filename><filename>template_thumbnail.png</filename></images><css> <filename>css/base.css</filename><filename>css/norightcol.css</filename><filename>css/template_css.css</filename></css></mosinstall>让我们来解释这些行的意义:* mosinstall这个命令参数是安装程式的指令. 参数type=‖template‖ 告诉安装程序我们安装的是一个模板* name:定义你模板的名称. 这个名称会在安装模板的时候以目录夹名的形式被安装在模板目录下. 因此这个name不能包括文件系统不能处理的字符, 比如空格. 如果是手动安装, 你就必须在JOOMLA模板目录下手动创建一个与这个name一致的目录夹.* creationDate:模板建立的日期. 自由填写比如你可以填写May 2005, 08-June-1978, 01/01/2004 etc.* author:这个模板设计者的名称- 比如你的名字* copyright:版权信息的内容. 这里Licensing Primer for Developers & Designers 可以找到JOOMLA 相关的内容.* authorEmail:作者邮件信息Email.* authorURL:作者站点* version:模板版本* files:―files‖ 部分声明的是这个模板包括的PHP文件或者缩略图文件. 每个文件被列出在<filename>与</filename>之间,包括完整的路径. 它也可以包括一些附加文件, 这里的例子我们看到的是一个次模板使用的一个JS文件.* images:所有的图片文件在这个部分被列出. 所有图片文件在你模板目录下的完整路径将包含在<filename>与</filename>之间. 比如: 如果你的模板目录是‘YourTemplate‘,所有的图片文件在‘images‘下,它是在‘YourTemplate‘下的目录,那么有效的路径就是:<filename>images/my_image.jpg</filename>* css:样式表被显示与此部分. 同样也在<filename>与</filename>之间定义,这个定义对于多样式表将非常重要,我们将在下面的内容里讨论.The index.php究竟是那些内容在index.php文件中呢?它应该是一个关于网站次模板的布局外观的(X)HTML和PHP的混合体首先我们看到是下面一段有效模板的文档定义,文档类型的表述在这段顶部定义,这段代码在所有的页面文件首部都会出现,在例子模板的index.php顶部,我们看到下列代码:<!DOCTYPE html PUBLIC ―-//W3C//DTD XHTML 1.0 Transitional//EN‖―/TR/xhtml1/DTD/xhtml1-transitional.dtd‖><html xmlns=‖/1999/xhtml‖lang=‖<?php echo _LANGUAGE; ?>‖ xml:lang=‖<?php echo _LANGUAGE; ?>‖>一个具体页面要被浏览器呈现,文档类型描述―DOCTYPE‖是最基础的部分,特别的,如何让浏览器解读CSS. 为了给你一个直观的解释上面有这样一段:[W3C关于‖doctypes‖就是:] ―written by geeks for geeks. And when I say geeks, I don‘t mean ordinary web professionals like you and me. I mean geeks who make the rest of us look like Grandma on the first day She‘s Got Mail.™‖(他妈的这句真拗口,字面意思:小丑写给小丑.我说的小丑,不是说像你我一样专业的网站,我是指一些除你我以外类似一个老太太收到了一封电子邮件—–anthax)总之,有几种文档类型你可以使用. 首先, doctype定义告诉浏览器如何解读页面.这里单词‖strict‖(严格的) and ―transitional‖(过度的)开始获取浮动范围(float:left and float:right 通常). 实质上,自从WWW诞生以来,不同浏览器对CSS都有不同的支持. 比如, IE浏览器不明白―min-width‖ 命令是设置一个最小页面宽度. 另外一方面你必须对CSS进行―hacks‖ .strict(严格的)的意思就是html(or xhtml)必须严格按照标准规范执行.而transitional(过渡的)意思就是默许一些和标准不同的语法.上面的设置可能会把事情搞复杂,比如存在一些‖双关‖模式语法,如果‖doctype‖定义的不合适或者错误了,浏览器不能解读,就会进入‖双关‖模式,尝试所谓的‖逆向兼容‖,类似于IE,浏览器会在版本较低时‖伪装页面‖.很不幸,大家偶尔也会在‖双关模式‖上发生错误,有下面两种情况:使用doctype 声明straight (严格) 模式来自W3C, 结尾标识为:DTD/xhtml1-strict.dtd除了这是一个WC3 server的链接. 你必须在上面的声明加上完整的路径.* Microsoft set up IE6 so you could have valid pages, but be in quirks mode. This happens by having an ―xml prolog‖ put before the doctype.<?xml version=‖1.0″ encoding=‖iso-8859-1″?>IE6.0的‖双关模式‖非常重要. 本指导手册都是为IE6+设计的, 我们必须确信它运行于标准模式下这将让我们后期的修改工作最小化.XML智能语言几乎没有竞争, 我们将关注JOOMLA的最新版本在此方面的变化.让网页符合标准, 当你看见‖valid xhtml‖ 标记出现并不是意味这复杂的代码和难以理解的标签. 它只是告诉你doctype类型, 是的,不用考虑太多,标准化你的站点,这取决与你怎样去做.一些有用的链接:* /css/quirksmode.html* /stories/doctype* /QA/2002/04/Web-Quality* /index.php/topic,7537.0.html* /index.php/topic,6048.0.html还有其他什么内容在index.php里面?让我们来看看头部的结构, 我们尽量将其简化, 但是一个完成的站点模板index.php中必须包含一些内容. 通常header里面是这样的:<?ph p defined( ‗_VALID_MOS‘ ) or die( ‗Direct Access to this location is not allowed.‘ ); ?> <!DOCTYPE html PUBLIC ―-//W3C//DTD XHTML 1.0 Transitional//EN‖―/TR/xhtml1/DTD/xhtml1-transitional.dtd‖><html xmlns=‖/1999/xhtml‖ lang=‖<?php echo _LANGUAGE; ?>‖xml:lang=‖<?php echo _LANGUAGE; ?>‖<head><meta http-equiv=‖Content-Type‖ content=‖text/html; <?php echo _ISO; ?>‖ /><?phpif ($my->id) { initEditor(); } ?><?php mosShowHead(); ?><script type=‖text/javascript‖> </script><!–/web/css/fouc.asp–><link href=‖templates/<?php echo $cur_template; ?>/css/template_css.css‖rel=‖stylesheet‖ type=‖text/css‖ media=‖screen‖ /></head>这些都是什么意思呢?<?php defined( ‗_VALID_MOS‘ ) or die( ‗Direct Access to this location is not allowed.‘ ); ?>这里是判断文件是否可以被访问.<?php defined( ‗_VALID_MOS‘ ) or die( ‗Direct Access to this location is not allowed.‘ ); ?> <!DOCTYPE html PUBLIC ―-//W3C//DTD XHTML 1.0 Transitional//EN‖―/TR/xhtml1/DTD/xhtml1-transitional.d td‖><html xmlns=‖/1999/xhtml‖ lang=‖<?php echo _LANGUAGE; ?>‖ xml:lang=‖<?php echo _LANGUAGE; ?>‖<head>在上面这段. ―<?php echo _LANGUAGE; ?>‖ 设定了整站的语言.<meta http-equiv=‖Content-Type‖ content=‖text/html; <?php echo _ISO; ?>‖ />设定使用的字符集, _ISO 是一个我们用来定义编码字符集的特定常量.<?php if ($my->id) { initEditor(); } ?>当一个用户登录你的网站,判断变量my是否‖非零‖. 如果一个注册用户登录,那么一个默认的‖所见即所得‖编辑器被自动装载,当然是在你的允许设置下,你也可以事先就装载编辑器, 但是非法的或者一般游客是没有必要的. .<?php mosShowHead(); ?>Header信息是全局配置的集合. 它包括了下面的标签(默认安装):* <title>A Complete Guide to Creating a Joomla Template </title>* <meta name=‖description‖ content=‖Installing Joomla, doctype and the blank joomla template‖ />* <meta name=‖keywords‖ content=‖installing joomla, joomla doctype, blank joomla tempate‖ />* <meta name=‖Generator‖ content=‖Joomla! - Copyright (C) 2005 Open Source Matters. All rights reserved.‖ />* <meta name=‖robots‖ content=‖index, follow‖ />* <link rel=‖shortcut icon‖ xhref=‖images/favicon.ico‖ /><script type=‖text/javascript‖> </script>To stop a bug, that being a flash of un-styled content. Details courtesy of Blue Robot. Note this can be any script file, so if we add one, we can remove this line.<link href=‖templates/<?php echo $cur_template; ?>/css/template_css.css‖rel=‖stylesheet‖ type=‖text/css‖ media=‖screen‖ />这行是模板CSS样式文件的链接. PHP 代码<?php echo $cur_template; ?> 返回当前模板名称. 这种用变量传递模板名称的方法很灵活,不用在你手工设置模板的时候还要再来修改具体的模板名称.你也将看到, 在temmplate_css.css 文件里, 我们将使用@import 来处理Netscape 4 访问时的异常. 使用老版本的浏览器不能打开CSS脚本,如果你要求兼容老版本的浏览器, 我们将要有很多CSS HACKS.一个空白JOOMLA模板的BODY这会非常简单,准备好了么?<body><!– 1 –><?php echo $mosConfig_sitename;?><!– 2 –><?php mospathway()?><!– 3 –><?php mosLoadModules(‘top‘);?><!– 4 –><?php mosLoadModules(‘left‘);?><!– 5 –><?php mosMainBody();?><!– 6 –><?php mosLoadModules(‘right‘);?><!– 7 –><?php include_once( $mosConfig_absolute_path .‘/includes/footer.php‘ );?></body></html>这里是这样一个顺序:1. 站点名称2. pathway3. top module4. left modules5. main content6. right modules7. 默认的footer module最后是尽可能的实现‖语意相关‖. 考虑到不同的‖浏览对象‖, 浏览器;网络蜘蛛;或者是一般浏览者. 这方面的思考是站点‖易接近‖的基础.没有什么比‖语意相关‖更重要. 如果设计者随意的定义自由的模块, 你会有很多麻烦. 关于CMS站点的重要考虑, 模板是管理内容布局的不二选择. 这也是很多设计者努力让其站点‖有效化‖的原因.。
joomla教程
本教程带你洞察Joomla!的模板系统并告诉你能做些什么。
模板的作用是什么?模板控制了站点的总体显示和布局。
它结合站点CSS提供了整合各种通用元素、模块和组件的架构。
站点的前台和后台都有模板。
当 Joomla! 首次安装时它自动包含了几个模板。
在其他网站你能找到更多模板。
某些模板是免费的，某些则需要购买。
另外，某些开发者可提供模板定制。
你当然也能自己开发模板。
模板通过模板管理器来管理，后者可在你站点管理后台的扩展菜单上找到。
Joomla!为何使用模板？一个初学者的真正指南！Joomla!设计的方式是剥离出核心任务，涉及生成使用软件高效维护的网站。
任务之一就是创建站点美学（外观、感觉和布局）。
这包括诸如在给定页面放置何种内容元素（组件、模块和插件）的决策。
当生成一个web页面，多数元素的定位仍保持不变（菜单，横幅定位，边栏等）。
此外，你期望为每个页面创建同样的外观（字体，头部样式，色彩设计等）。
站点的某些单元你也许想通过改变口味来提示这些页面的不同用途（例如博客单元）。
这需要一些规划，但是一旦你确定了整站的布局，你需要自己生成每个内容页。
这就需要模板了。
你可以单独为每个页面书写代码，或为站点的每个主体单元使用模板，这样当你需要创建一个新页面的时候你就只需要“填空”了。
好，也许这不是很简单，但是教程就是设计用来引导你有效使用模板，从如何开始使用模板，到如何创建自己的模板结束。
1. 使用Joomla! 提供的模板之一2. 从互联网下载免费模板3. 如果需要可考虑付费模板总结–模板控制了站点的外观，并且简化了你创建新页面的工作。
更多细节请参阅下章，“我能对模板做些什么？”模板用来操控提交给浏览器的内容的方式。
这里有些方法你可以用来部署到你的Joomla!站点。
布局模板就是设定你站点主体布局设计的地方。
这包括放置多种不同的元素（组件，模块和插件），它们组合成不同类型的内容。
例如：1. 不同的菜单(你可以从现有选项选择，也可以创建自己的菜单)2. 广告横幅3. 投票4. 页面的主体单元(你可以选择不同的样式比如典型的博客布局或一个新文章等等)如果模板设计用来提供选择，你就能“动态”地改变站点内容布置，或许把主菜单放到页面的右侧或左侧。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
前言
最近总是在研究joomla基于EF4模板框架下模板的开发，可是总搞不清几个要素的关联关系。
比如：模块、位置、布局、风格、模板、菜单项的关联关系，走通这几个要素成了必须解决的问题。
于是，静下心来，花些时间，仔细的翻看示例的模板，知道了组件和模块的页面是可以重写的等。
直到现在，才算是在开发模板上有了一些眉目，不会不知道从哪里下手了。
本文内容浅薄，文辞粗陋，还望大家包含。
一、模块和位置
1.1 模块和位置的概述
模块就是负责数据整合和数据呈现，是每个小功能集合的单元块。
位置就是布局结构单元，一般网页都分header区、body区、footer区，而body又可以纵向分为left区、content区、right区，如下图：
每一区域还可以细分成若干小区域，这里每一个密闭的单元区域，就称为一个位置。
位置是模板构建时就定义好的。
页面是一张画布，位置就是构图轮廓，模块就是刻画的内容。
1.2 模块绑定位置
一个位置上可以放置多个模块。
比如上图的header区，一般都会放置logo、导航、搜索框等模块。
具体怎么把模块放在对应位置上呢？在这里是由模块去决定的，模块可以绑定一个位置，在模块编辑页面的右侧，选中你要绑的位置，这样就把模
块和位置对应起来了。
那么如果同一个模块想在页面多个地方显示这么办，上面说到一个模块只能绑定一个位置。
这种情况的解决办法，系统已经给到了-复制模块。
同样是在模块的编辑页面，点击“保存并复制”，这样就会新建一个和之前模块一模一样的副本。
为了区别，在新建的副本编辑页面中，可以给副本重新命名。
此副本模块，不会产生新的代码实体文件，只是在系统逻辑中虚构出来的，只为了绑定不同的位置。
二、位置、布局及模板（风格）
2.1 模板-风格
模板在其他系统中也叫主题或皮肤，在扩展管理->模板管理->模板管理中编辑文件。
模板的作用就是将模块和位置及布局形成的html实体，再和样式文件关联起来，最终形成页面呈现给用户。
模板将布局和样式通过后台配置将之管理起来，配置完成后的设置数据在模板文件中以数据文件的形式存在，这就是模板风格，每个模板都有一个默认风格，但是可以复制多个，这多个风格可以有不同的样式配置和不同的布局。
2.2 布局
在页面中，位置与位置之间顺序和占位比的关系设置，在这里就称为一种布局（在T3和EF4中可以在进行后台配置管理）。
一个风格下可以有多个布局，但是每次只能以一种布局作为默认布局。
布局是在布局构建器中定义出来的，可以新建、复制、编辑、删除。
在布局构建器中，拖动位置以更改位置的顺序，点击加减号，以更改在同一纵向区域下的宽度占比。
布局构建器还有控制在不同媒体设备下是否显示位置的功能。
三、菜单
3.1 菜单和菜单项概述
菜单是页面与页面连接的桥梁，也是用户浏览网站的导航。
菜单可以在系统中进行管理。
系统中可以新建多个菜单，根据应用场景，
菜单可以定义成前后台不同类型的菜单。
菜单可以添加多个有层级关系的菜单项。
菜单项就是用来绑定内容的，在菜单项管理编辑页面中，选择菜单项类型，来绑定不同的内容，在前台点击绑定了内容的菜单项就可以为用户呈现对应的内容。
3.2 菜单项和风格
除外链和个别特殊的菜单项类型，其它菜单项的都可以选择模板风格。
不选的话是默认的风格，也就是模版管理->风格管理标★的模板风格。
3.3 菜单项和模块
菜单项还可以设置模块的显示方式，和模块设置的方式一致，从菜单项的编辑页面中，选择“模块分配”标签项，会默认显示所有模块。
显示的列表中包括模块的副本，点击模块名称，进入模块管理界面，之后的设置和模块管理一致。
3.4 菜单项和单页
在特定情况下，我们需要用单页来呈现一些内容，比如首页，joomla中没有专门的单页菜单项类型，joomla提供了单篇文章作为单页，在菜单项编辑页面中，选择菜单项类型，在文章管理下选择单篇文章选项。
参考上一节中菜单项和模块，为菜单项配置对应要显示的模块，就形成了自定义的单页。
四、模板重写(override)
在刚研究模板时，想让文章分类列表页按照自己的方式显示内容，就从模块
定制入手，自己做查询自己实现分页，苦苦开发了好久，不得要领。
最后看示例模板，无意中看见了模板文件中竟然有组件目录，才开始研究这是干什么的。
研究明白之后，豁然开朗。
joomla官方模块和组件由于提供升级，升级之后要覆盖原有的修改，这就是我们发现下载的模块和我们使用不符时，我们不能修改模块模板，而是要重写模块模板。
我们只在模板中重写了模块的模板，因此模块升级我们的重写内容不受影响。
joomla提供了快捷创建重写模板文件的功能，在扩展管理->模板管理->模板管理，点击编辑“模板名”。
在模板编辑页面中，选择”override”。
可供重写的模块和组件列表就呈现出来了。
选择要重写的模块或组件模板，点击一下，在模板的文件夹中html创建了对应
的目录和文件，修改文件就行啦。
之前我想实现自己的文章列表页，只需要在如下目录的文件做出调整即可。