广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

WordPress友谊连接文本前加上标志实际效果文图实

日期:2021-04-05 浏览:
WordPress友谊连接文本前加上标志实际效果

应用Wordpress建设网站的学生都了解,大家在网站后台管理加上友谊连接以后,网站前台接待只有显示信息文本的连接。今日学建网站网详细介绍一下Wordpress友谊连接文本前加上标志实际效果的完成方式。实际效果以下图:

Wordpress友情链接文字前添加图标效果

方式/流程提交一个 16×16 尺寸的照片,照片名叫 favicon.ico ,把照片提交到常用主题风格的 images 文件目录下;在你必须启用友谊连接的地区,拷贝下边的编码便可以啦
 ul 
  ?php
 $default_ico = get_template_directory_uri .\'/images/favicon.ico\';
 $bookmarks = get_bookmarks(\'title_li= orderby=rand categorize=0 category=10\');
 
  ?php if(!empty($bookmarks)):
  ?php foreach ($bookmarks as $bookmark):
  li
  img src= ?php%20echo%20$bookmark-/ link_url%20 /favicon.ico alt= ?php echo $bookmark- link_name onerror= javascript:this.src=\' ?php echo $default_ico; ? \'
  a href= ?php%20echo%20$bookmark- link_url%20 ?php echo $bookmark- link_name /a
  /li
  ?php endforeach
  ?php endif ;
  /ul
编码表述:第四行启用的是联接归类文件目录 id 为 10下的全部连接,并任意在前台接待显示信息。假如必须设定款式,能够加上下列的 css 款式:
.item li{display:inline-block;width:30%;height: 26px;;white-space:nowrap;*display:inline;*zoom:1}
.item a:hover{color:#ff8502;text-decoration:none}
.item li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}


新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系