Skip to content

簡陋裝修 ClickComments

pigazine 剛剛介紹 了一個叫 ClickComments 的服務,是用來讓你可以「一 click 灌水」,十分有趣。其站上有提供 WordPress Plugin 可以很簡單就安裝得到,它會在每篇文章的尾加入一些 Javascript 的代碼。不過如果想用 CSS 改動那個 Widget 的樣子則比較難,因為它會插入一個 iframe :( ,極其量只可以控制「外觀」,亦因此要改一改 Plugin 的代碼,加上 CSS class 好控制:

將 ClickComments_wpPlugin.php 裏的這一句


$content = $content . '<p><script type="text/javascript" src="http://www.postreach.com/ccengine/display_iframe?perlink=' . $perlink . '&title=' . $strTitle . '&url=' . $blogURL . '"></script></p>';

改成


$content = $content . '<div class="postreachclickcomments"><script type="text/javascript" src="http://www.postreach.com/ccengine/display_iframe?perlink=' . $perlink . '&title=' . $strTitle . '&url=' . $blogURL . '"></script></div>';

然後就用 postreachclickcomments 這個 css class 去控制「外觀」,如本站現時是:


 .postreachclickcomments{
	text-align:right;
 }
 .postreachclickcomments iframe{
	border: 5px solid #ccc;
	text-align: right;
	background-color: #eee;
	padding: 5px;
	width:240px;
 }

希望他日會有更好的方法吧… 而不是只是 iframe…

Jacky10 Jun 07 1:01 am 寫關於網絡

Tags: , [ 永久連結 | 引用 | 回應 RSS ]

2 個留言

  1. 嘩! 真複雜~ _
    click comments default 的外觀在我那邊的感覺還可以, 所以沒想過要再做甚麼改動.
    當然, 亦不太懂去改~ :p

  2. 謝謝你介紹我們的ClickComments服務和寶貴的建議。我們剛剛改正了ClickComments_wpPlugin.php。謝謝你!

    我們選擇用iframe是因為3-party javascript的原因。謝謝你們的支持! 我們會繼續努力!

發表回應