翼网情深 / Joomla / 浅谈Joomla!流行模板的修改方法

分享

   

浅谈Joomla!流行模板的修改方法

2014-05-04  翼网情深

浅谈Joomla!流行模板的修改方法  

使用并研究了Joomla!一小段时间,由于对模板制作不熟悉,所以特地去找了些流行商业模板来做研究,也发现了很多超牛的模板(瞬间觉得以后根本就不用花什么时间去设计网页了),像JA rasite、GK sporter、GK the world news、ZT newsIII……不过尽管这些模板是尽力按全能布局及多态CSS来制作的,但对于现实的使用者们来说总有多多少少不如意的地方,所以按需求来修改这些模板是必须的。 

 对于习惯了用国内CMS系统的用户来说,Joomla!的模板制作和修改绝对算是顶级复杂的了,初学者根本是没办法着手的,不过一旦熟悉了Joomla!的模板构架及调用,也不会觉得这是什么难事!在这里也推荐菜鸟们使用Artisteer这个傻瓜式的Joomla!模板制作软件,制作完成后可直接生成导出模板,下面就针对Joomla!商业模板的修改简单说说修改的步骤。 

像JA,GK,JV设计的这些商业模板都有一个统一的模板构架及调用方式,你可以在模板目录中找到layouts这样一个目录(当然也不是所有模板都会有),这个目录中的文件全部都与网页的布局相关。一般根目录里会有一个网页框架布局的全局调用的PHP文件,它会通过loadblock()来加载各个框架和包含参数设置的PHP文件,并通过countModules()、getPositionName()这样的函数来判断框架中是否有模块存在(也就是判断某个框架是否被使用-加入了内容,如果没有内容,这个框架就不显示),而在此目录下的block目录中便会包含这些零散的框架PHP文件如head、mainbody、left……每一个布局框架会有对应自己的CSS,它们也是各个模块的容器,这也是修改模板中首要了解的东西。值得注意的是,有些模板框架的参数是动态调用的,像GK的The world news 就是这样,包括一些主框架的CSS都是动态调用的,这样的话就得多用DW的查找功能了,其实这也是Joomla!比国内CMS跑得慢的主要原因,但也因此使得制作的模板使用起来超级灵活,如果要问为什么别人不制作和国内CMS一样的具有生成HTML的功能,那只能说国外的宽带真的是“宽带”。 

 知道了上面的常识,那你就可以很随意地更改网页的框架布局了,但是确实需要耐心细致的慢慢修改,下面说说如何在现在的模块中增加或者减少框架布局。在模板安装时,会有一个templateDetails.xml文件,在这里面定义了模板的调用参数、涉及文件及各个框架的名称,框架名称用的是position标记,如果你要添加或者删除一个框架,那首先得在这个文件里添加或者删除相应的标记。然后你需要到框架PHP文件如head.php里去按模板的调用方式来添加或者删除这个框架的代码如countModules($this->getPositionName('left1')),如果是添加整个框架的话就制作一个对应的框架PHP如right.php,然后用loadblock(right)来加载,像这样的block加载方式是这类商业模板的最大特点。 

 额外的修改还有html文件夹下各个模块的文件,其中也包含了子页的文章显示和目录显示模块等等,这些大部分其实也就是改改CSS样式。 

 CSS修改最需要耐心了,但也是最关键的一步。首先你得先仔细看看后台管理里的模板管理里或者模块组件里给出的各项参数,看看是否有网页尺寸、菜单样式及参数、网页基本结构的划分……不要搞了半天把动态修改的参数给静态化了或者是给动态调用的参数覆盖了,修改了半天没效果。这里最准确的修改方式就是打开要修改的网页,然后查看源代码,把代码复制进DW,然后搞清楚各个框架的层次,通过框架的ID可以试着找#ID这样的CSS定义,通过class可以试着找 “.样式名”这样的定义,然后一切就交给DW的强大查找功能一步步找,最后对应修改,这样一步步下来,你就可以改出自己需要的网页版面了。 

 后记:其实Joomla!的模板已经很多,而且插件超级丰富,很多样式设计已经基本能满足普通网站的需求,所以相对现在的使用者来说是设计少而修改多,特别是商业模板,如果你一点不改就用的话很难说别人会和你计较版权问题,而且网站也很难体现出个性化,虽然Joomla!模板的制作和修改很麻烦,但如果你是做商业网站,那Joomla!绝对是首选!因为微软也是推荐Joomla!的。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多

    ×
    ×

    ¥.00

    微信或支付宝扫码支付:

    开通即同意《个图VIP服务协议》

    全部>>