最简单的方法来创建自定义按钮？

我想为我的网站上的每个帖子设计一个自定义推文按钮。以下是我现在正在使用的原始Twitter代码，它可以工作。我想用我自己的“设计图像”在后台将其改变为自定义设计。就像npr.org一样。最简单的方法来创建自定义按钮？

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.example.com{$story_url}" data-text="{$title_short}" data-count="none">Tweet</a> 

{literal}<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>{/literal}

下面的（评论）自定义设计代码的作品，但当我推特它没有标题。如果有人能帮助我，这将是非常棒的。

Twitter的

来源

2013-09-26 doomla

下面的自定义设计代码的作品，但当我推特它没有标题。如果有人能帮助我，这将是非常棒的。

Twitter

– doomla

关于您发布的评论的代码：当你不使用&的官方Twitter类JavaScript中的数据参数不起作用。然后你必须在链接网址中包含所有内容，并确保从邮件中跳出空格等。这适用于我（在红宝石）：

<% tw_text = "I just finished lesson #{@lesson} of unit #{@unit} on LearnYu.com! #Chinese " %> 
<% tw_text = URI.escape(tw_text, Regexp.new("[^#{URI::PATTERN::UNRESERVED}]")) %> 
<a href="https://twitter.com/share?url=http://www.learnyu.com&via=LearnYu&text=<%= tw_text %>" target="_blank"><img src="/assets/twitter_button.jpg" alt="Share this on Twitter!" /></a>

来源

2013-12-06 20:41:13 Sprachprofi

最简单的方法来创建自定义按钮？

回答

相关问题