2016-02-05 70 views
1

我開始在免費的wordpress平臺上寫博客,我想將official twitter widget添加到我的博客。官方微博部件在WordPress博客中失敗

我將以下代碼作爲文本小部件添加到博客的側欄中二十四個主題中。

<a class="twitter-timeline" href="https://twitter.com/Menuka_cs3" data-widget-id="695529194466504704">Tweets by @Menuka_cs3</a> 
<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> 

,但它看起來像這樣

enter image description here

我能夠檢測當我保存它失去了它的<script>標籤,以便它只是展示的內容文字的小部件。下面是我在保存小部件時得到的結果

<a class="twitter-timeline" href="https://twitter.com/Menuka_cs3">Tweets by @Menuka_cs3</a> !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"); 

請幫忙。謝謝

+1

爲什麼不使用Wordpress自己的Twitter小部件? – JJJ

+0

它是一個插件嗎? 我無法在wordpress博客中使用插件。 你能給我鏈接嗎? 我是新來的wordpress –

+1

[這裏](https://www.google.com/search?q=wordpress+twitter+timeline+widget) – JJJ

回答

1

我認爲你正試圖在WordPress.com博客添加text widget代碼javasript。你不能。

用戶不允許在WordPress.com博客上發佈JavaScript。 JavaScript可用於惡意目的。例如, 過去,JavaScript已將諸如MySpace.com和LiveJournal等網站脫機 。所有WordPress.com博客的安全性對我們來說是最優先的 ,直到我們可以保證腳本語言不會對 有害,他們將不被允許。

來自可信賴的合作伙伴(例如YouTube和Google Video)的JavaScript在保存帖子時被轉換爲WordPress短代碼 。

https://en.support.wordpress.com/code/#javascript

但如果你是在WordPress.com VIP,並且需要嵌入你的Twitter時間線,你可以遵循這個職位How To Embed a Twitter Timeline Widget

+0

我認爲這是原因 –

1

當Wordpress保存內容時,它會過濾它,因爲它認爲它的文本而不是代碼。一個可能解決方案是創建一個這樣的簡碼:

打開你的主題/ functions.php文件並粘貼在年底

function twitter_shortcode($atts) { 
    $twitter = '<a class="twitter-timeline" href="https://twitter.com/Menuka_cs3" data-widget-id="695529194466504704">Tweets by @Menuka_cs3</a> 
<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>'; 
    return $twitter; 
} 
add_shortcode('twitter', 'twitter_shortcode'); 

然後,在你的帖子,你叫簡碼:

[twitter] 

請注意,此功能是完全未經測試但是從WordPress官方網頁被採取:

https://codex.wordpress.org/Shortcode_API

+0

我相信我提到了「我開始在免費wordpress平臺上寫博客」這個問題。據我所知,我不能在WordPress的網站編輯頁面的權利? –

0

試試這個代碼

<a class="twitter-timeline" href="https://twitter.com/Menuka_cs3" data-widget-id="710522346977824769">tweets by @Menuka_cs3</a> 
<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>