为网站添加网址图标favicon.ico

时间 2019-11-18

标签网站添加网址图标 favicon.ico favicon ico 栏目网站开发繁體版

原文原文链接

今天终于有时间把domety的图标设计好，并显示在了网站地址前面。若是你还不知道怎么把本身的图标放到网站上，今天DDBug就和你分享一下实现方法。 php

制做图标

首先是准备一张ico图标，你能够从网上搜索，不过最好是按照本身的想法制做一个本身的图标，若是你不会做图，能够找身边的朋友帮你作个。个人作法是先用 photoshop作一个48*48的png格式的图标，而后再转换成ico格式。目前已经有不少网站提供在线转换ico图标的服务，好比这个网站http://tools.dynamicdrive.com/favicon/，它转换的效果不错，并且还支持同时包含32*32和48*48大 html

上传图标

而后把图标上传到网站的根目录（图标文件的文件名必定要是favicon.ico）,这时候，通常来讲你的图标应该能够显出效果了。可能你不想把 favicon放在网站的根目录下，而是其它文件夹里(好比images目录下)，这样也是能够的，不过你须要在每一个网页的头部<head></head>之间添加一句代码浏览器

<link rel="shortcut icon" href＝"你的域名/images/favicon.ico" />

以wordpress为例，好比我把favicon.ico文件放在了主题模板的目录下面，那么我就在网页的头部添加了以下代码： dom

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

到这里其实咱们的工做已经基本完成了，接下来就打开你的网站，测试一下有没有效果 wordpress

若是你在打开你的网站的时候，没有在地址前面看到你的favicon图标，你能够先到下面这个网站测试一下测试

http://www.html-kit.com/favicon/validator/ 网站

你能够根据测试结果查找问题出在了哪里。若是在这里测试经过，都没有问题，那么就是浏览器保存的临时文件引发的。这时候其实你的图标已经生效了，只是你自己看不到而已。你能够把你的网址发给你的朋友，让你的朋友看一下有没有图标。或者删除你电脑中的网页临时文件，从新打开你的网站，通常来讲就能看到效果了。这一步的处理方法因为浏览器的不一样而不一样。 spa