代码片段 → WordPress → 自动社交媒体链接

自动社交媒体链接

Avatar of Chris Coyier
Chris Coyier 于

这将放在 **循环内**，可能在 the_content() 下面，可能在你的 single.php 文件中。

// bookmark on Delicious
<a rel="nofollow" href="http://delicious.com/post?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="Bookmark this post at Delicious">Bookmark at Delicious</a>

// submit to Digg
<a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=<?php the_permalink(); ?>" title="Submit this post to Digg">Digg this!</a>

// tweet on Twitter
<a rel="nofollow" href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" title="Share this article with your Twitter followers">Tweet this!</a>

// submit to StumbleUpon
<a rel="nofollow" href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="Share this post at StumbleUpon">Stumble this!</a>

// share on Facebook
<a rel="nofollow" href="https://127.0.0.1/sharer.php?u=<?php the_permalink();?>&amp;t=<?php echo urlencode(get_the_title($id)); ?>" title="Share this post on Facebook">Share on Facebook</a>

// submit to Blinklist
<a rel="nofollow" href="http://blinklist.com/index.php?Action=Blink/addblink.php&amp;url=<?php the_permalink(); ?>&amp;Title=<?php echo urlencode(get_the_title($id)); ?>" title="Share this post on Blinklist" >Blink This!</a>

// store on Furl
<a rel="nofollow" href="http://furl.net/storeIt.jsp?t=<?php echo urlencode(get_the_title($id)); ?>&amp;u=<?php the_permalink(); ?>" title="Share this post on Furl">Furl This!</a>

// submit to Reddit
<a rel="nofollow" href="http://reddit.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="Share this post on Reddit">Share on Reddit</a>
嘘！ 创建一个 DigitalOcean 帐户并获得 $200 的免费积分 用于基于云的托管和服务。

评论

  1. Krinkle
    评论永久链接#

    太棒了！

    这里有一系列很棒的实用功能。
    所有主要的链接和代码，我们可以直接使用它们，或者用它们构建或（使用精灵驱动的 ;-) ）GUI 版本。

    谢谢！

    回复
  2. Claude Gelinas
    评论永久链接#

    感谢您以任何网页发布者都能理解的形式提供这些链接 - 我将尝试制作自己的，更定制的图像来链接到这些社交书签网站！

    回复
  3. Ben
    评论永久链接#

    我无法使这些代码通过验证，有人知道我可能做错了什么吗？我收到的消息是：

    “通用实体“t”未定义，也没有默认实体”

    我在 WordPress 博客上创建了一个 Facebook 分享按钮。

    回复
  4. Jauhari
    评论永久链接#

    非常感谢您让将它们包含到我们的 Coda 应用程序中变得如此容易；)

    回复
  5. Domdel
    评论永久链接#

    好帖子！确实非常有用！

    回复
  6. Rahul Prasad
    评论永久链接#

    非常感谢您，伙计。
    难道没有一个应用程序可以自动提交到这些网站，并且只需要最少的交互吗？

    回复
  7. James Mark
    评论永久链接#

    感谢您分享社交书签按钮，好帖子。

    回复
  8. Akash
    评论永久链接#

    棒极了..

    回复
  9. Kaushik Biswas
    评论永久链接#

    太棒了！这就是在没有插件的情况下实现它的方法 :)

    回复
  10. Ahmad
    评论永久链接#

    这段代码很好，不过所有内容都转到了现成的插件，使用起来更方便。

    回复
  11. murtaza kanpurwala
    评论永久链接#

    哇，太棒了……。WordPress 中无需使用 JS 和插件。

    回复
  12. Jens Ahrengot Boddum
    评论永久链接#

    不错的列表 - 但是 Twitter 的那个似乎不再起作用了。

    这个可以：
    http://twitter.com/share/?text=description+text&url=http://my-url.com/ - 并且它也会自动通过 Twitter 的短链接服务运行它。

    回复
  13. MQ Hidayat
    评论永久链接#

    对于 Twitter，我更喜欢使用 tweetmeme，因为来自 twitter.com 的计数有时无效。
    感谢您的信息。

    回复
  14. Andhie
    评论永久链接#

    不错.. 谢谢，有用的代码。

    回复
  15. Kevin
    评论永久链接#

    您总是拥有最好的信息。感谢您的分享。

    回复
  16. santé bien être
    评论永久链接#

    非常有帮助！谢谢 :)

    回复
  17. ilana mullin
    评论永久链接#

    太棒了！终于找到了一种绕过那些该死的鸡块的方法。自定义图标，再也不用担心分享计数了！

    我很好奇如何为 Google+ 和 LinkedIn 做同样的事情……您有什么想法吗？

    回复
  18. Jonathon Harris
    评论永久链接#

    感谢您提供的信息，Chris。一如既往，非常到位。

    @ilana，我确实找到了一种方法可以添加 Google+ 分享链接，而无需使用 Plus 图标。虽然有点晚了，但是如果您需要，请查看以下信息，其格式与 Chris 上面的示例相同。

    
// share to Google Plus
<a rel="nofollow" href="https://plusone.google.com/_/+1/confirm?hl=en&url=<?php the_permalink(); ?>" title="Share this post on Google+">Share on Google+</a>
    回复
  19. Jonathon Harris
    评论永久链接#

    相关地，以下是一个 LinkedIn 的分享链接，格式与上面相同。

    
// share on LinkedIn
<a rel="nofollow" href="http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php echo urlencode(get_the_title($id)); ?>&summary=<?php echo get_the_excerpt(); ?>&source=<?php bloginfo('name'); ?>">Share on LinkedIn</a>
    回复
  20. ilana mullin
    评论永久链接#

    太棒了，Jonathan！感谢您分享知识！我已经找到了一种方法来实现两者，但是您的方法也很棒。Google+ 是比较棘手的那个。不知为何，弹出的框总是使用不同的语言，而不是英语，我搞不明白为什么，URL 是 plusone.google.com。我必须尝试一下您的解决方案！

    回复
  21. Michael
    评论永久链接#

    非常有用……非常感谢！一个小问题，我正在显示这个
    ” title=”与您的 Twitter 粉丝分享此文章”>转发此推文！
    …当我剪切粘贴 Twitter 代码时。我仔细观察并与 FB 代码进行比较，后者似乎可以正常工作。

    感谢您的任何见解。

    回复
  22. Jonathon Harris
    评论永久链接#

    嗨，@Michael，到底是什么不起作用？

    回复
    • Michael
      评论永久链接#

      嗨，Jonathon,

      我认为这部分

      ” title=”与您的 Twitter 粉丝分享此文章”>

      不应该出现在浏览器中。我正在剪切粘贴代码片段，所以我不认为我对标记进行了任何修改。我把 Facebook 代码片段粘贴进去，它在浏览器中显示了“在 Facebook 上分享”。这似乎是正确的，尽管链接带我到了 Facebook，但它没有将页面的链接粘贴到 Facebook 上的文本窗口中。也许这就是应该发生的事情。我不了解 PHP，但它确实有点像想要获取页面的永久链接。

      感谢您的关注和帮助。

      我在以下开发网站上使用它： http://durmpbeta.h5video.com

    • Jonathon Harris
      评论永久链接#

      嗨，Michael,
      您使用的是什么代码编辑器？在我的本地开发环境中，Facebook 链接带上了链接，Twitter 也能正常工作。

      也许尝试将代码片段复制/粘贴到记事本、Notepad++ 或任何其他简单的文本编辑器中。如果您使用的是 Word 或富文本编辑器，那么您可能会遇到一些引号和符号的问题。可以尝试将它们粘贴到 Notepad++ 中，选择一个引号，然后重新输入引号以查看它是否切换到简单的引号。希望这对您有效。您网站上的照片很棒。

  23. Michael
    评论永久链接#

    感谢您的反馈，Jonathon。我将坦白自己的无知，告诉您我之前只是从浏览器窗口复制粘贴。我现在将它放到 Textmate 中，保存为 PHP 文件，然后复制它。这确实清除了代码在浏览器中显示的问题，但是我还是无法将链接传递到 FB。
    我现在有更多要尝试和处理的东西，非常感谢您对这个问题的见解。
    照片确实很棒，但是，唉，它们是我朋友拍摄的，他名叫 Michael。我正在将他的静态网站转换为 WordPress 网站，这样他就可以更轻松地自行更新内容。

    回复
  24. murtaza
    评论永久链接#

    非常好的代码。

    回复
  25. Kiko
    评论永久链接#

    太酷了！

    现在，只需要通过邮件分享的链接。

    有什么想法吗？

    回复
  26. Phron
    评论永久链接#

    这些信息太棒了。我一直都在寻找这些东西！
    有人能告诉我，我是否可以简单地用这些代码替换我正在使用的 addthis 代码吗？
    因为我厌倦了它们 (addthis) 降低我的页面加载速度。

    感谢所有人，以及

    祝大家 2013 年一切顺利！

    回复
  27. Virneto
    评论永久链接#

    我已经实现了大部分功能……运行起来很完美，除了 g+ 我用这个替换了（从 Google 获取）在这个评论日期

    
a href=https://plus.google.com/share?url={YOUR_URL} title="Share this on Google+">Share on G+

    谢谢大家！！！

    回复
  28. Daniel
    评论永久链接#

    Pinterest？有人吗？

    回复
  29. kartonnade
    评论永久链接#

    嘿！

    感谢您提供这段代码片段！这正是我要找的！

    如果有人感兴趣，在我阅读完这篇文章后，我创建了一个名为 tweet_this($post_id); 的小型函数，用于在 WordPress 中生成 Twitter URL，并包含您选择的摘录。
    例如，您可以使用高级自定义字段或 the_excerpt() 或 the_title() 作为回退来生成推文。

    推文在创建 URL 之前会缩短至 140 个字符。

    您也可以根据需要缩短链接。

    您只需调用该函数来生成 URL

        
        <a rel="nofollow" href="<?php echo tweet_this($post_id); ?>" title="Share this article with your Twitter followers">Tweet this!</a>

    您的推文将类似于
    “正在阅读 http://example.com/?p=101：您选择的精彩（如果需要则缩短）摘录或 the_title() 作为回退”

    查看 Gist：https://gist.github.com/kartonnade/5221436

    欢迎任何反馈或改进！

    回复
  30. ryan wagner
    评论永久链接#

    很棒的工作！感谢您分享此代码片段。我喜欢这一点，因为您不必使用插件，我觉得插件会降低加载时间。

    再次感谢，
    Ryan Wagner

    回复
  31. Anne
    评论永久链接#

    感谢您，这很棒！我喜欢它如此简单。

    但是，我对 Facebook 链接有一个小问题。我已经设置了所有元属性，例如 og:image，但在第一次点击 Facebook 分享链接时，它没有显示特色图片。:/

    这是大家都会遇到的常见问题吗？

    回复
  32. ll
    评论永久链接#

    不错的代码

    回复
  33. Tony Scialdone
    评论永久链接#

    这是我的列表，希望对大家有所帮助

    https://127.0.0.1/sharer/sharer.php?u=YOUR-URL-HERE&title=YOUR-TITLE-HERE"
http://twitter.com/intent/tweet?status=hYOUR-TITLE-HERE+YOUR-URL-HERE"
http://pinterest.com/pin/create/bookmarklet/?media=&url=YOUR-URL-HERE&is_video=false&description=YOUR-TITLE-HERE"
http://www.linkedin.com/shareArticle?mini=true&url=YOUR-URL-HERE&title=YOUR-TITLE-HERE&source=YOUR-DOMAIN-HERE"
https://plus.google.com/share?url=YOUR-URL-HERE"
http://www.reddit.com/submit?url=YOUR-URL-HERE&title=YOUR-TITLE-HERE"
http://www.stumbleupon.com/submit?url=YOUR-URL-HERE&title=YOUR-TITLE-HERE"
http://www.tumblr.com/share?v=3&u=YOUR-URL-HERE&t=YOUR-TITLE-HERE"
http://www.evernote.com/clip.action?url=YOUR-URL-HERE&title=YOUR-TITLE-HERE"
https://digg.com/submit?url=YOUR-URL-HERE&title=YOUR-TITLE-HERE"
https://getpocket.com/save?url=YOUR-URL-HERE&title=YOUR-TITLE-HERE"
    回复
  34. Hiren Khambhayta
    评论永久链接#

    感谢您提供这段简短的代码，有没有办法通过自定义插件来实现？因为我的网站 (https://www.hirenkhambhayta.com/) 使用的是高级主题。每次更新主题时，它都会删除所有代码，我必须重新编写。

    回复

发表评论

Your email address will not be published. Required fields are marked *

© 2024 . All rights reserved.