Mua domain tại Go Daddy với $7.49 .com!

Custom Smilies – Chèn biểu tượng cảm xúc vào WordPress


Có nhiều bạn từng hỏi Phamen về cách chèn các biểu tượng vui nhộn vào comment trên blog WordPress, hoặc làm thế nào để tự định nghĩa các biểu tượng này theo ý mình? Rất nhiều lần Phamen muốn viết một bài thật chi tiết về vấn đề này, nhưng do bận quá nên chưa viết được.Nhưng thật may, đã có một bài viết rất chi tiết về vấn đề này. Đó chính là QAD, một người Việt Nam chính cống. Trước hết, Phamen xin gửi lời cảm ơn chân thành đến QAD, người viết bài và cũng chính là tác giả của Plugin này.

Có rất nhiều cách để chèn hay cá nhân hóa các biểu tượng cảm xúc (Emoticon) hay mọi người hay gọi là biểu tượng mặt cười vào comment trên blog. Các bạn có thể làm thủ công trên các file của WordPress, nhưng điều đó sẽ rất mất thời gian và khi nâng cấp thì rất có thể nó sẽ không còn tác dụng nữa. Chính vì vậy, cách mà Phamen sẽ giới thiệu với các bạn là sử dụng một Plugin – Custom Smiles. Bài viết sau đây Phamen xin dịch lại nguyên văn bài viết gốc mà QAD viết bằng tiếng Anh để các bạn tham khảo.

Custom Smilies (trước đây có tên là Custom Smileys) là một plugin cho WordPress 2.0+. Plugin này cho phép bạn cá nhân hóa bài viết và comment của mình bằng cách sử dụng các biểu tượng mặt cười mà bạn lựa chọn, thay vì phải dùng các biểu tượng mặc đinh. Ví dụ, các biểu tượng cảm xúc của Yahoo! Messenger được sử dụng trên blog của tôi: :P:star:

Custom Smilies được chọn là một trong hơn 30 plugin cho comment của WordPresshơn 300 công cụ phục vụ cho blog WordPress. Danh sách này được kiểm soát bởi Mashable, từ ngày 24 tháng 7 năm 2007 và ngày 16 tháng 8 năm 2007.

Plugin này được giới thiệu lần đầu tiên vào năm 2005 và nó vừa được cập nhật để tương thích với WordPress 2.3.2. Phiên bản mới nhất của Custom Smilies là 1.1 (vào ngày 09-01-2008).

Bản quyền

Custom Smilies do chính tôi, QAD, viết. Xin gửi lời cảm ơn chân thành tới Mastermnd, Evolver và vô số những nhà phê bình vì những ý kiến đóng góp quý báu của họ.

Cách sử dụng

Sau khi cài đặt Custom Smilies, bạn có thể bắt đầu thêm các mặt cười của mình mình bằng cách thêm tất cả các file ảnh vào thư mục smilies của WordPress (wp-includes/images/smilies/), sau đó chuyển tới Manage > Smilies trong khu vực Admin của bạn và tùy biến kí tự nào sẽ kết hợp với biểu tượng nào. Nó dễ dàng như việc bạn đếm 1, 2, 3 thôi, tin tôi đi.

Các biểu tượng mặt cười này có thể được thêm vào bất cứ bài viết hay comment bằng cách đánh các kí tự như :D, :), : |, bạn có thể tự đặt tên cho nó. Hoặc là click vào bất cứ cái nào trong hộp công cụ trong trang viết bài của bạn.

Bạn cũng có thể thêm các biểu tượng mặt cười này vào phần comment để người xem có thể biết chính xác biểu tượng nào có thể click vào để sử dụng được trong comment. Danh sách này có thể tùy biến để phù hợp với nhu cầu của ban.

Lấy plugin này ở đâu

Bạn có thể download phiên bản mới nhất của Custom Smilies tại đây.

Cách cài đặt

  1. Download và giải nén file custom-smilies.zip; sau đó upload file init.phpcustom-smilies.php lên thư mục /wp-content/plugins/custom-smilies. Upload thư mục smilies lên thư mục /wp-includes/images.
  2. Activate Custom Smilies trong phần Plugins trong khu vực quản lý của WordPress.
  3. Thêm các biểu tượng mặt cười của bạn vào thư mục smilies (wp-includes/images/smilies/)
  4. Thay đổi các kí tự biểu cảm bằng cách vào Manage > Smilies và điền vào form này.
  5. Nếu bạn muốn thêm các biểu tượng mặt cười này xuất hiện trong phần viết comment dành cho người đọc, hãy thêm những dòng sau (ngay trước form comment) vào file comments.php của theme mà bạn sử dụng.
  1. <?php
  2. if ( function_exists(cs_print_smilies) ) {
  3. cs_print_smilies();
  4. }
  5. ?>

<?php

Để sử dụng plugin này trong các page

cs_print_smilies();
}
?>

Xin điền đoạn code trên vào wp-content/plugins/paged-comments/themes/your-theme-name/comments-paged.php để hiển thị và sử dụng những biểu tượng mặt cười này..

Xin lưu ý là bạn có thể tùy biến danh sách này bằng cách vào phần Options > Smilies.

Bạn có muốn tiếp tục “nghịch ngợm” với các biểu tượng mặt cười này? Một function có tên cs_all_smilies() đã được thêm vào, nó giúp trả về tất cả các biểu tượng mặt cười mà bạn có theo định dạng: Array (’Smilie’ => ‘Path to smilie’)

Cách nâng cấp

Phamen viết thế đủ rồi, phải để một chút làm của riêng cho tác giả nữa chứ. Các bạn hãy vào bài viết gốc của QAD để tìm hiểu nốt nhé!

Các bài viết có liên quan:

Mua domain tại Go Daddy với $7.49 .com!

Hãy theo Phamen trên Twitter!


  1. 44 Ý kiến cho bài viết này.

  2. Gravatar
  3. QAD viết:
    January 17th, 2008 lúc 4:36 pm

    Cảm ơn anh về bài dịch nhé :P

  4. Gravatar
  5. tranbinh viết:
    January 17th, 2008 lúc 8:11 pm

    Cái này cũng hay, thêm vẻ sinh động. Mà bác hướng dẫn cụ thể giúp anh em về cái Plugin ” Các bài viết liên quan” và ” Bài viết ngẫu nhiên ” của bác đi !
    Mà hình như phiên bản 2.3.2 của wordpress bị lỗi phần Feed phải không bác Hiển ?

  6. Gravatar
  7. ZuZi viết:
    January 17th, 2008 lúc 8:40 pm

    các bác giúp e với, em sử dụng bộ việt hóa wordpress và phần mềm rất hữu ích, chỉ mỗi tội phần mềm đó lại chèn thêm vào tiêu đề trang của e dòng code của phần mềm, các bác có thể chỉ em ách bỏ đi được không. thanks các bác

  8. Gravatar
  9. Phamen viết:
    January 18th, 2008 lúc 8:43 am

    To: Tranbinh,

    Cho Phamen xin lỗi. Phamen sẽ viết bài này trong vài ngày tới. Mong bạn thông cảm cho Phamen nhé! :)

    To: ZuZi,

    Xin trả lời bạn, file việt hóa chỉ cần được cấu hình tại file config.php chứ không hề can thiệp một chút nào tại file header của theme. Do vậy, lỗi đó chắc chắn ko phải là do file việt hóa gây ra. Phamen có nhớ là bạn đã thay đổi lệnh bảng mã sang UTF-8 trên file header.php đúng không?

    Phamen cho rằng bạn đã có lỗi nào đó trên file header.php. Hãy kiểm tra lại file header này so với file header gốc trước khi bạn chưa thay đổi xem có gì khác nhau không. Nếu sai chỗ nào thì sửa chỗ đó.

  10. Gravatar
  11. Construction English viết:
    January 18th, 2008 lúc 5:04 pm

    Cám ơn phamen vè một bài viết rất hữu ích và thú vị!
    Cuối tuần vui vẻ!
    ;)

  12. Gravatar
  13. Phamen viết:
    January 18th, 2008 lúc 5:44 pm

    Cảm ơn anh CE!

    Chúc anh cuối tuần vui vẻ và có nhiều traffic :)

  14. Gravatar
  15. Phi viết:
    January 20th, 2008 lúc 10:13 am

    Bài viết rất hay phân tích tốt.
    Em phải học hỏi nhiều ở anh Hiển!

  16. Gravatar
  17. Viet Nam Blogger viết:
    January 20th, 2008 lúc 8:42 pm

    Cảm ơn anh Phamen

    Chúc anh cuối tuần vui

  18. Gravatar
  19. Cong Hung viết:
    January 21st, 2008 lúc 3:30 pm

    2 plugin cua WP, la Akismet va WordPress.com Stats deu doi hi key API de kich hoat, toi dung key da dang ky blog WP. Nhung khong chiu Key nay. Nhu vay phai lay key o dau ha phamen. Thanks !

  20. Gravatar
  21. ThuThuatBlog.com viết:
    January 22nd, 2008 lúc 9:07 am

    @Cong Hung, hình như bạn là hiệp sĩ CNTT Công Hùng đúng không nhỉ?
    Key mà bạn cần nằm trên hồ sơ của bạn khi đăng ký tài khoản ở www.wordpress.com. Cái key này là duy nhất, chỉ riêng bạn, không thể tìm thấy ở chỗ nào khác và không ai chia sẻ với bạn đâu. Key bản đảm bạn có thể chuyển đổi qua lại (switch) giữa hệ thống blog ở host riêng và hệ thống blog ở WordPress.com bằng các link blog liệt kê trên hồ sơ bạn.
    Tìm lại key và khai báo lại, có lẽ lúc khai báo host của bạn gặp vấn đề nên không kết nối được với máy chủ quản lý key của WordPress.

  22. Gravatar
  23. Phamen viết:
    January 22nd, 2008 lúc 11:10 am

    To: Cong Hung,

    Key đó là key duy nhất và chỉ được dùng trên một blog. Nếu đã dùng rồi thì blog khác không dùng được nữa.

    Anh hãy tạo một tài khoản ở WP (nhưng không tạo blog), anh sẽ được WP cung cấp API key mới,hãy dùng key mới này để điền vào cho blog riêng của anh.

    Còn nếu mà vẫn không được, có thể đó chính là lỗi không kết nối tới server quản lý API Key của WordPress.

  24. Gravatar
  25. Cong Hung viết:
    January 24th, 2008 lúc 11:40 am

    Cám ơn blog thủ thuật và Phamen. Xin hỏi tiếp, để tạo ShoutBox như của viettut, để lại commnet trực tiếp, thì mình cần plugin gì ?

  26. Gravatar
  27. Phamen viết:
    January 24th, 2008 lúc 12:24 pm

    Có rất nhiều plugin để tạo Shoutbox cho WordPress. Có thể sử dụng shoutbox plugin sử dụng AJAX:
    http://blog.jalenack.com/archives/ajax-shoutbox-plugin-wordspew-auredict/
    Hoặc có thể sử dụng shoutbox của Mebo, hoặc là sử dụng shoutbox độc lập:
    http://www.shoutmix.com/main/

  28. Gravatar
  29. Cong Hung viết:
    January 24th, 2008 lúc 4:19 pm

    Cám ơn Phamen ! hiện nay mình mua host và tên miền ở chỗ nào của TPHCM là rẻ và chất lượng.

  30. Gravatar
  31. viettut viết:
    January 24th, 2008 lúc 5:14 pm

    http://wpcandy.com/custom-smilies-plugin-review/

    <<< Review Plugin Custom Smilies bên WP Candy

  32. Gravatar
  33. VM viết:
    February 29th, 2008 lúc 4:42 pm

    Tại bước 3:

    3. Thêm các biểu tượng mặt cười của bạn vào thư mục smilies (wp-includes/images/smilies/)

    Các smilies này có thể load từ đâu cho nhanh-gọn-đẹp?

  34. Gravatar
  35. Nr Lonely viết:
    March 22nd, 2008 lúc 6:38 am

    Các plugin này hiển thị comment thì OK mà hiển thị trong bài viết nó toàn chạy xuống dưới cùng :(

  36. Gravatar
  37. VietIT viết:
    March 30th, 2008 lúc 8:26 am

    @Mr Lonely, trong bài viết bạn có thể kéo thả để cái Custom Smilies trên cùng mà

    Hiện bác QAD đã ra bản Custom Smilies 1.2 rồi :D

  38. Gravatar
  39. Stone viết:
    May 29th, 2008 lúc 12:15 pm

    Anh Phamen cho em hỏi vấn đề này 1 chút:

    Trong phần Editor Theme, sau khi chỉnh sửa code trong đấy xong xuôi em mới để ý là ko có nút SAVE hoặc UPDATE nào cả, thay vào đó là dòng

    ” You need to make this file writable before you can save your changes. See the Codex[http://codex.wordpress.org/Changing_File_Permissions] for more information. ”

    “make this file writable before you can save your changes” –> cụ thể là em phải làm gì bây h ạ?

  40. Gravatar
  41. quân viết:
    August 4th, 2008 lúc 8:37 pm

    anh ơi , link down custom smilies die rồi . em ko down được , anh xem lại hộ em cái .

  42. Gravatar
  43. dragonknightmt viết:
    August 17th, 2008 lúc 7:09 am

    hay hay

  44. Gravatar
  45. Mạnh Quang viết:
    September 2nd, 2008 lúc 11:15 am

    Làm sao để kéo Custom Smile lên phần Publishe Status vậy? CS của em nó toàn tụt xuống dưới cùng, cả bộ gõ tiếng việt nữa

  46. Gravatar
  47. Phamen viết:
    September 3rd, 2008 lúc 5:35 pm

    To: Mạnh Quang,

    Phamen thấy Custom Smile và Bộ gõ tiếng Việt trên Theme của bạn như vậy là ổn rồi đấy chứ.

    Nhưng, nếu muốn cho nó đẹp hơn và theo ý của mình, tốt nên bạn nên cho nó vào các tag &ltdiv>, và nên quy định tag &ltdiv> này trong CSS thì nó sẽ hiện đẹp và đúng vị trí nhất theo ý của mình.

  48. Gravatar
  49. Mạnh Quang viết:
    September 3rd, 2008 lúc 6:07 pm

    To: Phamen

    Không, ý em là em đặt Custom Smile ở trong Darsboard, phần “write a post” và “write a page” chứ không phải Comment.Em thấy trong phần hướng dẫn cài plugin thì cái Custom Smile nằm ở cùng cột với Mục “Save” và Publish”, ở vị trí đó thì tiện hơn khi muốn cho mặt cười vào bài viết.

  50. Gravatar
  51. Phamen viết:
    September 6th, 2008 lúc 12:48 pm

    Custome Smile này được thế kế cho WP 2.3 trở xuống. Có lẽ nó không còn hợp với WP 2.5 trở lên nữa vì thiết kế trong dashboard của chúng đã thay đổi hẳn.

    Có lẽ phải chỉnh lại thiết kế của Plugin này. Bạn có thể vào nhờ QAD làm giúp vì đây là tác giả của plugin này.

  52. Gravatar
  53. Mạnh Quang viết:
    September 6th, 2008 lúc 5:54 pm

    Cam on anh nhieu

  54. Gravatar
  55. july viết:
    September 26th, 2008 lúc 7:45 pm

    Em đang tạo blog như Phamem hướng dẫn ở trang : www.mistips.info.
    EM thấy trong blog của Phamem, có 1 ico chữ “p” đi kèm khi mở bài viết trên tab của firefox ấy, em muốn hỏi cách làm như thế cho blog của mình ntn?

  56. Gravatar
  57. Phamen viết:
    September 27th, 2008 lúc 12:19 pm

    Tô; July,

    Đơn giản lắm, bạn hãy tạo một file favicon.ico và để ở root derectory của nơi mà bạn cài blog nào nó tự hiện. Với WordPress thì chỉ cần làm vậy là đủ.

  58. Gravatar
  59. quanmode viết:
    October 1st, 2008 lúc 4:21 pm

    Anh Phamem ơi, anh mới show ảnh anh lên à. Em nhìn cái gravatar của anh trông đẹp trai thế mà cho lên ảnh to có lẽ em nghĩ lại rồi! Hi hi! Blog của anh chuyên nghiệp thật, em rất hay vào blog của anh! Chúc anh sẽ có những bài viết hay hơn nữa trong tương lai! ;)

  60. Gravatar
  61. Phamen viết:
    October 5th, 2008 lúc 5:01 pm

    To: quanmode,

    Rất cảm ơn bạn :)

    Phamen chưa bao giờ đẹp trai cả. Bây giờ lại càng xấu hơn. Mong bạn đừng Phamen xấu mà quên Phamen nhé! :)

  62. Gravatar
  63. TOBU viết:
    November 17th, 2008 lúc 11:47 pm

    Link plugin đị die rồi anh phamen ơi ! Anh up lại đi ! Cảm ơn anh nhiều !

  64. Gravatar
  65. thanh viết:
    December 22nd, 2008 lúc 3:53 pm

    Hình cũng teo luôn rồi anh ơi T_T

  66. Gravatar
  67. Nga viết:
    February 8th, 2009 lúc 12:07 am

    Cách trên đâu có lấy được API key đâu chứ? Ai chỉ cho mình cách lấy lại API key với? Không có key chẳng cài được plugin gì cả?

  68. Gravatar
  69. hieudt viết:
    March 28th, 2009 lúc 6:39 pm

    Một cách khác để tùy biến smilies mà không cần dùng đến plugin, mời các bạn xem qua bài viết này: h ttp://hieudt.info/vi/wp-tutorial/customize-wordpress-smilies-without-using-plugin/

  70. Gravatar
  71. Quach viết:
    June 12th, 2009 lúc 9:28 am

    Em đang tìm cái này,Cám ơn anh phamen nhe! :P

  72. Gravatar
  73. chip viết:
    June 17th, 2009 lúc 2:31 pm

    anh phamen oi .link ko dow duoc :( .huhu

  74. Gravatar
  75. [S] viết:
    July 1st, 2009 lúc 9:15 am

    WordPress 2.8 báo lỗi khi kích hoạt:
    Plugin không được kích hoạt do một lỗi không sửa được.

    Parse error: syntax error, unexpected ‘:’, expecting ‘)’ in /htdocs/wp-content/plugins/custom-smilies/init.php on line 4

    Nội dung file init.php

    ” ‘1.gif’,
    ‘:(’ => ‘2.gif’,
    ‘;)’ => ‘3.gif’,
    ‘:D’ => ‘4.gif’,
    ‘;;)’ => ‘5.gif’,
    ‘>:D ‘6.gif’,
    ‘:-/’ => ‘7.gif’,
    ‘:x’ => ‘8.gif’,
    …..
    );

    Phamen giúp dùm mình nha. Cám ơn nhiều!

  76. Gravatar
  77. [S] viết:
    July 1st, 2009 lúc 9:19 am

    Vì trang webs bạn không hiển thị code PHP nên bạn tham khảo chi tiết tại đây
    http://tinypaste.com/352e0
    Cám ơn bạn.

  78. Gravatar
  79. onlinetv viết:
    July 26th, 2009 lúc 11:40 pm

    Watch all your favorite TV channels on http://onlinetv.co.cc

  80. Gravatar
  81. ebooktm viết:
    October 29th, 2009 lúc 5:56 pm

    Anh Phamen cap nhat link bai viet goc cua QAD cho moi nguoi xem nhe

    http://quanganhdo.com/2007/11/28/custom-smilies/

  82. Gravatar
  83. Iruka Minato viết:
    November 15th, 2009 lúc 11:26 am

    Sao mình cài xong bấm vào chữ commment ko đc nhỉ.?
    Nó ko ra trang đó nữa.

  84. Gravatar
  85. quy viết:
    May 13th, 2011 lúc 5:54 pm

    Híc! Cái blog wordpress của tui tiếng vệt. Tìm hoài mà hổng có phần tương ứng với wpcontent/plugin… Anh giúp tui với!

  86. Gravatar
  87. quy viết:
    May 13th, 2011 lúc 5:58 pm

    Tóm tắt tình hình đầy đủ: Cái blog wordpress của tui tiếng việt. Cố gắng chuyển qua tiếng Anh mà được có tí xíu. Tui đã tải được cái file nén chứa mấy file để up lên của bạn. Mà tải về rồi thì không biết up lên chỗ nào. Mấy cái tên tiếng anh như wp content/plugin… tui tìm không ra. Ai biết chỗ nào tương ứng của tiếng Việt thì chỉ dùm tui với! Thank trước nha!

  88. Gravatar
  89. Magjcian viết:
    May 17th, 2012 lúc 12:43 am

    Có vẻ link download Plugin bị lỗi rồi, anh phamen up lại được không ^^.

Bạn có Ý kiến gì không?

*
Để chứng minh bạn là người (chứ không phải là một script để spam tự động), hãy điền những chữ hiển thị ở hình bên dưới. Click vào đây để tạo một dòng chữ mới.
Click để nghe đọc về từ chống spam này