[前台互動] WP-Imgcode 留言驗證

冰漾 · 09:22 PM

外掛名稱：WP-Imgcode
　　下載：wp-imgcode.zip
　　功能：預防span
　　演示：http://blog.daydream.idv.tw
補充教學：
1. 下載wp-imgcode.zip後解壓縮到 WordPress 的 /wp-content/plugins/ 目錄中。然後在 WordPress 後台啟用該插件。注意：要整個wp-imgcode放到目錄裡頭!!

2. 接下來修改當前使用主題的評論模版（comments.php），將

代碼:

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="5"></textarea></p>

<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>

<?php do_action('comment_form', $post->ID); ?>

</form>

改為

代碼:

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="5"></textarea></p>

<?php do_action('comment_form', $post->ID); ?>

<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>

</form>

也就是修改 do_action 代碼的位置。儲存後，啟用插件、更新頁面就能看到驗證碼了。

3. 修改程式產生的圖形：
　a. 下載：GDFontGenerator.zip (205KB)
　b. WP-Imgcode程式修改：

引用:

imgcode.php：
35行：$number_len = 4;
- > 『4』是驗證碼產生字數

36行：$stuff = '01234567890123456789‘;
- > 『01234567890123456789』是驗證碼產生內容, 程式會隨機從這個字串裡頭抓幾個字出來, 如果加上英文字, 那驗證碼也會出現英文字…

45行：15 * 60
- > 『15』是指驗證碼有效時間15分鐘, 改成20就是20分鐘, 依此類推

52行：0×66, 0×66, 0×66
- > 『0×66, 0×66, 0×66』是指驗證碼輸出圖片底色, 以#123456為例, 則將上述部份修改為0×12, 0×34, 0×56即可

52行：0xff, 0xff, 0xff
- > 『0xff, 0xff, 0xff』是指驗證碼輸出圖片字體顏色, 以#123456為例, 則將上述部份修改為0×12, 0×34, 0×56即可

55行：$ix = 5;
- > 『5』是指驗證碼輸出圖片中, 字的位置在X軸5像素的地方

56行：$iy = 2;
- > 『2』是指驗證碼輸出圖片中, 字的位置在Y軸2像素的地方

wp-imgcode.php：
27行~31行：驗證碼輸出圖片、輸入框格的排版…
37行：『Error: please enter a valid imgcode.』
- > 內容譯為：『錯誤：請輸入正確的驗證碼!!』

ps. WP-Imgcode有Trackback的問題, 詳情請看這裡

Winniman · 2007-10-06, 10:11 AM

WordPress 2.3 的 comments.php 似乎不太一樣
找不到地方修改？

冰漾 · 2007-10-06, 01:49 PM

引用:

作者: Winniman

WordPress 2.3 的 comments.php 似乎不太一樣
找不到地方修改？

重點只在於把這句：

PHP 代碼:


			
<?php do_action('comment_form', $post->ID); ?>

往上移到『Submit』按鈕前面而已。

Winniman · 2007-10-08, 11:47 AM

我完全按照說明修改啟用後，驗證碼的圖案無法顯示，我發現這個 Plug-in 並不包含驗證碼的圖檔，這樣正確嗎？

還是因為我沒有做這個動作> a. 下載：GDFontGenerator.zip (205KB)
這個檔案下載解壓縮之後是一個 .exe 檔，這是要放在那？也是放進 wp-imgcode 目錄裡頭嗎？

謝謝！

冰漾 · 2007-10-09, 01:34 AM

引用:

作者: Winniman

我完全按照說明修改啟用後，驗證碼的圖案無法顯示，我發現這個 Plug-in 並不包含驗證碼的圖檔，這樣正確嗎？

還是因為我沒有做這個動作> a. 下載：GDFontGenerator.zip (205KB)
這個檔案下載解壓縮之後是一個 .exe 檔，這是要放在那？也是放進 wp-imgcode 目錄裡頭嗎？

謝謝！

呃...
GDFontGenerator.zip 是 GD Font Generator 意思是 GD 字型產生器用來修改驗證圖示的字型，是拿來修改 sketchey.gdf 的。

另外，exe 是 Windows 底下的執行檔，並不是網頁程式，丟到網頁空間頂多只能讓瀏覽者下載罷了。

至於 imgcode 能不能在 2.3 底下正常運作，我有空再來測測看。