小试Joomla! 1.6

Joomla! 1.6已经放出有一段时间了. 相比Drupal7, 我觉得Joomla! 更适合于制作企业网站, 而Drupal更适合做社区/SNS这类的网站. 下面杂乱的记一下使用Joomla!制作网站的一些笔记.

去掉缺省模板beez5里面的字体缩放, 这个还真不好找呢. 打开/templates/beez5/index.php, 找到如下一行, 应该在30多行处吧, 删除或者注释掉:

$doc->addScript($this->baseurl.’/templates/beez5/javascript/md_stylechanger.js’, ‘text/javascript’, true);

图文并茂的显示banner, 这个要求不高, 不过却要修改一番. 首先要override(这个我怎么找不到对应的中文词) banner的模板. 新建或修改 /templates/beez5/html/mod_banners/default.php, 在图片代码之后添加即可:

<div><span><?php echo $item->params->get(‘alt’); ?></span></div>

然后,  Alternative Text里面的文字就可以在图片后显示出来了.

为每个页面设定class. 缺省模板beez5里面, 竟然没有任何对于<body>的代码, 想给<body>添加个class对吧? 至少我非常希望这样. 编辑 /templates/beez5/index.php, 在顶部的php块里添加:

$active = JFactory::getApplication()->getMenu()->getActive();

然后把<body>改为如下即可.

<body class=”<?php echo $active->alias; ?>”>

这样如果你给菜单首页链接的alias是homepage, 那么首页的body html应该就是

<body class=”homepage”>

这样接下来写CSS就非常轻松了, 例如:

body.homepage {}
body.homepage div#all {}

参考wiki链接: Giving the Front Page a different style from other pages

顺便写下beez5模板的布局吧, 备用:

  • position-0(下边就简写数字了): search
  • 1: top menu
  • 15: heading image
  • 2: breadcrumb
  • 7, 4, 5: left
  • 12: content
  • 6, 8, 3: right
  • 9: footer left
  • 10: footer center
  • 11: footer right
  • 14: footer bottom

另外Joomla! 1.6已经支持HTML5了, 有时间再试试吧. 😀

3 Replies to “小试Joomla! 1.6”

Leave a Reply

Your email address will not be published. Required fields are marked *