一、如何给WordPress添加网站图标
给WordPress添加网站图标 方法/步骤 如下 首先要选择或者设计好你准备的网站图标素材,就是小图片,用photoshop做好网站的图标图片,大小最好是16*16,或者32*32的尺寸如图所示 打开ftp软件工具,将favicon.ico文件上传只wordpress安装根目录,其它文件夹无效,如图所示 进入WordPress后台编辑代码,找到“外观”模版下的“编辑”功能,并且编辑“顶部”如图所示 在“顶部”(header.php)代码选项。
……放入以下代码即可。中间的网址替换成你的网站地址 检查是否出错后更新文件函数在仪表盘首页下点击更新,这里是所有操作更新,然后就可以看到小图标出现了,如果没有就更新下浏览器缓存 wordpress有些主题直接上传到根目录就可以自动显示了,不用添加那么多步骤哦 。二、如何给WordPress添加网站图标
只做好网站图标,放到网站根目录或者文件夹下面,然后在与标签之前添加
或者
首先favicon 图标必须放在根目录下,有些网站把favicon 图标放在了wordpress的主题文件下,但是实践证明,在网站根目录的 favicon.ico 更有利于正常显示,也方便 google 缓存 favicon。
favicon.ico 最好不要超过2kb。越小越好,这样有利于google 缓存图标。
大的的图标不利于优化。
16px*16px的最好了,小而精。
三、wordpress怎么实现外部链接添加图标
第一步:向function.php文件添加以下代码:
function autoicon($text) {
$return = str_replace('<a href=', '<a class="external" href=', $text);
$return = str_replace('<a class="external" href="你的网址', '<a href="你的网址', $return);
$return = str_replace('<a class="external" href="#', '<a href="#', $return);
return $return;
}
add_filter('the_content', 'autoicon'); //应用于文章区域
add_filter('comment_text', 'autoicon'); //应用于评论区域
第二步:将左边的小图标上传到空间获取链接。然后向style.css文件添加以下代码:
.external {
padding-right: 11px;
background: url('图片的链接地址') no-repeat right top;
}
代码的作用:
添加到function.php的代码给所有的外部链接加上了一个external类,接着添加到style.css文件中的代码给所有external类的链接添加背景图片,就是那个小图标。这样,就实现了免插件,给外链添加小图标的目的。
四、如何为WordPress默认编辑器添加表情图标
如何添加表情图标
上面说了,表情图标是TinyMCE自带的插件,不信的话去TinyMCE官网下载最新版的TinyMCE,将文件解压缩后查看下面的路径
tinymce/jscripts/tiny_mce/plugins
就能看到所有的插件,如果你再继续找到emotions文件夹,看看该文件夹下的img文件夹,不就是TinyMCE那些古板的表情图标吗。我们要干的活就是把这个emotions文件夹加到WordPress中,并让表情按钮显示在编辑器里。
转载请注明出处51数据库 » wordpress添加图标
旺旺旺旺_