{"id":4351,"date":"2017-06-01T10:55:04","date_gmt":"2017-06-01T02:55:04","guid":{"rendered":"https:\/\/www.wopus.org\/?p=4351"},"modified":"2017-06-07T00:03:54","modified_gmt":"2017-06-06T16:03:54","slug":"%e6%9b%bf%e6%8d%a2%e5%88%86%e4%ba%ab%e5%b7%a5%e5%85%b7%e8%87%aa%e5%b8%a6%e5%9b%be%e6%a0%87","status":"publish","type":"post","link":"https:\/\/wopus.org\/?p=4351","title":{"rendered":"\u66ff\u6362\u5206\u4eab\u5de5\u5177\u81ea\u5e26\u56fe\u6807"},"content":{"rendered":"

\"\"<\/a><\/p>\n

\u76ee\u524d\u5e38\u7528\u7684\u793e\u4f1a\u5316\u5206\u4eab\u5de5\u5177\u6709 \u767e\u5ea6\u5206\u4eab<\/a> \u548c JiaThis<\/a>\uff0c\u7279\u522b\u662f\u8fd9\u4e2aJiaThis\u5e74\u4ee3\u591f\u4e45\u8fdc\uff0c\u5728\u767e\u5ea6\u4e5f\u52a0\u5165\u8fd9\u4e2a\u9886\u57df\u540e\uff0c\u5c45\u7136\u8fd8\u575a\u6301\u4e3a\u5927\u5bb6\u63d0\u4f9b\u514d\u8d39\u5de5\u5177\uff0c\u8fd9\u91cc\u70b932\u4e2a\u8d5e\uff01<\/p>\n

\u968f\u7740\u65f6\u4ee3\u7684\u53d8\u5316\uff0c\u8fd9\u4e9b\u5206\u4eab\u5de5\u5177\u81ea\u5e26\u7684\u5c0f\u56fe\u6807\u5374\u4e00\u6210\u4e0d\u53d8\uff0c\u5df2\u4e0d\u7b26\u5408\u76ee\u524d\u6d41\u884c\u7684\u6241\u5e73\u5316\u98ce\u683c\uff0c\u4e0e\u7f51\u7ad9\u98ce\u683c\u6781\u4e0d\u534f\u8c03\uff0c\u4f46\u6709\u4e9b\u7f51\u7ad9\u867d\u7528\u7684\u4e5f\u4e0a\u9762\u4e24\u6b3e\u5206\u4eab\u5de5\u5177\uff0c\u4f46\u56fe\u6807\u5374\u4e0d\u4e00\u6837\uff0c\u6241\u5e73\u3001\u5927\u65b9\u3001\u7b80\u6d01\uff0c\u663e\u5f97\u9ad8\u5927\u4e0a\u3002\u4eca\u5929\u5c31\u5206\u4eab\u4e00\u4e0b\u4fee\u6539\u540e\u7684\u4ee3\u7801\uff0c\u8d77\u4e2a\u629b\u7816\u5f15\u7389\u7684\u4f5c\u7528\uff0c\u4ee5JiaThis\u5206\u4eab\u5de5\u5177\u4e3a\u4f8b\uff0c\u4e0b\u9762\u662f\u4fee\u6539\u540e\u7684\u6548\u679c\uff1a<\/p>\n

\"\"<\/a>
\u9ed8\u8ba4\u7684\u5206\u4eab\u6309\u94ae<\/figcaption><\/figure>\n
\"\"<\/a>
\u7f8e\u5316\u540e\u7684\u5206\u4eab\u6309\u94ae<\/figcaption><\/figure>\n

\u57fa\u672c\u539f\u7406\u5c31\u662f\u627e\u5230\u9ed8\u8ba4\u5206\u4eab\u4ee3\u7801\u7684DIV\u9009\u62e9\u5668\uff0c\u7136\u540e\u9690\u85cf\u80cc\u666f\u56fe\u7247\uff0c\u6dfb\u52a0\u5b57\u4f53\u56fe\u6807\u5e76\u91cd\u5199\u6837\u5f0f\u3002<\/p>\n

\u4e00\u3001\u9996\u5148\u5c06\u4e0b\u9762\u4ee3\u7801\u6dfb\u52a0\u5230\u5f53\u524d\u4e3b\u9898functions.php\u7684\u6700\u540e\uff1a<\/h3>\n
\n
<\/div>\n
    \n
  1. function<\/span> entry_share($content<\/span>) {<\/li>\n
  2. if<\/span> (is_single()) {<\/li>\n
  3. $content<\/span> .= ‘<\/li>\n
  4. <div class<\/span>=“entry-share”<\/span>><\/li>\n
  5. <div class<\/span>=“share-box”<\/span>><\/li>\n
  6. <span class<\/span>=“share-pu”<\/span>>\u5206\u4eab\u5230<\/span><\/li>\n
  7. <!– JiaThis Button BEGIN –><\/li>\n
  8. <div class<\/span>=“jiathis_style_32x32”<\/span>><\/li>\n
  9. <a class<\/span>=“jiathis_button_tsina”<\/span>><i class<\/span>=“fa fa-weibo”<\/span>><\/i><\/a><\/li>\n
  10. <a class<\/span>=“jiathis_button_weixin”<\/span>><i class<\/span>=“fa fa-wechat”<\/span>><\/i><\/a><\/li>\n
  11. <a class<\/span>=“jiathis_button_renren”<\/span>><i class<\/span>=“fa fa-renren”<\/span>><\/i><\/a><\/li>\n
  12. <a class<\/span>=“jiathis_button_qzone”<\/span>><i class<\/span>=“fa fa-qq”<\/span>><\/i><\/a><\/li>\n
  13. <a class<\/span>=“jiathis_button_fb”<\/span>><i class<\/span>=“fa fa-facebook”<\/span>><\/i><\/a><\/li>\n
  14. <a class<\/span>=“jiathis_button_twitter”<\/span>><i class<\/span>=“fa fa-twitter”<\/span>><\/i><\/a><\/li>\n
  15. <a href=“http:\/\/www.jiathis.com\/share”<\/span> class<\/span>=“jiathis jiathis_txt jtico jtico_jiathis”<\/span> target=“_blank”<\/span>><span><i class<\/span>=“fa fa-share-alt”<\/span>><\/i><\/span><\/a><\/li>\n
  16. <a class<\/span>=“jiathis_counter_style”<\/span>><\/a><\/li>\n
  17. <\/div><\/li>\n
  18. <\/div><\/li>\n
  19. <script type=“text\/javascript”<\/span> src=“http:\/\/v3.jiathis.com\/code\/jia.js”<\/span> charset=“utf-8”<\/span>><\/script><\/li>\n
  20. <!– JiaThis Button END<\/span> –><\/li>\n
  21. <\/div>’;<\/li>\n
  22. }<\/li>\n
  23. return<\/span> $content<\/span>;<\/li>\n
  24. }<\/li>\n
  25. add_filter(‘the_content’,’entry_share’);<\/li>\n<\/ol>\n<\/div>\n

    \u4e4b\u540e\u5206\u4eab\u4ee3\u7801\u4f1a\u81ea\u52a8\u6dfb\u52a0\u5230\u6587\u7ae0\u6b63\u6587\u7684\u4e0b\u9762\u3002<\/p>\n

    \u4e0a\u9762\u4ee3\u7801\u53ea\u662f\u5728\u539fJiaThis\u5206\u4eab\u4ee3\u7801\u57fa\u7840\u4e0a\u6dfb\u52a0\u4e86\u5b57\u4f53\u56fe\u6807\u3002<\/p>\n

    \u4e8c\u3001\u518d\u628a\u4e0b\u9762\u914d\u5957\u7684\u6837\u5f0f\u6dfb\u52a0\u5230\u5f53\u524d\u4e3b\u9898\u6837\u5f0f\u6587\u4ef6style.css\u4e2d\u5373\u53ef\u3002<\/h3>\n

    \u5c55\u793a\u4ee3\u7801[s][p]<\/p>\n

    \n
    <\/div>\n
      \n
    1. \/** \u5916\u90e8\u76d2\u5b50 **\/<\/span><\/li>\n
    2. .entry-share {<\/li>\n
    3. font-size<\/span>: 14px<\/span>;<\/li>\n
    4. text-align<\/span>: center<\/span>;<\/li>\n
    5. margin<\/span>: 0 auto<\/span> 20px<\/span>;<\/li>\n
    6. }<\/li>\n
    7. <\/li>\n
    8. \/********* \u5206\u4eab\u6587\u5b57 ********\/<\/span><\/li>\n
    9. .entry-share .share-pu<\/span> {<\/li>\n
    10. font-weight<\/span>: 700;<\/li>\n
    11. line-height<\/span>: 40px<\/span>;<\/li>\n
    12. }<\/li>\n
    13. <\/li>\n
    14. .entry-share .share-pu {<\/li>\n
    15. float<\/span>: left<\/span>;<\/li>\n
    16. color<\/span>: #4d4d4d<\/span>;<\/li>\n
    17. }<\/li>\n
    18. <\/li>\n
    19. \/******** \u5206\u4eab\u6837\u5f0f ********\/<\/span><\/li>\n
    20. .entry-share div.share-box {<\/li>\n
    21. display<\/span>: inline<\/span>–block<\/span>;<\/li>\n
    22. overflow<\/span>: hidden<\/span>;<\/li>\n
    23. }<\/li>\n
    24. <\/li>\n
    25. .entry-share .jiathis_style_32x32 {<\/li>\n
    26. float<\/span>: left<\/span> !important;<\/li>\n
    27. margin-left<\/span>: 10px<\/span>;<\/li>\n
    28. }<\/li>\n
    29. <\/li>\n
    30. .entry-share .jiathis_style_32x32 a {<\/li>\n
    31. float<\/span>: left<\/span>;<\/li>\n
    32. width<\/span>: 40px<\/span>;<\/li>\n
    33. height<\/span>: 40px<\/span>;<\/li>\n
    34. color<\/span>: #a8a8a8<\/span>;<\/li>\n
    35. font-size<\/span>: 16px<\/span> !important;<\/li>\n
    36. display<\/span>: block<\/span>;<\/li>\n
    37. border<\/span>-radius: 5px<\/span>;<\/li>\n
    38. margin-right<\/span>: 10px<\/span>;<\/li>\n
    39. border<\/span>: 1px<\/span> solid<\/span> #999<\/span>;<\/li>\n
    40. }<\/li>\n
    41. <\/li>\n
    42. .entry-share .jiathis_style_32x32 a:hover {<\/li>\n
    43. text-decoration<\/span>: none<\/span>;<\/li>\n
    44. color<\/span>: #fff<\/span>;<\/li>\n
    45. }<\/li>\n
    46. <\/li>\n
    47. \/** \u56fe\u6807\u5927\u5c0f **\/<\/span><\/li>\n
    48. .entry-share .jiathis_style_32x32 a span {<\/li>\n
    49. background<\/span>: transparent<\/span> !important;<\/li>\n
    50. width<\/span>: 38px<\/span> !important;<\/li>\n
    51. height<\/span>: 38px<\/span> !important;<\/li>\n
    52. padding<\/span>: 0 !important;<\/li>\n
    53. margin<\/span>: 0 !important;<\/li>\n
    54. float<\/span>: none<\/span> !important;<\/li>\n
    55. font-size<\/span>: 20px<\/span> !important;<\/li>\n
    56. display<\/span>: block<\/span> !important;<\/li>\n
    57. text-align<\/span>: center<\/span> !important;<\/li>\n
    58. line-height<\/span>: 38px<\/span> !important;<\/li>\n
    59. }<\/li>\n
    60. <\/li>\n
    61. \/******** \u66f4\u591a\u5206\u4eab ********\/<\/span><\/li>\n
    62. .entry-share .jiathis_style_32x32 a.jtico_jiathis {<\/li>\n
    63. background<\/span>: transparent<\/span> !important;<\/li>\n
    64. width<\/span>: 38px<\/span> !important;<\/li>\n
    65. height<\/span>: 38px<\/span> !important;<\/li>\n
    66. padding<\/span>: 0 !important;<\/li>\n
    67. margin<\/span>: 0 !important;<\/li>\n
    68. font-size<\/span>: 24px<\/span> !important;<\/li>\n
    69. display<\/span>: block<\/span> !important;<\/li>\n
    70. text-align<\/span>: center<\/span> !important;<\/li>\n
    71. line-height<\/span>: 38px<\/span> !important;<\/li>\n
    72. }<\/li>\n
    73. <\/li>\n
    74. .entry-share .jiathis_style_32x32 a:hover.jtico_jiathis {<\/li>\n
    75. background<\/span>: #666<\/span> !important;<\/li>\n
    76. border-color<\/span>: #666<\/span>;<\/li>\n
    77. }<\/li>\n
    78. <\/li>\n
    79. \/******** \u5206\u4eab\u6b21\u6570 ********\/<\/span><\/li>\n
    80. .entry-share .jiathis_style_32x32 a.jiathis_counter_style {<\/li>\n
    81. width<\/span>: auto<\/span>;<\/li>\n
    82. margin-left<\/span>: 10px<\/span>;<\/li>\n
    83. padding<\/span>: 0 15px<\/span>;<\/li>\n
    84. border<\/span>-radius: 5px<\/span>;<\/li>\n
    85. display<\/span>: inline<\/span>–block<\/span>;<\/li>\n
    86. position<\/span>: relative<\/span>;<\/li>\n
    87. background<\/span>: #e8e8e8<\/span>;<\/li>\n
    88. border-color<\/span>: #e8e8e8<\/span>;<\/li>\n
    89. color<\/span>: #fff<\/span> !important;<\/li>\n
    90. }<\/li>\n
    91. <\/li>\n
    92. \/** \u7bad\u5934 **\/<\/span><\/li>\n
    93. .entry-share .jiathis_style_32x32 a.jiathis_counter_style:before {<\/li>\n
    94. content<\/span>: ”<\/span>;<\/li>\n
    95. width<\/span>: 0;<\/li>\n
    96. height<\/span>: 0;<\/li>\n
    97. border-style<\/span>: solid<\/span>;<\/li>\n
    98. border-width<\/span>: 10px<\/span> 10px<\/span> 10px<\/span> 0;<\/li>\n
    99. border-color<\/span>: transparent<\/span> #e8e8e8<\/span> transparent<\/span> transparent<\/span>;<\/li>\n
    100. position<\/span>: absolute<\/span>;<\/li>\n
    101. right<\/span>: 100%;<\/li>\n
    102. top<\/span>: 50%;<\/li>\n
    103. margin-top<\/span>: –10px<\/span>;<\/li>\n
    104. }<\/li>\n
    105. <\/li>\n
    106. .entry-share .jiathis_style_32x32 a.jiathis_counter_style span.jiathis_bubble_style {<\/li>\n
    107. color<\/span>: #666<\/span> !important;<\/li>\n
    108. font-size<\/span>: 14px<\/span> !important;<\/li>\n
    109. width<\/span>: auto<\/span> !important;<\/li>\n
    110. }<\/li>\n
    111. <\/li>\n
    112. \/******** \u4e0d\u540c\u56fe\u6807\u60ac\u505c\u80cc\u666f\u989c\u8272 ********\/<\/span><\/li>\n
    113. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_tsina {<\/li>\n
    114. background<\/span>: #e74c3c<\/span>;<\/li>\n
    115. border-color<\/span>: #e74c3c<\/span>;<\/li>\n
    116. }<\/li>\n
    117. <\/li>\n
    118. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_weixin {<\/li>\n
    119. background<\/span>: #2ecc71<\/span>;<\/li>\n
    120. border-color<\/span>: #2ecc71<\/span>;<\/li>\n
    121. }<\/li>\n
    122. <\/li>\n
    123. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_fb {<\/li>\n
    124. background<\/span>: #4760A5<\/span>;<\/li>\n
    125. border-color<\/span>: #4760A5<\/span>;<\/li>\n
    126. }<\/li>\n
    127. <\/li>\n
    128. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_twitter {<\/li>\n
    129. background<\/span>: #50ABF1<\/span>;<\/li>\n
    130. border-color<\/span>: #50ABF1<\/span>;<\/li>\n
    131. }<\/li>\n
    132. <\/li>\n
    133. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_renren {<\/li>\n
    134. background<\/span>: #3777BE<\/span>;<\/li>\n
    135. border-color<\/span>: #3777BE<\/span>;<\/li>\n
    136. }<\/li>\n
    137. <\/li>\n
    138. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_qzone {<\/li>\n
    139. background<\/span>: #2174C3<\/span>;<\/li>\n
    140. border-color<\/span>: #2174C3<\/span>;<\/li>\n
    141. }<\/li>\n<\/ol>\n<\/div>\n

      [\/p]<\/p>\n

      \u9f20\u6807\u60ac\u505c\u5728\u5206\u4eab\u6309\u94ae\u4e0a\uff0c\u80cc\u666f\u4f1a\u53d8\u6210\u4e0d\u540c\u7684\u989c\u8272\u3002<\/p>\n

      \n\u6ce8\uff1a<\/legend>\n

      \u56e0\u4ee3\u7801\u4e2d\u4f7f\u7528\u4e86Font Awesome\u5b57\u4f53\u56fe\u6807\uff0c\u5982\u679c\u4f60\u7684\u4e3b\u9898\u6ca1\u6709\u52a0\u8f7d\u5b57\u4f53\u56fe\u6807\uff0c\u53ef\u4ee5\u5230WP\u540e\u53f0–\u63d2\u4ef6–\u5b89\u88c5\u63d2\u4ef6\u9875\u9762\u641c\u7d22\uff1aFont Awesome 4 Menus \u5b89\u88c5\u5e76\u542f\u7528\uff0c\u624d\u80fd\u663e\u793a\u66ff\u6362\u540e\u7684\u56fe\u6807\u3002<\/fieldset>\n

      \u5982\u679c\u4f60\u52a8\u624b\u80fd\u529b\u6bd4\u8f83\u5f3a\uff0c\u4e5f\u53ef\u4ee5\u540c\u6837\u66ff\u6362\u767e\u5ea6\u5206\u4eab\u56fe\u6807\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

      \u76ee\u524d\u5e38\u7528\u7684\u793e\u4f1a\u5316\u5206\u4eab\u5de5\u5177\u6709 \u767e\u5ea6\u5206\u4eab \u548c JiaThis\uff0c\u7279\u522b\u662f\u8fd9\u4e2aJiaThis\u5e74\u4ee3\u591f\u4e45\u8fdc\uff0c\u5728\u767e\u5ea6\u4e5f\u52a0\u5165\u8fd9\u4e2a\u9886\u57df\u540e\uff0c\u5c45\u7136\u8fd8\u575a\u6301\u4e3a\u5927\u5bb6\u63d0\u4f9b\u514d\u8d39\u5de5\u5177\uff0c\u8fd9\u91cc\u70b932\u4e2a\u8d5e\uff01 \u968f\u7740\u65f6\u4ee3\u7684\u53d8\u5316\uff0c\u8fd9\u4e9b\u5206\u4eab\u5de5\u5177\u81ea\u5e26\u7684\u5c0f\u56fe\u6807\u5374\u4e00\u6210\u4e0d\u53d8\uff0c\u5df2\u4e0d\u7b26\u5408\u76ee\u524d\u6d41\u884c\u7684\u6241\u5e73\u5316\u98ce\u683c\uff0c\u4e0e\u7f51\u7ad9\u98ce\u683c\u6781\u4e0d\u534f\u8c03\uff0c\u4f46\u6709\u4e9b\u7f51\u7ad9\u867d\u7528\u7684\u4e5f\u4e0a\u9762\u4e24\u6b3e\u5206\u4eab\u5de5\u5177\uff0c\u4f46\u56fe\u6807\u5374\u4e0d\u4e00\u6837\uff0c\u6241\u5e73\u3001\u5927\u65b9\u3001\u7b80\u6d01\uff0c\u663e\u5f97\u9ad8\u5927\u4e0a\u3002\u4eca\u5929\u5c31\u5206\u4eab\u4e00\u4e0b\u4fee\u6539\u540e\u7684\u4ee3\u7801\uff0c\u8d77\u4e2a\u629b\u7816\u5f15\u7389\u7684\u4f5c\u7528\uff0c\u4ee5JiaThis\u5206\u4eab\u5de5\u5177\u4e3a\u4f8b\uff0c\u4e0b\u9762\u662f\u4fee\u6539\u540e\u7684\u6548\u679c\uff1a \u57fa\u672c\u539f\u7406\u5c31\u662f\u627e\u5230\u9ed8\u8ba4\u5206\u4eab\u4ee3\u7801\u7684DIV\u9009\u62e9\u5668\uff0c\u7136\u540e\u9690\u85cf\u80cc\u666f\u56fe\u7247\uff0c\u6dfb\u52a0\u5b57\u4f53\u56fe\u6807\u5e76\u91cd\u5199\u6837\u5f0f\u3002 \u4e00\u3001\u9996\u5148\u5c06\u4e0b\u9762\u4ee3\u7801\u6dfb\u52a0\u5230\u5f53\u524d\u4e3b\u9898functions.php\u7684\u6700\u540e\uff1a function entry_share($content) { if (is_single()) { $content .= ‘ <div class=“entry-share”> <div class=“share-box”> <span class=“share-pu”>\u5206\u4eab\u5230<\/span> <!– JiaThis Button BEGIN –> <div class=“jiathis_style_32x32”> <a class=“jiathis_button_tsina”><i class=“fa fa-weibo”><\/i><\/a> <a class=“jiathis_button_weixin”><i class=“fa fa-wechat”><\/i><\/a> <a class=“jiathis_button_renren”><i class=“fa fa-renren”><\/i><\/a> <a class=“jiathis_button_qzone”><i class=“fa fa-qq”><\/i><\/a> <a class=“jiathis_button_fb”><i class=“fa fa-facebook”><\/i><\/a> <a class=“jiathis_button_twitter”><i class=“fa fa-twitter”><\/i><\/a> <a href=“http:\/\/www.jiathis.com\/share” […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[1405],"class_list":["post-4351","post","type-post","status-publish","format-standard","hentry","category-tech","tag-1405"],"_links":{"self":[{"href":"https:\/\/wopus.org\/index.php?rest_route=\/wp\/v2\/posts\/4351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wopus.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wopus.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wopus.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wopus.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4351"}],"version-history":[{"count":0,"href":"https:\/\/wopus.org\/index.php?rest_route=\/wp\/v2\/posts\/4351\/revisions"}],"wp:attachment":[{"href":"https:\/\/wopus.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wopus.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wopus.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}