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应用生成,侵权请联系我们删除
欢迎扫码添加企开元客服,一起交流ChatGPT应用技巧。

[wb_hot_tags name=热门标签 max=50]

Top 10

发表评论


Warning: Undefined variable $args in /home/wwwroot/wenzongxuan.com/wp-content/themes/pure-blog/single.php on line 55