如何放置funp推文按鈕在WordPress的文章右上方

似乎很多網站都這麼做,把funp推文按鈕放在文章左上角,推文章好像還蠻方便的,我就研究了一下,方法如下

首先來到funp的推文按鈕產生器,接著以

<? php the_permalink() ?>

來產生推文按鈕,選擇”多個推文按鈕”

funp推文按鈕步驟1

funp推文按鈕步驟1

接著把下面放在<head>的程式碼:

<script language=”JavaScript” src=”http://funp.com/tools/js/funp_button.js”></script>

複製後貼到佈景主題編輯器的header.php的如下圖所示的位置上,完成修改後記得按更新檔案

funp推文按鈕步驟2

funp推文按鈕步驟2

接著把上面欄位裡的程式碼:

<script>funp_genButton(‘<? php the_permalink() ?>’, 1);</script>

貼到如下圖所示在index.php的位置

為了讓它能夠靠右邊,我做了一點修改,在外面加上往右浮動的div,因此你也可以這樣寫,就可以得到靠右對齊的效果

<div style=”float: right;”><script>funp_genButton(‘<?php the_permalink() ?>’, 1);</script></div>

修改完成後一樣按更新檔案

funp推文按鈕步驟3

funp推文按鈕步驟3

接著我們再把上面同樣的程式碼貼到single.php如下圖所示的位置上

funp推文按鈕步驟4

funp推文按鈕步驟4

修改完成後一樣按更新檔案,就大工告成了

如果你跟我用一樣的佈景應該不會有什麼問題,如果不是的話,那就得自行找出正確的插入位置囉

This entry was posted in 中文文章, 分享 and tagged , , , , , . Bookmark the permalink.

Comments are closed.