WordPress友情链接横排调用实现方法

第一步

打开我们的FOOTER.PHP底部模板文件,这需要根据不同的主题,一般都是这个名词,在合适的位置添加下面的代码:

  1. <div id=“blog-roll”><?php wp_list_bookmarks(‘title_li=&categorize=0’); ?></div>

第二步,定义blog-roll CSS样式,打开CSS样式文件添加:

  1. #blog-roll {width: 908px;padding:15px;margin:0 auto;}
  2. #blog-roll ul {float:left;margin:0px;}
  3. #blog-roll li {list-style:none;width:75px;margin:0px10px10px10px;float:left;}
  4. #blog-roll a {color: #9FB47E;text-decoration: none;}

第三步

刷新一下看看是不是友情链接横排显示,然后根据不同的主题背景和字体大小颜色,调整CSS即可实现。
最后,如果只想让友情链接首页显示,用IS_HOME函数定义即可实现:

  1. <?php if ( is_home() ) { ?>
  2. <div id=“blog-roll”><?php wp_list_bookmarks(‘title_li=&categorize=0’); ?></div>
  3. <?php }?>

就这样,非常简单的就可以实现友情链接的横排样式。你也去试试看吧。

 


文章素材来源于网络和ChatGPT应用生成,侵权请联系我们删除

 
 
 
 
八字起名 龙年运势 八字姻缘 个人占星
八字起名 龙年运势 八字姻缘 个人占星
 
 
 
 
一生财运 八字精批 八字合婚 星座占卜
一生财运 八字精批 八字合婚 星座占卜

热门标签

Top 10

发表评论

 
 
 
 
八字起名 龙年运势 八字姻缘 个人占星
八字起名 龙年运势 八字姻缘 个人占星
 
 
 
 
一生财运 八字精批 八字合婚 星座占卜
一生财运 八字精批 八字合婚 星座占卜