WordPress Gravatar Plugin

91
3109

Đây là plugin dành cho WordPress. Plugin này sẽ tạo ra một tag có tên là gravatar để khi đặt trong một vòng lặp, nó sẽ trả về URL của Gravatar từ email của người viết comment.

Download

Sau khi download, hãy giải nén plugin này trên máy tính của bạn để sẵn sàng cài đặt

Cài đặt

1. Upload toàn bộ folder chứa plugin này lên wp-content/plugins trên webhost của blog.

2. Active plugin này trong phần Plugins.

Sử dụng

Sau khi active xong, hãy mở file comments.php trong theme mà bạn đang sử dụng ra. Bạn có thể edit lại file comment.php từ sau dòng chữ chú thích “<!– You can start editing here. –>”.

Nếu muốn Gravatar hiển thị như của Phamen thì thêm câu lệnh

<img src=”<?php gravatar(); ?>” alt=”Gravatar” />

Vào trong đoạn code này

<?php foreach ($comments as $comment) : ?>

<li class=”comment <?php echo $oddcomment; ?>” id=”comment-<?php comment_ID();$ix++; ?>”><img src=”<?php gravatar(); ?>” alt=”Gravatar” /><a href=”#comment-<?php comment_ID(); ?>

Xong xuôi, bạn nhớ save những gì đã làm lại nhé!

Ok, vậy là xong rồi, vậy là những người viết comment có thể hiển thị Gravatar trên blog của bạn rồi đấy.

91 BÌNH LUẬN

  1. Duong Van Cuong

    em đã thực hiện giống như anh phamen chỉ
    nhưng đến bước tìm đoạn code để chèn thì không có đoạn nào giống:
    <li class=”comment ” id=”comment-”><a href=”#comment-
    nó hơi khác một chút.
    em đã thử nhưng chẳng thấy gravatar hiện lên.
    chỉ xuất hiện một hình ảnh đã mất nguồn và có dấu x màu đỏ ở giữa và chữ “Gravatar”.Anh có thể giúp em tìm hiểu nguyên nhân tại sao không?
    thanks

  2. Đúng là mỗi theme một khác vì mỗi nhà thiết kế sự dụng kiểu định nghĩa và từ ngữ khác nhau trong CSS.

    Nếu bạn đặt ko hợp lý, lệnh gọi gravatar có thể không hiển thị.

    Hãy cho Phamen biết bạn đang sử dụng theme gì thì Phamen mới giúp được.

  3. Duong Van Cuong

    Em đang sử dung theme:seashore-10
    anh làm ơn giúp em.
    thanks

  4. Có phải cái theme mà bạn dùng là theme này không: SeaShore 1.0

    Nếu đúng, bạn hãy mở file comment.php của theme này ra, tìm đoạn code sau và chèn vào dòng code như chữ bôi đen ở dưới:

    <li id=”comment-<?php comment_ID() ?>” class=”<?php echo $oddcomment; /* Style differently if comment author is blog author */ if ($comment->comment_author_email == get_the_author_email()) { echo ‘ authorcomment’; } ?>”>
    <div style=”float: left; margin: 5px”><img src=”<?php gravatar(“R”, 60); ?>” alt=”Gravatar” /></div>
    <div class=”cmtinfo”><small class=”commentmetadata”><a href=”#comment-<?php comment_ID() ?>” title=””>#</a> </small><cite><?php comment_author_link() ?></cite><em>on <?php comment_date(‘d M Y’) ?> at <?php comment_time() ?> <?php edit_comment_link(‘edit this’,”,”); ?></em></div>
    <?php if ($comment->comment_approved == ‘0’) : ?>
    <em>Your comment is awaiting moderation.</em>
    <?php endif; ?>
    <?php comment_text() ?>
    </li>

    Giải thích về đoạn code mà Phamen dùng:
    <div style=”float: left; margin: 5px”><img src=”<?php gravatar(“R”, 60); ?>” alt=”Gravatar” /></div>

    – Float: left – Căn lề cho ảnh nằm bên trái. Nếu bạn muốn hiển thị bên phải như của Phamen thì đặt thành “right”.
    – Margin: 5px – Chỉnh cho ảnh cách lề 4 xung quanh là 5 px. Nếu thích bạn có thể tăng hoặc giảm.
    – Con số 60: là size của ảnh, nếu thích bạn có thể tăng lên là 80, 100, 120.
    – Alt=”Gravatar”: đây là câu lệnh khi ảnh không hiển thị thì chữ này sẽ thay thế. Bạn có thể thay là bất kì gì.

    Hi vọng bạn thành công!

  5. Bị từ lâu rồi Viettut à, mỗi ngày ít cũng phải 10 spam comment của bọn nước ngoài, nhưng bị chặn hết. Đây là một trong số ít oi bị lọt.

  6. Em bị như thế này, sửa thế nào ạ ?
    http://hbnok.vnno1.com/untitled.JPG
    (mũi tên số 1) nó có khoảng cách giữa tên và bài viết và hình ảnh không ở ngang tên như blog phamen.
    (mũi tên số 2) khi duyệt trong firefox nó bị như vậy, còn trong IE thì nó thẳng đều bên phải. Hướng dẫn em cách sửa cho firefox hiển thị đúng nhé.
    Em cảm ơn !

  7. Nhìn không mà nói thì cũng khó lắm bạn. Phải xem style của Theme mà bạn đang dùng mới giúp chắc chắn được.

    Nếu bạn vẫn không thể làm được, hãy gửi theme của bạn đang sử dụng, nếu đủ khả năng Phamen sẽ làm giúp bạn.

  8. cám ơn anh nhiều lắm, em đã tự làm được cho blog mới tạo của em dựa vào chỉnh sửa đoạn mã của anh .

  9. Anh Phanmen chỉ em sửa code trong theme này với
    Theme: BloggingPro Theme – Widgets Ready 1.2 by Elena G.

  10. To: Jackiviet,

    Sorry bạn, trả lời nhiều quá nên bị quyên mất comment của bạn.

    Bạn muốn chỉnh sủa thế nào? Bạn hãy upload theme đó lên và đưa link cho Phamen để Phamen down theme về sửa cho bạn.

    To: Tuoiti,

    Bạn làm thế nào mà không được?

  11. @Phamen: Cám ơn Bác. Thôi em ko cần cái đó nữa. Em định làm cái wed cho lớp. Học mò mãi làm chẳng ra hồn, mà lại ko theo í mình.
    Ra trường 6-7 năm rồi muốn cho bạn bè vào xem kỉ niệm cũ í mà! ^_^
    Bác có thể sửa cái themes giúp em được không? Bác có nick yahoo chứ? Thanks Bác.

  12. To: Tuoiti,

    Bạn cần sửa theme như thế nào? Dạo này Phamen bận quá nên không thường xuyên trả lời các câu hỏi trên blog được.

    Bạn muốn xửa theme thế nào thì hãy post cái link của theme đó lên đây, và ghi rõ bạn muốn xửa thế nào để Phamen làm cho bạn. Chứ bạn nói thế thì Phamen không biết giúp thế nào.

    To: Jackiviet,

    Bạn định xửa lại cái theme này thế nào?

  13. Duong Van Cuong

    Em xin làm phiền anh phamen một chút.
    em đang sử dụng theme feelthefreedom
    http://www.web2themes.com/download-manager.php?id=3
    em sử dụng gravatar plugin nhưng không được.
    tình trạng giống như khi sử dụng thêm SeaShore 1.0
    mong anh giúp em sớm khi có thể
    xin cảm ơn anh.

  14. anh Phamen ơi..em xài template tên la` Fashy…anh có thể vào web em coi template này…www.ceo21.net.. anh bày em cách để config cái gravata nhé anh .. thanks anh nhiều..

  15. Xin lỗi bạn, sau khi mình test xong nhờ bạn xóa dùm, thanks
    Ký tên: Vị khách không mời ^^!

  16. Bài viết hay

    Anh Phanmen có thể chi cho em cách viết tiếng việt trong WordPress.com được không, vì em đã vào rồi đăng ký theo hướng dẫn của anh nhưng không viết được

  17. @Bài viết hay: bình thường wordpress.com đã hỗ trợ tiếng việt rất tốt rồi mà bạn

  18. không thể nào hiện nên được bác ạ.
    <li class=”” id=”comment-“>
    on <a href=”#comment-“title=””> at
    comment_approved == ‘0’) : ?>
    Your comment is awaiting moderation.

    Bác coi dùm xem em phải chèn nó vào chỗ nào?

  19. @Bài viết hay: Hỗ trợ tiếng việt hay không là tùy vào theme của blog bạn, nếu muốn sửa theme bạn vào Edit Theme rùi chọn Style Sheet và sửa thui.

  20. To: Trần Mạnh Quang,

    Bạn chèn như ở trong bài viết mà Phamen đã nói.

  21. skin NÀO CŨNG VẬY CỨ MỞ FILE comments RA VÀ THÊM CODE VÀO THÔI :d

  22. Cái code đấy của em như thê này

    <li id=”comment-“>

    said on
    comment_approved == ‘0’) : ?>
    Your comment is awaiting moderation.

    <a href=”#comment-” title=””> at

  23. To: Trần Mạnh Quang,

    Thật ra, để làm cho Gravatar hiển thị ở vị trí nào, kích cỡ ra sao… theo đúng ý của mình thì ngoài việc thêm đoạn code của Gravatar vào file comment.php, bạn còn phải xem file style.css của theme đó nữa thì mới làm theo đúng ý mình được. Và có khi bạn phải chỉnh sửa lại cả style của theme để nó tuân theo ý mình.

    Và mỗi theme họ có cách trình bày khác nhau, nên không phải 100% đều giống nhau.

    Bạn chỉ đưa cho Phamen một đoạn code ngắn ngủn đó thì quả là làm khó cho Phamen rồi. 😀

    Nhìn vào đó thì Phamen cũng không biết giúp bạn thế nào được. Nhưng qua xem blog của bạn thì đã chèn được rồi mà.

  24. Mọi người cho mình hỏi làm cách nào để hình ảnh trong bài viết sẽ tự động thu nhỏ lại không vượt ra ngoài khung bài viết vậy.

    Chỉ cho mình với nha.

    Thank mọi người nhiều nhiều!

  25. Ý mình là dùng Script để tự động Resize mà, chứ dùng manual thế chắc chết quá …

    Bạn chỉ cho mình cách bỏ cái số đếm trên Category đi với, mình mới dùng thử WP nên tìm không thấy cái này …

    Thanks nhiều …

  26. Em dùng đoạn code của bác

    <img src=”” alt=”Gravatar” />

    rồi những mà nó vẫn chỉ hiện là ”Gravatar” thôi ạ

  27. To: Langthang,

    Để bỏ số điếm trên category đi. Rất đơn giản, bạn phải dùng Category Widget và bỏ stick chọn ở ô “Show post counts” đi là được.
    ————–

    To: Sil,

    Bạn cho Phamen cái link của theme này được không? Chứ đi tìm cái Theme này thì không biết là bạn đang dùng phiên bản nào của nó để giúp.

  28. Chào Sil,

    Bây giờ Phamen mới có thời gian xem cho bạn được.

    1. Bạn vào đây download Gravatar plugin: http://en.gravatar.com/plugins/wp_gravatar.zip và upload lên host > Active

    2. Bạn download 2 file sau về và upload đề lên các file cũ mà bạn đang dùng trong theme nhé: http://www.mediafire.com/?sharekey=606f49683f0db40ad2db6fb9a8902bda

    Phamen đã thêm một số tag và một số style trong theme này để nó hiện đúng ý muốn. Do vậy bạn phải upload đè lên các file cũ nhé. Phamen đã test thử, nó chạy tốt trên tất cả các trình duyệt.

    Nếu có lỗi gì thì báo cho Phamen nhé!

  29. Em cảm ơn bác Phamen nhiều nhé ^^ avatar của em hiển thị ngon lành được rồi ạ

  30. sao em sửa mãi vẫn ko lên cái hình, chỉ hiện chữ ”Gravatar” thôi

    Em đang dùng theme Techy People, giúp em nhé

  31. em đã làm dc roài anh Phamen, hix hum wa cũng thế ko lên, hum nay tự nhiên sửa lại cũng thế lại load hình lên, chả hỉu lun

  32. thanks. Quả thực phải mất cả tuần mới nghiền ngẫm hết những gì bạn đã share.

  33. To: Minh Hoàng,

    Đoạn code này để trong file comment.php trên theme của anh.

    Nhưng đó là với các theme cũ. Với các theme mới và hệ thống WordPress 2.7 như hiện này thì Avatar và Gravatar đã tự động được tích hợp.

    To: DungZjn

    Không hiểu là bạn định nhờ Phamen điều gì? Đọc comment của bạn mà Phamen không hiểu?

  34. Chào anh!
    Em đang nghiên cứu về wordpress. Không hiểu sao đoạn code comment của em không hoạt đông trong wordpress. Mõi lúc em nhấn vào Leave comment thi no đều tryền lên đầu trang. Anh có thể chỉ rõ cách nó làm viêc trong theme cho em đuợc không? Em đang dùng theme gear.
    Thank anh

  35. To: LePHuong,

    Phamen đã test thử theme Gear 1.2.5 và không thấy có lỗi này.

    Phamen cũng không tìm thấy dòng nào có chữ Leave Comment trên theme này. Chỉ có Leave a reply.

    Nếu bạn đang dùng theme phiên bản cũ hơn, hãy dùng phiên bản mới nhất Gear 1.2.5

    CÒn nếu bạn đang dùng 1.2.5 mà vẫn bị lỗi, vui lòng cho biết địa chỉ blog của bạn là gì. Xem trực tiếp có lẽ sẽ dễ đoán bệnh của nó hơn bạn ạ.

  36. Bài viết anh thật hay, em cũng tò mò làm thử nhưng lỗi liên tục, chỉ hiện mỗi chữ lên chứ chả thấy hình đâu cả… Làm mãi kô được nên nản quá….hic..hic..

  37. chao Phamen!
    that la kg biet noi gi hon la that cam on Phamen da co nhung bai viet that bo ich cho cong dong mang.Ban than toi kg hieu nhieu ve blog,web site..ma van co the lap duoc mot blog WP cho rieng minh dua vao nhung bai viet cua Phamen. Kg vui nao ta het duoc.Co le thoi gian nay Phamen qua ban nen kg trao doi nhieu voi anh em tren mang. toi that thong cam> Neu co the,Phamen huong dan cach lam blog tren byethost voi ten mien la free domain cua CO.CC nhe!Mot lan nua,xin cam on va chuc Phamen thanh cong trong cuoc song…

  38. còn theme itheme thì chèn code thế nào vậy anh???

  39. sao làm hoài ma ko được cai gravata. chẳn thấy hiển thị gì cả. em đang dùng thêm VN-New???

  40. em đang dùng one theme v1.1.3 thì chèn ở chỗ nào hả anh phamen

  41. đồ keo kiệt có mấy dòng chữ cũng ko cho người ta copy lấy mấy dòng code mà phải đánh lại mệt bức chết.ít nhất mấy dòng code cũng đừng có cố định lại chứ.đồ cùi

  42. để chế độ ko bôi đen thế thì làm sao copy đc âấy dòng lệnh kia. đánh lâu lắm

  43. Chào anh, đang dùng theme hotnewspro2.5, em đã cài plugin Gravatar rồi, em làm theo hướng dẫn của anh nhưng code của em khác, em sợ bị rối code nên không biết làm sao cả, mong anh chỉ giúp em. cảm ơn !

  44. Test xem nào Test xem nào Test xem nào Test xem nào

  45. Cảm ơn bác vì đã nhiệt tình giúp đỡ mọi người, nhưng mà bác không cho phép bôi đen và copy thì làm khó mọi người quá 😀

  46. em đang dùng theme vn-new,xin hướng dẩn dùm em :menu giữa hiện ra lổi”Lỗi trang chủ!

    Bạn chưa chọn chuyên mục nào sẽ hiển thị ngoài trang chủ.
    Vui lòng chọn chúng trong WP-Admin -> Appearance -> VN-News Options.
    “…em vao tìm thì không thấy…giúp em với…

  47. trang web này thật hữu ích cho những người mới bắt đầu viết blog như tôi. thank admin

  48. Pretty nice post. I just stumbled upon your weblog and wanted
    to say that I have really loved surfing around your blog
    posts. In any case I will be subscribing in your feed
    and I’m hoping you write again soon!

  49. Hơi lạc loài tí, nhưng mình hỏi ngu tí:
    “Your comment is awaiting moderation” có nghĩa là gì nhỉ
    Đi blog comment mà nó cứ hiện thông báo vậy thì comment có thành công không chủ thớt? Cảm ơn nhiều

  50. Mình thấy không nên sử dụng nhiều plugin. Sẽ làm chậm tốc độ tải web

VIẾT BÌNH LUẬN

Please enter your comment!
Please enter your name here