wordpress中如何添加网站在浏览器左侧栏目小图标icon?

给自己网站添加favicon图标的好处自然不必多说,让自身网站更加个性化的同时,当用户收藏了本站后在浏览器的收藏栏很容易同其他网站进行区分,无意间可能就增加了网站的回流率。

那么,如何给网站添加favicon呢:

    1. 首先,作为一个站长,ps的基本操作你必须掌握吧。用ps工作制作一个正方形的png图标,大小在64*64或者32*32左右比较合适。在制作的时候有一点需要特别注意,就是如果你用更大的尺寸去制作,打算最后缩小后放入自己的网站。这种方法往往是不合适的,因为浏览器默认的favicon大致也就在16*16左右的大小,如果你的图标细节很多,反而会影响显示效果。
    2. 制作完png图标之后,推荐大家去一个ico格式在线转换网站:http://ico.la。选择上传自己的图片后,下载32*32的ico图片即可。然后把图标上传至自己的网站根目录。
    3. 进入wordpress后台,外观-编辑,点击顶部(header.php),然后在<head> </head>之间添加代码:
      <link href="http://www.XXX.com/favicon.ico" rel="shortcut icon" />

      把xxx.com网址替换成你的首页地址即可。注意,添加的代码行别打乱之前代码。经过上述三步操作,你的网站就有自己独特的favicon图标啦。

不过还要注意以下几点:

1.favicon图标不宜过大,越小越好,否则影响网站打开速度。

2.favicon图标文件务必为ico格式上传至网站更目录,而不是主题目录。

3.favicon图标一定要重命名为favicon.ico。


转载自:http://www.vhu.me/172.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以在 footer.php 文件添加以下代码来实现网站雪花飘落效果: ```html <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/snow.js"></script> ``` 其,`snow.js` 是一个自定义的 JavaScript 文件,用于实现雪花飘落效果。你需要在自己的 WordPress 主题文件夹创建一个名为 `js` 的文件夹,然后在该文件夹创建 `snow.js` 文件,并将以下代码复制到该文件: ```javascript // 雪花飘落效果 var snowflake = null; var snowflakes = new Array(); // 雪花数量 var snowflakeCount = 50; // 初始化雪花 function initSnow() { // 获取页面宽度和高度 var pageWidth = document.documentElement.clientWidth; var pageHeight = document.documentElement.clientHeight; // 雪花图片地址 var snowflakeSrc = "<?php bloginfo('template_directory'); ?>/images/snowflake.png"; // 创建雪花 for (var i = 0; i < snowflakeCount; i++) { // 随机大小 var snowflakeSize = Math.random() * 50 + 10; // 创建 img 元素 snowflake = document.createElement("img"); // 设置 img 属性 snowflake.setAttribute("src", snowflakeSrc); snowflake.setAttribute("id", "snowflake" + i); snowflake.setAttribute("width", snowflakeSize); snowflake.setAttribute("height", snowflakeSize); snowflake.setAttribute("style", "position:absolute;z-index:99999;"); // 添加 img 元素到页面 document.body.appendChild(snowflake); // 随机位置 var snowflakeX = Math.random() * pageWidth; var snowflakeY = Math.random() * pageHeight; // 设置 img 元素位置 snowflake.style.left = snowflakeX + "px"; snowflake.style.top = snowflakeY + "px"; // 添加到数组 snowflakes[i] = snowflake; } // 开始飘落 snow(); } // 飘落 function snow() { // 获取页面宽度和高度 var pageWidth = document.documentElement.clientWidth; var pageHeight = document.documentElement.clientHeight; // 遍历所有雪花 for (var i = 0; i < snowflakeCount; i++) { // 获取当前雪花 var snowflake = snowflakes[i]; // 计算新位置 var snowflakeX = parseFloat(snowflake.style.left); var snowflakeY = parseFloat(snowflake.style.top) + 2; // 边界检查 if (snowflakeX > pageWidth - snowflake.width || snowflakeX < 0 || snowflakeY > pageHeight - snowflake.height || snowflakeY < 0) { snowflake.style.left = Math.random() * pageWidth + "px"; snowflake.style.top = "0px"; } else { snowflake.style.top = snowflakeY + "px"; } } // 循环调用 setTimeout("snow()", 50); } // 初始化 initSnow(); ``` 在以上代码,你需要将 `snowflakeSrc` 变量修改为你的雪花图片地址。同时,你也可以根据需要修改雪花数量、大小、速度等参数。最后,记得将 `snow.js` 文件上传到 `js` 文件夹

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值