将Favicon添加到您的网站的入门指南

在浏览某个网站时,有很多细节可以使该网站变得更加专业,而最好的网站之一(并没有得到应有的重视)是favicon。Favicon是一种简单,轻松的方法来标识您的站点,而无需查看地址栏或站点上其他较大且较繁琐的区域。网站图标是一个非常简单的工具,尤其是当您打开多个浏览器选项卡时。就是说,大公司可以投资图形艺术家来制作精美的收藏夹,但是您这个笨拙的网站设计师没有那么奢侈。好消息是您可以在网站上创建和添加收藏夹图标,这将为您带来好处,因为有了收藏夹图标,大型网站就可以单独获得声誉。 如果您要寻找信誉良好的网站,则必须在网站上添加一个网站图标。您的网站通过收藏夹图标变得更加可用,这可以带来更好的用户体验。如前所述,当您打开许多标签时,Favicon会提供帮助,但它们还是手机或平板电脑上的磁贴,可供您选择应用。但是,创建收藏夹图标并不仅会发生。您需要回答很多问题,包括您是否想要jpg vs png,缩小当前徽标的大小或是否剥离徽标?了解这些问题以及更多问题的答案是确保创建网站图标时所做的事情必定会为网站带来最大价值的关键。让我们继续阅读以了解有关为您的站点创建合适的图标的更多信息。 创建您的网站图标 您需要做的第一件事是确定您要作为网站图标的内容。有些网站的徽标是网站图标的较小版本,而其他网站则进行了衍生。衍生工具的一个很好的例子是Facebook网站图标-这只是Facebook字体中的白色“ f”,周围是蓝色的大海。这个网站图标可以完成所有需要的工作-蓝色与Facebook的连接就和字母“ f”中的字体一样多。这些简单的细节是您需要弄清楚的,并且需要以确保您的品牌可以立即被某人识别的方式弄清楚。Facebook“ f”和Google“ G”就是很好的例子。另一个很棒的图标是PNC银行。这是其符号的图标,但尺寸减小了。 一旦有了所需的想法,下一步就是使用正确的软件来创建它。网站图标必须至少为512像素,并且这些尺寸包括网站图标的宽度和高度。因此,您需要某种类型的软件来允许您控制对象的像素数。对于简单的图标,Paint 3D可以足够有效地完成这项工作,但是如果您想进入下一个级别,则Adobe Photoshop是最好的方法。底线适用于WordPress和其他网站建设者,您的网站图标必须是一个完美的正方形。 确定了所需图标的类型并创建图标后,下一步是将图标添加到您的站点,以便获得较高的专业品牌知名度。 将Favicon添加到您的WordPress网站 现实情况是,如果您拥有WordPress 4.3或更高版本,则将favicon添加到您的wordpress网站要比WordPress 4.2或更低版本要容易一些。就是说,这两个都将在这里讨论,这样您就可以确定自己的网站上有网站图标。如前所述,这是使您的网站脱颖而出的传统方法,这是使您的网站脱颖而出的一种小而必要的方法 在WordPress 4.3上,使用“网站身份”标签确实很容易。要访问它,您需要做的第一件事是转到页面的管理区域。到达那里后,转到外观,然后单击自定义。当您进入管理区域的那部分时,可以在此处选择“站点标识”选项卡。进入此区域后,转到标题,您可以在此处自定义其中显示的内容,包括收藏夹图标。只需上传您的favicon文件,如果WordPress需要您对其进行裁剪,那么此时您可以执行该操作。之后,只需保存它,您就可以在网站图标的原位置预览您的网站。 在WordPress 4.2或更低版本上运行的旧WordPress网站将具有不同的过程。这样做的第一种方法是使用FTP。您必须将您的网站图标上载到站点的根目录。然后,您需要使用以下HTML代码–只需将www.yoursite.com替换为您所在的域即可,最好将文件命名为“ favicon”: 1 <link rel =“ icon” href =“ https://www.yoursite.com/favicon.png” type =“ image / x-icon” /> 2 <link rel =“快捷方式图标” href =“ https://www.yoursite.com/favicon.png” type =“ image / x-icon” /> 您的主题需要一个header.php才能起作用,但是如果没有,请不要担心。有很多插件可以提供帮助,包括“安装页眉和页脚”插件。激活插件后,您将转到“设置”,然后转到“插入页眉和页脚”,并且可以在上面粘贴代码,尽管已针对您的站点进行了修改。 当然,并不是每个人都希望处理FTP,这是可以理解的。有一个插件可以帮助您,All In One Favicon可以很好地为您提供所需的favicon,而无需代码和与之相关的所有其他事情。当然,WordPress 4.3是最简单的方法,但是即使您没有它,4.2或更低版本也不是那么麻烦。 Read more: https://www.webdesign.org/a-beginner-s-guide-to-add-favicon-to-your-site.23299.html#ixzz6FAjPBlGL

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 将Favicon添加到您的网站的入门指南
分享到:
赞(0)
广告位820*80