WordPress博客如何添加收藏书签

其他教程   发布日期:2023年07月19日   浏览次数:478

这篇文章主要介绍“WordPress博客如何添加收藏书签”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“WordPress博客如何添加收藏书签”文章能帮助大家解决问题。

1、打开你的WordPress主题文件夹下single.php

2、找到<?php the_content(); ?>,在下面加上以下代码(就是书签的显示位置,或者放到你觉得合适的地方):

  1. <div id="soucang">
  2. <strong>
  3. <span style="color:#9932CC">收藏</span><span style="color:#57c200"> & </span>
  4. <span style="color:#9932CC">分享</span>
  5. </strong>
  6. <ul>
  7. <li id="kaixin">
  8. <a href="https://www.19jp.com">

3、注意将上面代码中www.ludou.org网址改成你的,接着在你的WordPress主题CSS文件中加入以下代码:

  1. #soucang {
  2. margin:15px auto;
  3. }
  4. #soucang ul {
  5. display:inline;
  6. position:absolute;
  7. }
  8. #soucang li {
  9. list-style:none;
  10. float:left;
  11. margin-right:10px;
  12. display:block;
  13. }
  14. #soucang li a span {
  15. /*请将下面的 http://example/m.gif 改成你自己的图片链接*/
  16. background:url(http://example/m.gif) no-repeat;
  17. display:block;
  18. height:16px;
  19. width:16px;
  20. }
  21. #soucang li#baidu a span { background-position: 0 0; }
  22. #soucang li#bolaa a span { background-position: 0 -17px; }
  23. #soucang li#delicious a span { background-position: 0 -34px; }
  24. #soucang li#douban a span { background-position: 0 -85px; }
  25. #soucang li#google a span { background-position: 0 -102px; }
  26. #soucang li#hexun a span { background-position: 0 -119px; }
  27. #soucang li#jiudian a span { background-position: 0 -136px; }
  28. #soucang li#kaixin a span { background-position: 0 -153px; }
  29. #soucang li#poco a span { background-position: 0 -187px; }
  30. #soucang li#qq a span { background-position: 0 -204px; }
  31. #soucang li#vivi a span { background-position: 0 -221px; }
  32. #soucang li#yahoo a span { background-position: 0 -238px; }
  33. #soucang li#xianguo {margin-left:10px; padding-bottom:5px;}

以上就是WordPress博客如何添加收藏书签的详细内容,更多关于WordPress博客如何添加收藏书签的资料请关注九品源码其它相关文章!