Twitter分享框在我的Wordpress博客中

时间:2011-09-04 20:05:10

标签: php wordpress twitter

我对PHP相对较新,并且仍然掌握了可能性。所以我正在为我的网站博客设置一个自定义的WordPress主题,其设计看起来与网站完全一样,除了在主要部分显示适当风格的WordPress帖子。

这是我正在尝试做一些棘手的事情:我已经设置了一个水平导航菜单,看起来像每个帖子上方的标签。正在查看帖子时,帖子选项卡位于前台。其他选项卡适用于Twitter,FB和打印选项。我希望用户可以点击推特标签,并在我的网站上显示推特共享框和/或登录页面(显然不使用框架)。 Twitter似乎没有现成的小部件,但我认为理论上应该可以使用<?php include ?>语句。但我不知道,我甚至不确定从哪里开始寻找有关如何实现这一目标的信息。至少,我想在重定向时在选项卡中显示推特网站。

无论哪种方式,好处是显而易见的:用户不必离开网站,关闭新标签,并且后退按钮被破坏等。图像告诉您的不仅仅是代码可以,但图像上传是一个现在很疼,当我有更多时间时,我将不得不再试一次。

如果我没有充分描述正在发生的事情,那么位于每个帖子上方的标签应该像浏览器标签一样运行。这意味着,如果您单击它,则不会转到其他站点,但会在此处打开Twitter共享框,代替帖子。

1 个答案:

答案 0 :(得分:1)

您是否尝试将标签链接指向单独的页面?如果您是,您可以从他们的好东西页面(http://twitter.com/about/resources/widgets/widget_profile)抓取Twitter小部件并自定义它以适合您的尺寸和用户名。

编辑: 我现在知道了。起初,我认为您希望用户能够在查看帖子和查看推文之间快速切换。要做你想做的事,请查看Twitter API(https://dev.twitter.com/docs/tweet-button)。如果您使用类似下面的代码,它将自动检测页面名称和链接:

<a href="https://twitter.com/share">Tweet</a>

或者,如果您想要更加花哨,可以使用能够检测帖子标题,网址和实现您的Twitter用户名的内容。这是我快速掀起的东西,只需将它放入你希望它显示的Wordpress主题中:

 <a href="http://twitter.com/share" target="_blank" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" data-count="horizontal" data-via="[INSERT_YOUR_USERNAME]">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

我认为这会帮助你做你想做的事情,它不会取代帖子,但它会在一个小窗口中打开。

-Matt