Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

分享 FaceBook Comments 語法

  • Velson
  • Velson 的個人頭像 Topic Author
  • Offline
  • 管理員
  • 管理員
  • 惡搞美工亂玩網頁的五年級設計師 亂玩資歷十六年
More
2012-10-09 16:55 - 2012-10-13 00:12 #23444 來自 Velson
Velson created the topic: 分享 FaceBook Comments 語法
HTML5方式

對單篇文章使用

第一步

先把Joomla 文章編輯設定為None

第二步

選擇你想要讓人評論的文章

第一行以下請複製貼上

<div class="fb-comments" data-href="http://abcdefg.com" data-num-posts="2" data-width="470"></div>

請注意 把abcdefg.com 換成你的網址

第三步-

在上面那行的語法下面,複製貼上底下的語法(內容不用修改)

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

記得貼上的順序要對,然後...........就等別人對你文章評論 :whistle:


對所有文章內容使用

如果不只一篇文章要讓人評論

第一步

把這一段語法


<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

寫在footer.php內

第二步

然後
在隨意選擇你要讓人評論的文章或模組裡貼上底下的語法(如果要每一個頁面都顯示建議選擇模組,然後選擇出現在所有頁面中,就可以每一個頁面都顯示了)
<div class="fb-comments" data-href="http://abcdefg.com" data-num-posts="2" data-width="470"></div>

請注意 把abcdefg.com 換成你的網址即可







是不是很簡單?! :lol:
其他FB 外掛按鈕都是同理 所以....我不再重覆


結束

補充: (因為個人是不使用文章編輯器的以及文字過濾在Joomla安裝後已全開,所以忘了寫這段,感謝abo的提醒,以下是來自abo的回覆) -

感謝分享,既簡單又好用!
以下是個人的補充:
1.如果使用 WYSIWYG 編輯器外掛切換到「HTML 原始碼」格式就可以將本主題的嵌入碼加進去。
2.請記得到編輯器外掛設定將「預先排除的標籤」項目清空,並確認自己所屬的會員群組有無設定「文字過濾」條件,在 Joomla! 1.6/1.7 的時候會有這個問題,參考以下文章:
www.abokuo.com/joomla-artcles/joomla-cor...ix-code-problem.html




Velson W. 原創 - 禁止抄襲 歡迎轉貼 轉貼請註明出處

UnoHat Joomla 元件、模組、外掛 開發 Email住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它
最後修改原因: 2012-10-13 00:12 來自 Velson.
The following user(s) said Thank You: abokuo, 陳翔福, 蔡佩諭

Please 登入 to join the conversation.

  • Velson
  • Velson 的個人頭像 Topic Author
  • Offline
  • 管理員
  • 管理員
  • 惡搞美工亂玩網頁的五年級設計師 亂玩資歷十六年
More
2012-10-09 17:08 #23445 來自 Velson
Velson replied the topic: FaceBook Comments 語法
ㄜ~~~又發錯區域了=="
請幫忙移到會員新聞發佈區

UnoHat Joomla 元件、模組、外掛 開發 Email住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它

Please 登入 to join the conversation.

More
2012-10-09 17:42 #23447 來自 abokuo
abokuo replied the topic: FaceBook Comments 語法
感謝分享,既簡單又好用!
以下是個人的補充:
1.如果使用 WYSIWYG 編輯器外掛切換到「HTML 原始碼」格式就可以將本主題的嵌入碼加進去。
2.請記得到編輯器外掛設定將「預先排除的標籤」項目清空,並確認自己所屬的會員群組有無設定「文字過濾」條件,在 Joomla! 1.6/1.7 的時候會有這個問題,參考以下文章:
http://www.abokuo.com/joomla-artcles/joomla-core/111-fix-code-problem.html

我的 Joomla! 資訊網站:http://www.abokuo.com
Joomla! 書籍:Joomla! 3.x 素人架站計畫(2015.07)
The following user(s) said Thank You: Velson

Please 登入 to join the conversation.

  • Velson
  • Velson 的個人頭像 Topic Author
  • Offline
  • 管理員
  • 管理員
  • 惡搞美工亂玩網頁的五年級設計師 亂玩資歷十六年
More
2012-10-09 17:52 #23448 來自 Velson
Velson replied the topic: FaceBook Comments 語法
忘了寫 :P 已補充上去,謝謝~

UnoHat Joomla 元件、模組、外掛 開發 Email住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它

Please 登入 to join the conversation.