ICO图标在线转换页面可以从本地电脑一键上传logo等图片,将jpg、jpeg、gif、png等图像转换成ico图像,方便给网站制作针对浏览器显示的favicon.ico图标,提供ico图标下载
从蝈蝈的博客看到源码,为主的祥助略微修改了下源码,增加了获取wordpress博客的头部head和底部footer区域的函数调用,让这个单页面可以显示你博客的菜单,footer等区域,方便访客跳转访问博客的其他文章,也统一整体风格
ICO图标转换源码
ICO转换源码下载:链接: https://pan.baidu.com/s/1uMrbiHtKUkXgjkwUIbPnaQ 提取码: sftt
效果预览: 在线ICO图标转换工具
下载完成后解压文件,获得generate-ico-online文件夹,里面有如下内容:
css文件夹,img文件夹,favicon.php,index.php
安装步骤
1.使用Sublime Text 3或其他编辑器编辑index.php
2.第5行的代码如下:
include("/www/losvincent/wp-content/themes/sky1.0/generate-ico-online/favicon.php");
因为 generate-ico-online文件夹是要上传到主题目录下的,所以将代码中这个路径修改为对应你主题的路径
3.第10行代码是调用css文件,代码如下:
<link rel="stylesheet" href="https://www.yunglobe.com/wp-content/themes/sky1.0/generate-ico-online/css/favicon.css" type="text/css" />
同理修改为对应你主题的路径
3.将generate-ico-online整个文件夹上传到主题目录下,如跨境E站的路径是:losvincent/wp-content/themes/sky1.0
4.进入wordpress后台-页面-新建页面,标题输入想输入的标题,如跨境e站使用的标题是: 在线ICO图标转换工具
5.页面属性-页面模板选择generate-ico-online,点击发布
刷新页面即可看到效果,如果部分区域不对,是因为主题的css的影响,F12审查元素找到对应位置,再去调试css即可
比如e站上出现了选择尺寸区域排版错乱,发现是主题style.css里的label{display:block;margin-bottom:5px}造成的, 权衡后删除 display:block 后正常