早先在Joomla! 1.5中曾經有這樣的需求,如何移除Mootools這個JS框架,今天在Joomla! 3中你再也沒有這樣的需求了,因爲Joomla! 3中引入了jQuery框架,但是你可能還有這樣的需求:怎麽移除原生的BootStrap框架呀?
在Joomla! 3中的11大新特色一文中我們介紹過Joomla! 3引入了BootStrap這個當下最流行的前端框架,是的,它确實好用!不過這個框架目前在國内很難實用起來,因爲它徹底不兼容IE6(至少我們網站也放棄IE6),而且IE7、IE8的支持并不太好,比如一些CSS3的東西都無法支持,而且在IE9中也有一些屬性無法兼容,那麽當前中國互聯網的普通用戶群仍然是以這些浏覽器爲主流,注定了我們這些二次開發者需要兼顧!
我們再用Chrome的開發者工具看一下Joomla! 3中多了些什麽,mootools仍然是主要框架,在/media/jui/js中我們能看到jQuery框架,還有一個BootStrap框架,然後就是googleapis的字體框架,按照國内的開發者習慣以及一些政策來說,BootStrap和GoogleAPIS是我們要删掉的東西,BootStrap我們上面講了,GoogleAPIS本來是個好東西,但是相信大家也了解,這個東西在國内會影響效率,搞不好網站半天打不開來。
重點來了,删除之前,我要和大家介紹一下這些東西是怎麽來的,打開Joomla! 3中的默認模闆文件:/templates/protostar/index.php,看到下面代碼:
<jdoc:include type="head" /><!-- 所有的原生框架資源都是這一句 --> <?php // Use of Google Font if ($this->params->get('googleFont')) { ?><!-- 判斷是否要Google字體,如果後台設置爲是,那麽引用下述代碼 --> <link href='http://fonts.googleapis.com/css?family=<?php echo $this->params->get('googleFontName');?>' rel='stylesheet' type='text/css' /> <style type="text/css"> h1,h2,h3,h4,h5,h6,.site-title{ font-family: '<?php echo str_replace('+', ' ', $this->params->get('googleFontName'));?>', sans-serif; } </style> <?php } ?>
我在行内給大家注釋了,<jdoc:include type="head" />主要是Joomla! 引用所有原生框架資源的語句,下面的GoogleFont是可以通過後台關閉的,進入後台 - 擴展 - 模闆管理 - 選擇進入“protostar - Default”模闆 - 點擊“選項”選項卡 - 下方“标題采用Google字體”選擇否就可以了!如果是外貿網站,可以保留此項
關鍵我們現在要把BootStrap給它弄掉,通常不建議修改Joomla! 核心代碼,所以方法很簡單,Joomla! 3引入了jQuery框架,我們就用jQuery的方法删掉BootStrap或者其它不想要的東西,方法如下:
打開Joomla! 3中的默認模闆文件:/templates/protostar/index.php,找到代碼“<jdoc:include type="head" />”,在其上方插入以下代碼:
<script src="/media/jui/js/jquery.min.js" type="text/javascript"></script> <script> $(function(){$("script[src='/media/jui/js/bootstrap.min.js']").remove();}); </script> <jdoc:include type="head" />
我們在上文第2張圖中知道這些JS文件的位置,由于我們使用的是jQuery語法,所以必須要先引用jQuery框架,按照第2張圖标明的位置先引用,然後找到bootstrap.min.js的位置,使用jQuery的remove方法,删除此js即可。語句放在<jdoc:include type="head" />之前是按照先後加載的原則,如果放在其後面經過測試是無效的。
同樣道理,其它的JS都可以JS的辦法移除頁面之中即可。
相关推荐
3, this practical guide helps you to create professional and good-looking websites with Joomla!, whether you want to build a personal blog site or a full-featured company or club website.
Joomla! A User's Guide: Building a Successful Joomla! Powered Website中文版。 入门书籍。网友翻译。 关于本书 对于Joomla! 这个流行的、屡获大奖的开源CMS,本教程会教你用Joomla按你自己需求一步一步,最终...
Joomla! 3 Beginner's Guide(2nd) 英文epub 第2版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
Joomla! 3 Beginner's Guide(2nd) 英文mobi 第2版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
Chapter 3: Taking a Look at Joomla! Introducing the Front End (The Public Interface) Introducing the Back End (The Admin Interface) Summary Chapter 4: Getting the Most from Site Configuration ...
The Official Joomla! Book.pdf 2011年最新出来的Joomla!教程,涵盖最新的Joomla! 1.6,Joomla!官方出品的权威指南.
《Joomla!建站步步通》Joomla!组件模块安装配置视频培训教程
Joomla! 3 SEO 的相关优化操作指南
joomla!3的相关基础操作,从零开始搭建完整的网页
精通 Joomla 1.5 扩展和架构开发,翻译本 学习Joomla! 1.5 扩展开发 ,翻译本
提示:这是学习Joomla!3扩展开发 - 第三版源码.zip 我要感谢Joomla的每个人!社区为了贡献和共同努力制作出可供所有人使用的 优秀软件,没有您的努力,这本书是不可能的。 非常感谢Andrew Eddie,自从我在2009年...
Beginning_with_Joomla!_CMS_Web_Designing_using_Joomla!_for_Beginners_nodrm Beginning_with_Joomla!_CMS_Web_Designing_using_Joomla!_for_Beginners_nodrm
3.x素人架站計畫 全书一共686页除了最新的多功能字段没讲到,全书涵盖joomla系统方方面面,此书是官网正版pdf电子书,亚马逊平装售价150RMB,电子版打折售价不低于80RMB,因为上传大小有限制,特先上传前200页,欢迎...
Joomla!是一套在国外相当知名的内容管理系统 (Content Management System, CMS),它属于Portal(企业入口网站)类型,顾名思义,就是比较适合作为商业类型的网站程序。一般人对这类型的内容管理系统可能会有以下...
Joomla! 插件开发指南Joomla! 插件开发指南Joomla! 插件开发指南
最流行的,使用度最高的JOOMLA文档管理模块DOCman 1.4.x 在JOOMLA!1.5.x和1.0.x下的安装说明见下: Installation in Joomla! 1.5.x ----------------------------- DOCman only works with Joomla! v1.5RC3 or ...
Joomla! Search Engine Optimization 是JOOMLA平台的SEO开发优化操作指南