wordpress博客如何通過Begin主題實現類似新浪微博、QQ說說功能

2019年5月30日15:24:49 12 2,172

幾個月以前,有位朋友看到我博客的說說功能,很喜歡,問我如何實現,之前答應過年回來把代碼和教程給他。在此十分抱歉,由于這幾個月忙于考證,一直沒有時間更新博客,也把這件事給忘了。

其實通過Begin主題實現說說功能,之前我也寫過教程,但樣式與現在的有一定區別。下面我把代碼和方法給大家,希望對各位有用。

樣式代碼

將以下代碼添加到后臺主題自定義處,你也可以添加到主題style.css文件。

  1. /**?說說**/
  2. .ss_authorbio?{
  3. ????background:?#fff;
  4. ????margin:?5px?0?0?0;
  5. ????padding:?0px;
  6. }
  7. .ss_authorbio?.avatar?{
  8. ????float:?left;
  9. ????width:?35px;
  10. ????height:?35px;
  11. ????margin:?2px?5px?0?0;
  12. ????padding:?0;
  13. ????border-radius:?100px;
  14. }.i-time?{
  15. ????margin:?0?0?0?5px;
  16. }
  17. .suoshuo-content?{
  18. ????font-size:?16px;
  19. ????font-size:?1.6rem;
  20. ????background:?#f6f6f6;
  21. ????line-height:?160%;
  22. ????padding:?10px;
  23. ????margin:?10px?0?10px?0;
  24. }
  25. .suoshuo-content?a?{
  26. ????color:?#255b94;
  27. ????font-size:?15px;
  28. }
  29. .ss_views?{
  30. ????float:?rightright;
  31. ????color:?#255b94;
  32. ????font-size:?15px;
  33. }
  34. .ss_laiyuan?{
  35. ????font-size:?15px?!important;
  36. ????color:?#777;
  37. }
  38. .ss_pinglun?a?{
  39. ????float:?rightright;
  40. ????margin-right:?20px;
  41. ????color:?#255b94?!important;
  42. }
  43. .ss_comment?a?{
  44. ????color:?#255b94?!important;
  45. ????font-size:?15px;
  46. }
  47. .zz?{
  48. ????font:?14px?"Microsoft?YaHei",?Helvetica,?Arial,?Lucida?Grande,?Tahoma,?sans-serif;
  49. ????margin-bottom:?-2px;
  50. }
  51. .zz?.be{
  52. ????color:?#FFAF25;
  53. }
  54. .xx?{
  55. ????color:?#999;
  56. ????font-size:?13px;
  57. }
  58. #ss-social?{
  59. ????position:?relative;
  60. ????margin:?10px?auto;
  61. ????color:?#fff;
  62. }

PHP文件及使用

1、替換begin/template/目錄下的content-aside.php文件。

2、在Bengin主題根目錄下新建common目錄,將shuoshuo_laiyuan.php和shuoshuo_content.php文件上傳至common目錄。

weinxin
APP下載
微信掃描左側二維碼,下載Jane博客APP,關注我...

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前評論:12   其中:訪客  6   博主  6

    • avatar 小王先森 回復TA

      我也搞了一個說說功能,時間軸的樣式。
      看了你這個說說的樣式,挺不錯的,首頁文章列表點贊,有說說內點贊,不知道你提供的源代碼是不是這樣的。

      • avatar 北京seo快速排名 回復TA

        這功能好啊,不想發文的時候直接發個簡短的說說就可以了,而且代碼添加到后臺主題自定義比上傳,我感覺更方便。

        • avatar wordpress建站 回復TA

          強勢回歸了么

          • avatar boke112導航 回復TA

            這個功能有些是通過自定義分類文章實現,有些是直接把所有的說說當做一篇文章內容。剛才看了演示,好像是自定義分類文章,這樣站點文章量上去了,但是內容太少,不知道對站點SEO是否有影響。

              • avatar 李學江 博主 回復TA

                @boke112導航 不管它了,自從Google adsense 被惡意點擊禁了之后,就沒折騰了,只是有空這點東西,轉載自己喜歡的。這樣反而感覺單純,不是那么累。

              • avatar 云上課堂 回復TA

                這個很不錯,不想寫文章的時候,發表幾句心情很合適

                • avatar 閑魚 回復TA

                  我也喜歡有這樣一個類似說說的功能,沒事發點小惱騷