Joomla 3.2建立企业网站——东阳光药英文站

东阳光药英文站(http://www.hecpharm.com/)是基于Joomla 3.2.3建立的企业网站,经过一系列的优化,在谷歌的排名较好。

HEC-Pharm

在东阳光药英文站中主要使用Joomla 3核心自带系统,主要的工作包括:

一、前端设计由美工完成,偶看完成后端程序和PSD的切图,并制作成Joomla模板,采用响应式布局

二、使用邮件订阅组件——AcyMailing

三、添加分享功能—— AddThis

四、留言模块——qlform,留言信息后台管理——Oukan  Contacts

五、幻灯片模块——Oukan Slideshow

六、首页右侧分栏图片模块(通过自定义模板,该模块还用于文章内页中)——Oukan Dygyindex

七、隐藏后台管理登陆网址

Joomla后台管理界面右下角修改

Joomla后台管理界面的右下角会显示 Joomla 版本号和网站名,有些管理员可能不想让用户看到 Joomla 而只想显示版本号。joomla3-admin

偶看通过分析代码发现,Joomla后台管理界面的右下角的显示使用的是一个模块。

	<div id="status" class="navbar navbar-fixed-bottom hidden-phone">
		<div class="btn-toolbar">
			<div class="btn-group pull-right">
				<p>
					<jdoc:include type="modules" name="footer" style="no" />
					&copy; <?php echo date('Y'); ?> <?php echo $sitename; ?>
				</p>

			</div>
			<jdoc:include type="modules" name="status" style="no" />
		</div>
	</div>

知道这是一个模块,修改起来就方便了,来到Joomla管理后台的模块管理,在左边选择“后台管理”,在筛选中,选择“footer”,这时候在右侧就可以看到模块 Joomla Version。

joomla3-adminmou

进入 Joomla Version 管理,在模块设置中可以看到版本格式和显示“Joomla”两个选项。如果不想显示Joomla,则只需选择为“否”。这样,在Joomla后台管理界面的右下角就不会显示“Joomla”了。

删除Joomla后的显示效果

 

使用Joomla!3.1建立的企业站——乳娜

乳娜(http://www.runa.hk/)网站基于Joomla 3.1.1建立,昨天,偶看将其升级到Joomla 3.1.4,目前运转正常。

乳娜网站首页

乳娜网站使用的模板是公司美工设计的,偶看将其从PSD实现为HTML。

乳娜网站的内容还没有完善,在技术方面比较特别的地方有;

一、网站首页使用一个小型的流水flash作为背景,使用的绝对定位的技术。

乳娜产品分类页视图

二、产品展示首页(http://www.runa.hk/product.html),使用的是偶看开发的模块mod_Oukan_3d_carousel。基于Waterwheel Carousel(http://www.bkosborne.com) 2.3.0开发,是一个Jquery轻量级插件,兼容谷歌、火狐、Safari和IE7以上版本。

乳娜导航栏产品展示

三、鼠标激活导航条上的“产品展示”时在下方显示图片和文字,使用的是偶看开发的模块mod_oukan_menu。基于DC Mega Menu (http://www.designchemical.com/) 1.3实现,这也是一个Jquery轻量级插件。

四、显示简繁体,自动判断当前网站语言为简体还是繁体,并显示相应的转换语言。这个模块是基于Javascript开发的,详情可以查看:Joomla 简繁体转换模块

乳娜网站除了Joomla源文件和偶看开发的模块,没有使用其他第三方模块、组件或插件,是一个非常简洁的企业站。

Joomla 简繁体转换模块

偶看制作网站需要使用简繁体转换,如果使用Joomla的Language Switch有点大材小用,偶看直接使用一个JS文件制作简繁体转换模块,经过测试,能够满足基本功能,但是文本框中的文字无法实现转换。

Oukan_switch简繁体转换模块的主要功能有

oukan_switch for joomla简繁体转换模块 后台配置

一、后台设置默认语言为“简体中文”或“繁体中文”

二、可以自定义前台显示文字,例如:在默认语言为“简体中文”下,前台可以自定义显示文字为“切换为繁体中文”

三、自动识别当前的语言

四、前台选择简繁体后,全站通用

oukan_switch for joomla 简繁体转换模块前台显示效果

简繁体转换模块的JS文件,来源于网络,具体作者未知,感谢他/她。

Oukan_switch简繁体转换模块最新版本为1.1,兼容Joomla 2.5和Joomla 3.x版本

下载地址:http://git.oschina.net/oukan/Joomla_module

Joomla文章列表模块显示“更多”链接

偶看在基于Joomla制作的企业站,首页需要实现文章列表右上方“更多”的链接来实现用户点击查看该目录下的文章列表。

偶看本想让系统自动获取分类链接,但是想要如果调用多个目录下的文章在前台显示,那么“更多”的链接要自动获取哪个呢?还是使用手动写入链接,这样自定义的范围大一些。

其实有很多插件可以实现这个功能,比如说DisplayNews by BK,偶看试用了该模块,功能确实强大,只是偶看想要的功能很简单,不需要如此庞大的模块。通过对Joomla系统模块mod_articles_latest的分析,偶看决定直接修改该模块,添加一个自定义“更多”的链接。

通过在后台添加是否显示自定义链接选项、自定义文本和自定义链接的设置,并修改模块输出文件完成整个功能。

oukan_articles

Oukan Scroll Images For Joomla 横向图片滚动(走马灯)模块

偶看最近在找Joomla横向图片滚动(走马灯)的模块,找到一些免费的都不太满意,免费版本的插件都只能自动滚动,无法实现使用鼠标点击来左右移动选择图片,当然商业版的Joomla模块功能强大,只是为了这一个小小的模块花上10美刀感觉有点冤。

经过前两天偶看对天气预报模块的学习,偶看对制作Joomla模块有了大致的了解。偶看决定制作一个Joomla横向图片滚动(走马灯)的模块,这个模块的Javascript效果基于Jquery,通过对Jquery插件的分析,偶看找到了一款很适合的插件——Tiny Carousel(http://www.baijs.nl/tinycarousel/),感谢Maarten Baijs。偶看基于Tiny Carousel 1.9版本制作了一个Oukan Scroll Images模块。

Oukan Scroll

oukanscroll 前台显示效果

Oukan Scroll Images模块1.0版本的前台显示功能和Tiny Carousel是一样的(暂时无法在后台直接配置),默认的显示效果是图片自动横向滚动,鼠标点击左右可以选择图片。后台的功能目前不多,只能添加图片(最多十张)、图片的Alt、图片标题、图片链接地址、还有图片下方的文字链接。

图片的大小由CSS控制,默认的高度和宽度是125px。

oukan scroll 后台设置

经过测试Oukan Scroll Images模块支持Firefox, Internet Explorer 6+, Safari, Opera和Chrome。

Oukan Scroll Images模块目前只兼容Joomla! 3以上的版本,当然如果您的Joomla! 2.5版本有加载Jquery库文件,也是可以使用该模块的。

Oukan Scroll Images模块1.0版本下载地址: http://vdisk.weibo.com/s/BDixN (文件大小 13.10 kb)

Joomla天气预报模块SP Weather汉化

偶看在使用Joomla制作网站后需要一个天气预报模块,通过对Joomla天气预报栏目下的模块进行分析后,天气预报的数据主要来自谷歌API和雅虎API,谷歌的天气预报在国内无法使用,而雅虎的可以使用,但是只有英文版的。

偶看本想使用中国天气网的API制作一个Joomla模块,无奈技艺不精,虽然在php代码上实现了提取中国天气网预报数据的功能,但是无法转化成Joomla模块,只好先作罢。

偶看通过对十几个Joomla天气预报模块的使用,发现SP Weather For Joomla的天气预报数据来自雅虎API,有翻译文件,可以将天气预报的数据翻译成中文,只要将英文语言文件汉化就能满足偶看的要求。

天气预报效果

SP Weather插件很小巧,需要翻译的词条只有一百多个,其中大部分是天气预报的专业术语。

SP Weather 2.2.1中文版(支持Joomla所有版本)下载地址:http://vdisk.weibo.com/s/Bnks7  (大小:12.7kb).