14.1 自定义网站图标 - v0.0.20版本

在前面已经学完了模板开发的大多数知识点,接下的章节就是来处理一些模板的细节,让我们的模板专业化。今天将讲解如何给Joomla网站增加一个图标(favicon).

1,本节目标


了解如何给Joomla网站增加一个图标

2,网站的图标


2.1 正常的图标 

joomla网站的图标-正常

2.2 我们网站现在出现的图标

joomla网站的图标-非正常

3,设置图标


网站的图标是一个.ico后缀的图片。这个图片的大小为16*16px。Joomla网站的图标由模板来决定,只需要在模板的根目录下放置一个favicon.ico的图片文件就可以了。

Joomla设置图标文件

然后刷新前台,即可看到效果:

Joomla设置网站图标成功

说明:

  • 如果刷新依然没有出现你的图标,这可能是缓存造成的,可以使用ctrl+f5键强制刷新。或者使用其他的浏览器打开网页看看是否成功
  • 关于ico文件的制作,可以使用Photoshop或者其他的软件,大家请自行搜索

 4,v0.0.20版本


 4.1 代码

在本次版本中,我们并没有修改任何的代码,仅仅只是在模板的根目录下增加了一个 favicon.ico 文件,已实现为网站设置图标的效果。

4.2 v0.0.20版本

关于v0.0.20版本的代码,可以在此下载tpl_plancv0.0.20_2019-01-20_for_j3x.zip

5,说明


  • 在本版本中我们增加了favicon.ico文件,在打包安装包的时候不要忘记在templateDetail.xml文件中增加 

 



作者:张敏
原文:http://www.joomlachina.cn/articles/1821-jiaocheng/joomla-plan-c/1571-first-template-41?tmpl=component&zhuanti=1

Joomla模板开发教程

© 野草工作室版权所有 | 粤ICP备13002429号

基础学习教程

站内链接