用户登录
用户注册

分享至

wordpress添加icon

  • 作者: o决恋25304408
  • 来源: 51数据库
  • 2020-04-21

1.如何给WordPress添加网站图标

只做好网站图标,放到网站根目录或者文件夹下面,然后在与标签之前添加

或者

首先favicon 图标必须放在根目录下,有些网站把favicon 图标放在了wordpress的主题文件下,但是实践证明,在网站根目录的 favicon.ico 更有利于正常显示,也方便 google 缓存 favicon。

favicon.ico 最好不要超过2kb。越小越好,这样有利于google 缓存图标。

大的的图标不利于优化。

16px*16px的最好了,小而精。

2.wordpress怎么新增icon box的class

第一步:在wordpress循环中加入以下php代码:$posttags = get_the_tags();if ($posttags) { foreach($posttags as $tag) { echo 'term_id . '" href="'.get_tag_link($tag).'">'. $tag->name .''; }}第二步:在css文件中设置背景图:.tag-link{color:#888;border:solid 1px #d6d6d6;border-radius:2px;box-shadow:0 1px 1px #eee;padding:2px 6px;margin-right:4px;display:inline-block;}.tag-link:hover{background-color: #fbfbfb;border-color:#bbb;color: #444;box-shadow:0 1px 1px #ddd}.tag-link-101,.tag-link-23{background-image:url(../img/tag.png);background-repeat:no-repeat;padding-left:25px}.tag-link-101{background-position:4px 3px}.tag-link-23{background-position:4px -17px}。

3.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类的链接添加背景图片,就是那个小图标。这样,就实现了免插件,给外链添加小图标的目的。

4.wordpress怎么实现外部链接添加图标

第一步:向function.php文件添加以下代码: function autoicon($text) {$return = str_replace('。

转载请注明出处51数据库 » wordpress添加icon

软件
前端设计
程序设计
Java相关