2013-09-26 57 views
3

我想爲我的網站上的每個帖子設計一個自定義推文按鈕。以下是我現在正在使用的原始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的

+0

下面的自定義設計代碼的作品,但當我推特它沒有標題。如果有人能幫助我,這將是非常棒的。

doomla

回答

1

關於您發佈的評論的代碼:當你不使用&的官方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>