WP Smiley

Tháng Mười Một 14th, 2009

Sự cố nhỏ với Wp Smiley 1.4.1

screenshot_2.pngWordPress không hỗ trợ tùy chỉnh smilies :-| , các plugin dùng để tùy chỉnh smilies cho wp cũng khá nhiều, nhưng mình chưa thấy cái nào hoàn thiện cả. Không dùng đc smilies của yahoo vì nó có chứa các ký tự đặc biệt như “,\,<,>,’ :-| Cũng có những plugin, hỗ trợ các smilies của yahoo nhưng lại không cho phép tùy chỉnh các smilies khác…

Mình viết plugin này với khẩu hiệu “Define smilies as your way” :"&GT; Bạn có thể định nghĩa 1 smilies bằng bất kỳ ký tự nào :d . Bạn có thể dùng nhiều định nghĩa cho 1 smiley vì dụ “:)” “:-)” sẽ cùng đc thay bằng :-) Và chỉ cần 1 phát click chuột để định nghĩa tất cả các smilies của yahoo…

screenshot_1.png

screenshot_3.png

Bạn có thể tải plugin này tại http://wordpress.org/extend/plugins/wp-smiley/

Cài đặt và sử dụng:

Cài đặt:

1. Sau khi tải plugin về, bạn giải nén và upload lên thư mục wp-content/plugins
2. Kích hoạt plugin.
3. Upload smilies vào thư mục wp-includes/images/smilies
4. Vào Cài đặt -> WP Smiley để định nghĩa cách thay thế cho từng smiley

Sử dụng:

Để sử dụng 1 phát click chuột định nghĩa tất cả các smilies của yahoo thì bạn hãy upload toàn bộ các smilies trong thư mục ym-emoticons vào thư mục wp-includes/images/smilies, vào Cài đặt -> WP Smiley và click vào Quick define smiley for yahoo \\:d/

Tùy chọn Add one definition cho phép bạn thêm vào 1 cột định nghĩa mới cho các smilies, và tùy chọn Remove one definition được dùng để bỏ đi 1 cột định nghĩa cuối cùng

Tùy chọn Display cho phép bạn chọn các smilies đc hiển thị trên comment form, các smilies cách nhau bởi khoảng trắng, nếu bỏ trống tùy chọn này thì sẽ hiển thị tất cả các smilies đã được định nghĩa.

Tùy chọn Not case-sensitive cho phép không phân biệt chữ cái viết hoa hay viết thường trong smile, khi đó “:D” và “:d” sẽ cùng được thay thế bằng :d

Tùy chọn Convert postConvert comment sẽ chuyển đổi các smilies bằng hàm riêng, với tùy chọn này bạn có thể viết liền các smile :d :-) :d :-) còn nếu dùng mặc định của wordpress thì khi không có khoảng cách giữa các ký tự định nghĩa smilies thì nó sẽ không đc chuyển đổi thành 1 smile

Tùy chọn Add smilies to comment form sẽ tự động thêm các smilies vào comment form.

Gỡ bỏ plugin:

Tùy chọn Uninstall this plugin sẽ cho phép bạn gỡ bỏ plugin này. Toàn bộ thông tin lưu về các smilies sẽ bị mất.

Các phiên bản:
1.0 [12/11/2009]: Lần đầu ra mắt.
1.1 [14/11/2009]: Sửa lỗi không convert các smilies có chứa ” và ‘ khi bạn sử dụng tính năng convert mặc định của wordpress. Thêm phần cài đặt comment form id(vì 1 vài theme để comment form id khác bình thường).
1.2 [15/11/2009]: Sửa lỗi không convert smilies có chứa đồng thời ” và > hoặc < khi bạn dùng tính năng convert của plugin này.
1.3 [18/11/2009]: Bỏ vợi 1 số thứ không cần thiết để plugin chạy nhanh hơn :"&GT;
1.4 [25/01/2010]: Thay đổi cách hiển thị smiley ở khung comment, thêm tag nosmiley cho những đoạn văn bản không muốn chuyển thành smiley như mã nguồn chẳng hạn, còn một hai cái linh tinh nữa cũng chả quan trọng lắm :"&GT;
1.4.1 [08/05/2010]: Sửa lỗi khi dùng nosmiley tag trên nhiều dòng, và không convert smile ở comment của theme thesis khi dùng tính năng convert của plugin. (Khi cập nhật phiên bản 1.4.1 của Wp Smiley thì có chút lỗi nho nhỏ, xem cách khắc phục tại đây)

Một vài lưu ý:

1. Mình khuyến cáo các bạn nên dùng đồng thời cả chức năng convert của wordpress và của plugin.

2. Bạn không thể sử dụng tính năng convert mặc định của wordpress khi đang bật tùy chọn sử dụng nosmiley tag
Donate for WP Smiley


Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • email
  1. Tháng Mười Một 14th, 2009 at 16:00
    Reply | Quote | #1
    VIET NAM Mozilla Firefox 3.0.15 Windows 7

    Thật ra, tớ thấy việc tạo nhiều định nghĩa cho 1 emo là ko cần thiết :

  2. Tháng Mười Một 14th, 2009 at 19:40
    Reply | Quote | #2
    VIET NAM Internet Explorer 7.0 Windows XP
    Tất nhiên là không cần thiết nếu cậu chọn 1 cái trong danh sách và click, còn với những người mà quen gõ ký tự để thay thế rồi thì lại là điều cần thiết :d
    Mrs Think too much
    Tháng Mười Hai 22nd, 2009 22:10
    Reply | Quote | #3
    UNITED KINGDOM Mozilla Firefox 3.5.6 Windows Vista
    Hi, I would like to have the same button we have on the dashboard for the comments, is that possible? Or at least like you have here with the more>> link, can you tell us how to do it? :-)
    As
    Tháng Mười Hai 24th, 2009 20:54
    Reply | Quote | #4
    VIET NAM Internet Explorer 7.0 Windows XP

    Thank for your suggestions :-) . At the moment I am busy with semester tests. I can make some changes to it after exams :k when I might have more free time :"&GT; .

  3. Phi Tùng
    Tháng Mười Một 15th, 2009 at 00:54
    Reply | Quote | #5
    VIET NAM Mozilla Firefox 3.5.5 Windows 7

    Mình test thử mấy cái smile nhé :d \\:d/ :-&QUOT; b-) :d &GT;:)

    Góp ý thêm 1 chút: bạn có thể làm một nút “more” khi cho hiện ở phần comment nữa ko? như custom-smile í. Để nhiều smile 1 lúc như thế này trông không đẹp lắm ^^

    Plugin hay lắm, giải quyết được mấy cái smile có ký tự lạ. Mình tìm mãi, hê hê

  4. Phi Tùng
    Tháng Mười Một 15th, 2009 at 01:01
    Reply | Quote | #6
    VIET NAM Mozilla Firefox 3.5.5 Windows 7

    @commentauthor-927,
    Sorry mình chưa check kỹ, hóa ra là đã có rồi :"&GT;

  5. Tháng Mười Một 16th, 2009 at 22:08
    Reply | Quote | #7
    VIET NAM Mozilla Firefox 3.0.15 Windows 7

    @commentauthor-926,
    Nếu quá nhiều định nghĩa thì khi “định nghĩa” cũng hơi mệt đấy :d

  6. Tháng Mười Một 16th, 2009 at 22:09
    Reply | Quote | #8
    VIET NAM Mozilla Firefox 3.0.15 Windows 7

    Mà đã có ai donate chưa? Để tớ mở hàng ;;)

  7. Tháng Mười Một 17th, 2009 at 07:58
    Reply | Quote | #9
    VIET NAM Internet Explorer 7.0 Windows XP

    @Huken, định nghĩa mệt á :-? , tất cả các yahoo emoticons đã được định nghĩa sẵn rồi mà :t . Chỉ phải định nghĩa thêm những smile mình cần :"&GT; , cái này có cần nhiều định nghĩa hay không là do sở thích của người dùng :-) , plugin này không “bắt buộc” phải dùng nhiều định nghĩa cho 1 smile :d

    @Huken, ờ được đấy :"&GT; mở hàng đi :"&GT; :-&QUOT;

  8. Tháng Mười Một 17th, 2009 at 13:36

    Chưa thấy có chức năng donate :w Mà cậu nên bổ sung thêm mấy bộ emo nữa vào chức năng “1 cú click” ấy :-X Thế dân tình nó mới kết :))

  9. Tháng Mười Một 17th, 2009 at 13:43
    À, cho tớ đặt cái link liên kết nhá :0 Huken’s blog \\M/
    As
    Tháng Mười Một 17th, 2009 16:27
    Okie, liên kết nha, đặt cho tớ 1 cái nữa :"&GT;
    Tháng Mười Một 19th, 2009 22:22

    Vừa copy bài này của cậu sang Blog của tớ, PR rất nhiệt tình đấy :-X

  10. Tháng Mười Một 19th, 2009 at 22:06
    Tớ xin đc cái host bên Misao’s Blog đấy :d ! Cậu sang đấy xem có “cá kiếm” đc cái j ko? ;))
    As
    Tháng Mười Một 20th, 2009 10:57

    Thôi, host đã mua mất tiền thì cứ xài :d xin xỏ nữa làm gì :d

  11. [...] As247′s Blog. 0Cảm ơnCác bài viết liên quan Lời giới thiệu của [...]

  12. Tháng Mười Một 25th, 2009 at 09:47
    Mình rất thích plugin này của cậu đấy :d mới làm bài review cho plugin này xong. Nhưng mà bản 1.3 í, nếu ấn nút more thì không hiện thêm smile :-? tớ test thử trên 2 host thì thấy thế. Có j fix nha :d blog tớ đang dùng lại bản 1.2 ;-)
    As
    Tháng Mười Một 25th, 2009 12:51
    Chắc cậu cài đúng lúc đang update nên thế :d cài lại bản 1.3 nhé ;-) tớ cũng đang dùng 1.3 đây :d
    Tháng Mười Một 25th, 2009 13:04

    up lại lên WordPress.org chưa thế, hic. Tớ vừa down lại nhưng không được.

  13. Tháng Mười Một 25th, 2009 at 13:31

    @Phi Tùng,
    Sax,, up lại lâu rồi, sửa đổi có 1 tí hôm tối ngày 19 :-|

  14. Tháng Mười Một 25th, 2009 at 16:39
    Lạ nhỉ, sao vẫn không được :s tớ vừa down lại rồi và chỉ up file smilies4wp.php lên host thôi :-? nhưng ấn “more” vẫn không hiện ra gì cả, hic.
    As
    Tháng Mười Một 25th, 2009 18:50
    Sax, xóa hết đi up lại toàn bộ đi :k , gì mà tiết kiệm thế, nhà dùng net theo dung lượng à :-| Cậu up thế thì thiếu mất file click.js ở trong thư mục tinymce roài :t nó chả không được @@
    Tháng Mười Một 25th, 2009 23:19

    Có phải tớ tiết kiệm đâu, tớ cứ tưởng tinymce là cái thêm vào khung soạn thảo nên bỏ qua :-p ok check lại ngay đây ;-) thanks nhé :d hè hè

  15. Tháng Mười Một 27th, 2009 at 13:08
    Plugin này hay đấy, bác cũng chơi Võ Lâm àh, có vài smile của Vl cũng hay thật.
    As
    Tháng Mười Một 27th, 2009 20:03
    :"&GT; Em có full cả bộ cơ =) nhưng chỉ định nghĩa có mấy cái thế thôi ;))
    Tháng Mười Một 27th, 2009 21:59

    Các bác thích chơi game online nhỉ :-) em thì chơi mỗi gunbound và đột kích. Không biết bao giờ Việt nam mới nhập về quả DragonBall online nhỉ ;;) em xem mấy cái trailer bên nước ngoài, thích mê, hê hê.

    DragonBall – 1 thời để nhớ &LT;:-P

  16. Tháng Mười Một 30th, 2009 at 13:52

    Phải là Quickly chứ bác, ko mấy bác nước ngời dùng plugin của bác họ nói đấy :d

    Plugin hay ra phết :d

  17. Tháng Mười Hai 3rd, 2009 at 22:05

    [...] 7. WP-Smiley define smilies as your way. It has a 5 star rating and was downloaded 678 times. [...]

  18. Tháng Một 8th, 2010 at 01:47

    hey man, thanks for this great stuff. keep going :-BD
    5 stars for this stuff (*) (*) (*) (*) (*)

  19. Tháng Một 18th, 2010 at 13:28
    bạn dùng Plugin gì mà hiện được bảng Emotion dưới dạng 1 button vậy? mình thik cách thể hiện này hơn là đưa ra 1 list các emotion bên dưới khung comment của Wp Smile hiện thời…nó phải load lên hết các hình nên đôi khi làm chậm tốc độ load trang !
    As
    Tháng Một 18th, 2010 13:31

    À ờ, cái WP Smiley đó, mình còn đang hoàn thiện, lúc nào xong sẽ up lên :d . Còn đang nghĩ xem cần thêm tính năng gì nữa bổ sung nốt :-)

  20. Tháng Một 20th, 2010 at 01:21
    bạn ơi, mình thấy bạn nên fix lỗi này: mình thường hay post mấy cái code html+javascript lên blog nhưng mà thường bị WpSmile hiểu nhầm vài đoạn và thay bằng hình mặt cười hết VD: …display :-) clear :b oth … bạn fix lại nhé, theo mình chỉ nên nhận dạng kí tự biểu cảm khi có khoảng trắng 2 bên thôi .VD: ” :-) ” thì thay thế, còn ” :-) ” thì không nên
    As
    Tháng Một 24th, 2010 15:56

    Thứ nhất: HTML+JS không có đoạn nào bị trùng với smilies của yahoo cả :d
    Thứ 2: nếu bạn muốn phải dùng khoảng trống giữa các smilies với text thì bỏ cái tùy chọn convert của plugin đi và dùng wordpress default convert :-)

  21. BlackCherry
    Tháng Ba 6th, 2010 at 00:33
    Good plugin! Is there a way to change the place where the Smiley button appears? It’s now somewhere under the comment box and i don’t like that.
    As
    Tháng Ba 7th, 2010 20:45

    Hi BlackCherry. Uncheck option Add smilies to comment form. Open your theme(maybe comment.php ;-) ) and paste following code

    <?php if(function_exists(‘s4w_comment_form’))s4w_comment_form();?>

    any where you want to Smiley button appears :-)

  22. BlackCherry
    Tháng Ba 8th, 2010 at 07:32
    Thanks, but it doesn’t appear then @@
    As
    Tháng Ba 8th, 2010 15:26

    Please recheck, the single quote does not display correct. The best you should copy it from Setting page, and make sure that you unchecked option “Add smilies to comment form”

  23. Duong
    Tháng Ba 16th, 2010 at 15:03

    Anh ơi cho em hỏi, em muốn đặt smiley button lên trước khung soạn comment (giống như vị trí button trong đây ấy^^) thì em phải chèn đoạn code vào chỗ nào trong comment.php vậy anh :d

  24. Tháng Ba 19th, 2010 at 06:42

    [...] [...]

  25. Skuska
    Tháng Ba 29th, 2010 at 06:04

    THX :0

  26. Tháng Ba 31st, 2010 at 14:32

    Hay quá cám ơn bạn nhe, mấy bữa nay tìm kím cái này mà hok có , gặp cái này ko ngờ do người vn làm :d

  27. Tháng Ba 31st, 2010 at 20:02
    Sẵn tiện cho tui hỏi bạn xài plugin nào để có chức năng Quote comment và mấy cái tag (B, I,…) cho khung comment vậy? Tui kím hoài ko bít xài cái gì :d . Cám ơn nha!
    As
    Tháng Tư 1st, 2010 00:57

    À cái này ở trong theme bạn ạ :-)

  28. Duong
    Tháng Tư 4th, 2010 at 16:54
    anh >_< sao không trả lời cho em vậy anh :-(
    As
    Tháng Tư 4th, 2010 17:04

    Anh trả lời cho BlackCherry ở trên rồi mà, đúng câu hỏi của em đó :-) nếu ko hiểu thì anh trả lời lại vậy:
    Em bỏ tùy chọn “Add smilies to comment form” Và copy mã ở ô bên cạnh ấy, rồi mở theme của em ra, paste vào. Thế nhé :d
    P/s: Đăng ký lấy 1 cái gmail rồi điền email cho tử tế nhá, ko chấp nhận cái abc@gmail.com đâu

  29. K.D.
    Tháng Tư 16th, 2010 at 18:28

    bạn yêu ơi, mình muốn chèn các icon [B] [I] giống như bạn thì phải chèn mã gì và chèn ở đâu vậy bạn.
    bạn có thể chỉ rõ giùm mình không?
    cám ơn bạn rất nhiều :"&GT;

  30. Tháng Tư 25th, 2010 at 00:12
    bác cho em hỏi chút. Trước dùng bản 1.3 thì em thấy rất nuột. update lên bản 1.4 thì thấy emo không hiển thị ở comment nữa. dưới khung comment chỉ xuât hiện hình đại diện. edit lại sao bác nhỉ?
    As
    Tháng Tư 25th, 2010 00:18
    Bản 1.4 thay đổi cách hiển thị smilies ở comment form :d Cái hình đó click vào nó hiện ra bảng để chọn smiley mà :d
    Tháng Tư 25th, 2010 02:02

    đó là 1 vấn đề bác à.
    Có thể show hết ra như bản 1.3 được không bác, em thấy thế tiện hơn khi chọn emo.
    vấn đề thứ 2: ở comment không hiện emo, mà ở dưới bảng vẫn hiện.

  31. Tháng Tư 25th, 2010 at 09:50
    @nghiadoi, Mình thấy nhiều người thích smiley button, với lại thấy nó cũng gọn và đẹp hơn smiley list nên mới ra bản đó, còn nếu bạn không thích thì có thể dùng bản 1.3 :-)
    Tháng Tư 25th, 2010 10:00
    hì bác…vấn đề là emo ở comment không hiện. em đang dùng lại bản 1.3 mà nó vẫn không hiện. đã check dòng Convert comment. Là sao bác nhỉ @@
    As
    Tháng Tư 25th, 2010 10:19

    à là lỗi convert à, bạn thử kiểm tra lại định nghĩa cho các smilies đi nhé :-)

  32. Tháng Tư 25th, 2010 at 15:35
    đã kiểm tra lại định nghĩa, thì bên dưới mới hiển thị được đó chứ bác. Nhưng trong comment thì không…bác qua xem thấy như đó. giờ làm sao nhỉ bác !
    As
    Tháng Tư 25th, 2010 21:42
    Bạn kiểm tra các plugin đang dùng xem có bị xung đột với cái nào không.
    Tháng Tư 27th, 2010 21:49

    lạ quá bác à…
    em tắt hết các plugin chỉ còn wp smiley và askimet thôi,,,,
    và update lên bản 1.4 luôn.
    mà nó chỉ hiện ở dưới, chứ trong phần comment thì không thấy hiện được !
    bác thử ngâm cứu chữa dùm em được không?

  33. ghost_boy1412
    Tháng Tư 27th, 2010 at 11:05
    :-( làm sao để kái smile nó nằm trên phần comment giống của bạn nhỉ??mìh làm nó toàn ở dưới.nhìn xấu quá ~X( rùi mìh ko có chức năng “mở rộng” or “thu nhỏ” smile nữa :O3
    As
    Tháng Tư 27th, 2010 18:13

    Câu hỏi thứ nhất: Mình trả lời ở trên rồi, bạn xem lại nhé
    Câu hỏi thứ hai: Bạn điền các smilies mà bạn muốn nó hiển thị ở dạng thu gọn vào ô Display, các smilies cách nhau bởi dấu cách

  34. Tháng Tư 28th, 2010 at 12:37

    @nghiadoi,
    Send code của bạn qua đây mình check thử xem :k

  35. ghost_boy1412
    Tháng Tư 28th, 2010 at 19:49

    mình đã add code dể smile lên trên rồi but nó bị vậy nè bạn @@
    http://lh4.ggpht.com/_MsmmMPzJWio/S9cft4V1wlI/AAAAAAAAAF8/0C4I81zogcw/Capture.JPG

  36. Tháng Tư 28th, 2010 at 20:36
    À, cái này thì chỉnh lại css :d
    ghost_boy1412
    Tháng Tư 29th, 2010 07:29
    chỉnh sao vậy bạn.chỉnh lại file style.css trong theme ah?? :-?
    As
    Tháng Tư 29th, 2010 09:14

    Bạn đặt cái z-index của cái s4w-smilies-content lớn hơn cái z-index của cái comment form hoặc sửa lại position củas4w-smilies-content thành relative (position:relative; ) nhá

  37. ghost_boy1412
    Tháng Tư 29th, 2010 at 12:41
    @As, :-( mình sửa kái position ở .s4w-smilies-content lại rùi.but nó vẫn vậy Còn kái z-index đó ở đâu vậy bạn??mình sừa lại sao?? 8-| bạn thông cảm.mình mới làm web lần đầu mà
    As
    Tháng Năm 3rd, 2010 18:28

    css thì mình không biết nhiều lắm, bạn thử tìm đọc về position của css xem. Cái z-index bạn tự thêm vào, thử thế này xem

    .s4w-smilies-content{position:absolute;z-index:999;…;}

  38. ghost_boy1412
    Tháng Tư 30th, 2010 at 15:26
    cho mình hỏi kái nữa là sao comment của mem thì co biểu tượng smile còn of admin thì ko có vậy?? :-(
    As
    Tháng Năm 3rd, 2010 18:30

    Kiểm tra các plugin khác xem có bị xung đột với cái nào không :-&GT; Chứ mình vẫn đang xài đây, có sao đâu nhỉ :-??

  39. ha
    Tháng Năm 9th, 2010 at 13:09
    Cảm ơn plugin của bạn. Mình xài 1.4 thấy bình thường, nhưng hôm nay update lên 1.4.1 thì khi add post trong cửa sổ tinyMCE không có cái nút để insert smiley nữa. Phần comment thì có nhưng click vào nó không có pop-up. Bạn kiểm tra giúp mình nhé
    As
    Tháng Năm 9th, 2010 14:14
    Bạn xóa bản 1.4.1 đi cài lại nhá :d
    ha
    Tháng Năm 10th, 2010 14:40

    Mình xóa rồi cài lại thì phần comment đã được, còn phần admin post vẫn không có cái nút hình mặt cười khi click vào sẽ popup. @@

  40. Tháng Năm 29th, 2010 at 10:25
    Tớ dùng 2 cái smile plugin lận. :-( dùng thế để bổ sung cho nhau. Một số emotion của tớ nó không hiện lên ví dụ như emotion :-&QUOT; , :-ss thì thỉnh thoảng hiện lên ở phần comment còn bài viết thì thành :-s s. Cái plugin này có bị những lỗi như thế không nhỉ :s
    As
    Tháng Năm 30th, 2010 17:45

    Lỗi hay không thì dùng thử rồi biết :"&GT; Chứ mình cũng chỉ test trên blog của mình thôi, thấy chạy ok mà :d