wordpress添加图标

一、如何给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添加图标