如何给WordPress添加网站图标_百度经验
http://jingyan.baidu.com/article/54b6b9c0d549622d583b4788.html

 

看到很多网站都带有ico图标或favicon图标,这个的话方便用户记住你网站,同时便于用户在收藏夹上快速找到你网站。今天我们谈谈如何给WordPress添加网站图标,方法很简单的,只需2步就可以实现。

方法/步骤

1、制作网站图标首先我们用photoshop做好网站的图标图片,大小最好是16*16,或者32*32的,不要过大了,之后转换成为ico图标格式即可,然后把这个ico格式的图片改名为favicon.ico当ico图标做好了,直接用FTP软件上传到WordPress根目录。

图片转换成ico图标文件_百度经验
http://jingyan.baidu.com/article/a378c960a44724b32828308e.html

 

怎么把图片文件转换成ico图标文件呢?通常ico图标文件用于定义快捷方式图标和鼠标指针,对于普通图片,需要转换成ico图标文件才能被正义成快捷方式图标或鼠标指针。下面就具体来了解一下将图片转换成ico图标的方法。

修改文件后辍名

(1)首先,我们需要将图片文件转换成BMP格式:利用Windows画图工具打开原始图片,点击“图片”文件,从其右键菜单中选择“编辑”即可。

(2)点击“文件”-“另存为”-“BMP图片”项,在弹出的“另存为”窗口中将图片另存在BMP格式的图片文件。

(3)在确保文件后辍名正常显示的情况下,将图片后辍修改成“ico”格式,并在弹出的窗口中点击“确定”按钮。

2、编辑代码我们进入WordPress后台,找到“外观”模版下的“编辑”功能,并且编辑“顶部”(header.php)代码。在<head>……</head>放入以下代码即可。<link id="favicon" href="http://www.xxxxxxx.com/favicon.ico" rel="icon" type="image/x-icon" />中间的网址替换成你的网站地址。

3、更新代码。然后刷新网站,即可看到网站的图标了。

 

 

 

 

我的个人博客网站;

王顺利 | codingiser
http://www.wangshunli.top

欢迎访问。

WordPress添加网站图标的更多相关文章

  1. 网站图标 favicon.ico

    默认情况下,浏览器访问一个网站的时候,同时还会向服务器请求“/favicon.ico”这个URL,目的是获取网站的图标. 若没有配置的话,Django就会返回一个404错误,并且浏览器接收到这个404 ...

  2. 添加站点图标: 为SAE上的WordPress站点添加自己的Favicon

    由于插件 Jetpack的"添加站点图标"功能有问题, 无法从本地上传ico文件到SAE的Storage. 因此需要手动添加站点图标. Step 1: 制作或下载自己的ico文件, ...

  3. QT5.5.0版本添加icon图标步骤

    1.制作icon图标文件 可以进入这个网站在线制作:http://www.ico.la/ 2.创建资源文件:qrc文件 接着 添加2两项,先点击prefix,然后添加文件--->图标路径 3.可 ...

  4. WordPress 添加面包屑导航

    所谓面包屑,就是类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级. 将下面的代码添加到主题的 functions.php ...

  5. 改善用户体验之wordpress添加图片弹出层效果 (插件 FancyBox)

    下面说说在改善用户体验之wordpress添加图片弹出层效果.效果图如下:   像这篇文章如何在百度搜索结果中显示网站站点logo? 文章内有添加图片,没加插件之前用户点击图片时,是直接_black打 ...

  6. windows8 安装IIS 和 添加网站(转)

    Internet Information Services(IIS,互联网信息服务),是由微软公司提供的基于运行Microsoft Windows的互联网基本服务.最初是Windows NT版本的可选 ...

  7. QT5版本添加icon图标步骤

    QT5版本添加icon图标方法收藏 方法1: step1: 把要显示的图标文件,比如为1.ico文件放到工程v的根目录下 step2: 修改当前项目XXX.pro文件,在文件末尾添加如下内容(注意=的 ...

  8. [转]WordPress“添加媒体”文件时只显示上传到当前文章的附件图片

    使用WordPress的朋友应该都清楚,特别是喜欢图文并茂的网站,肯定离不开的就是WordPress文章编辑页面的“添加媒体”按钮,每次点击就能弹出一个插入多媒体的界面,然后页面默认就会列举加载所有最 ...

  9. 再谈获取网站图标Icon

    上一篇文章讨论了一下获取网站图标方法,是通过从根目录直接获取和html解析结合的方式来获取的,并给出了相应的代码示例.这一篇来讨论一个更现成的方法,这个方法是从360导航的页面发现的,在导航页面中点击 ...

随机推荐

  1. META 标签的使用

    <meta />标记详解 说明: meta是一个单边标签 ,主要功能:是用于设置或显示一些控制信息,告诉浏览器以什么编码显示. <meta>标记有两个主要的属性: http-e ...

  2. c#索引器的简单用法

    abstract class Bird { protected string name; public abstract string Name { get; set; } public abstra ...

  3. 为mapcontrol中的图层设置透明度

    ILayer pLayer = axMapControl1.get_Layer(); ILayerEffects pLayerEffects = (ILayerEffects)pLayer; pLay ...

  4. 洛古 P1373 小a和uim之大逃离

    P1373 小a和uim之大逃离 题目提供者lzn 标签 动态规划 洛谷原创 难度 提高+/省选- 题目背景 小a和uim来到雨林中探险.突然一阵北风吹来,一片乌云从北部天边急涌过来,还伴着一道道闪电 ...

  5. 修改SSH端口为21

    在交流群里面有一位兄弟问到能否将ssh端口号修改为21端口,后来经过测试可以设置,具体步骤如下: 一.修改ssh配置文件的默认端口 #vim /etc/ssh/sshd_config 找到#port ...

  6. JavaScript jQuery 事件、动画、扩展

    事件 因为JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码. 浏览器在接收到用户的鼠标或 ...

  7. HTTP Header 详解【转】

    原文出自:http://kb.cnblogs.com/page/92320/ HTTP(HyperTextTransferProtocol)即超文本传输协议,目前网页传输的的通用协议.HTTP协议采用 ...

  8. C# CRC32

    using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threa ...

  9. Android 生命周期 和 onWindowFocusChanged

    转载 http://blog.csdn.net/pi9nc/article/details/9237031 onWindowFocusChanged重要作用 Activity生命周期中,onStart ...

  10. linux 神器之wget

    1.什么是Wget? 首页,它是网络命令中最基本的.最好用的命令之一; 文字接口网页浏览器的好工具. 它(GNU Wget)是一个非交互从网上下载的自由工具(功能).它支持http.ftp.https ...