Chèn hình ảnh vào bình luận trên WordPress

Chen anh vao binh luan tren WordPress

Chèn hình ảnh vào bình luận trên WordPress

Trong bài này Hocban.vn chia sẻ đến các bạn cách để chèn hình ảnh vào bình luận trên WordPress trong một số trường hợp cần thiết nhé !

Khi nào cần chèn hình ảnh vào bình luận ?

Câu hỏi này cũng không thừa lắm đâu, có bạn sẽ cho rằng chèn vào sẽ nặng trang, loạn mắt,… tuy nhiên vì một số nhu cầu bên dưới chúng ta cũng nên cho phép chèn hình ảnh vào bình luận.

  • Khi bạn muốn minh họa điều gì đó mà việc mô tả bằng ngôn ngữ viết không thực hiện được. Các bạn đăng ảnh lên upsieutoc.com và lấy link dán vào bình luận.
  • Khi đăng link ảnh từ một nguồn khác nó lại kém an toàn và dài loằn ngoằn nhìn cũng không được đẹp lắm.
  • Chèn một số hình ảnh động vào bình luận để thể hiện cảm xúc (bắt chước Phây Bút) cũng khá hay ho :v

Cách chèn hình ảnh vào bình luận trên WordPress

Mặc định thì khung bình luận của WordPress nó không cho chúng ta chèn hình ảnh vào như trên Facebook, do đó để chèn được chúng ta sẽ sử dụng HTML để chèn vào. Lưu ý là chèn ảnh bằng phương pháp này chỉ áp dụng cho thành viên của blog, tài khoản khách WordPress không cho phép.

Chèn ảnh động: Để chèn ảnh động các bạn copy link của ảnh và thay thế cái link ảnh mà bạn muốn vào trong thẻ <img> như đoạn code dưới đây, ví dụ để chèn ảnh con chim bồ câu mình sẽ cóp bi và dán nó vào nội dung bình luận là xong.

<img src="https://68.media.tumblr.com/b21481bb5d888c0df2163016294b0d83/tumblr_olbmo3DVP01w1m5cqo1_1280.gif" " width="200" height="200">

Chèn ảnh chụp màn hình sử dụng Addon OpenScreensoot trên trình duyệt Chrome: Bạn nào chưa cài thì nên cài cái này vào Chrome, khá là tiện và mình vẫn thường sử dụng nó mỗi ngày. Để lấy link ảnh các bạn làm tuần tự:

Bước 1: Chụp ảnh màn hình và chỉnh sửa bằng các công cụ có trong addon OpenScreensoot như tô màu, vẽ mũi tên, khoanh vùng gì đó,…. sau đó nhấn vào nút Share như hình bên dưới.

Chup anh man hinh va nhan vao nut share

Chụp ảnh màn hình và nhấn vào nút share

Bước 2: Sau khi nhấn share xong no sẽ chuyển bạn đến trang chứa cái ảnh vừa share, các bạn nhấn vào sao chép địa chỉ hình ảnh như hình dưới đây để lấy link ảnh và đem dán vào code chèn ảnh.

Sao chep dia chi hinh anh de chen vao binh luan

Sao chép địa chỉ hình ảnh để chèn vào bình luận

Bước 3: Đây là đoạn code chèn ảnh chụp màn hình, các bạn sẽ thay link ảnh trong bài viết thành link ảnh mà bạn đã lấy được ở bước trên.

Nội dung bình luận
<img src="https://storage.googleapis.com/openscreenshot/Z/U/b/SyYJ7bbUZ.png" width="100%" height="auto">

Với cách chèn này các bạn đã có một ảnh chụp màn hình hiển thị responsive trong khung bình luận khá nhanh chóng. Ngoài ra các bạn cũng có thể lấy ảnh từ nguồn khác để chèn vào, miễn sao đó là URL của ảnh chứ không phải của bài viết là được.

Tuy nhiên cách này chỉ áp dụng đối với quản trị viên của website / blog dùng WordPress nhằm ngăn chặn việc tấn công phá hoại bằng phương pháp chèn mã độc hại qua bình luận. Do đó người dùng khách sau khi lấy được URL ảnh thì dán trực tiếp nó vào bình luận luôn:

Ví dụ:
https://storage.googleapis.com/openscreenshot/Z/U/b/SyYJ7bbUZ.png

Hề hề, vậy là xong nhé ! Bây giờ anh em nào là quản trị viên và muốn chèn ảnh vào bình luận thì cứ thế mà làm thôi, chèn icon cảm xúc vào cũng được, nhìn vui mắt phết. Trên Blogspot thì anh em dán URL ảnh gif vào là nó cũng tự hiển thị.

Mẹo liên quan

Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Nội dung được đề xuất

avatar
9 Comment threads
19 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
9 Comment authors
VNTIEN BlogBùi Công LuậnBlog Duy ĐàmHữu Thuầntrần long Recent comment authors
VNTIEN Blog <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">25</span><span style="color: #e91e63;">) </span>

Không có cách nào cho khách ghé thăm blog quẩy à bác.
Thế mấy ông giữ mà chơi một mình đi chứ chia sẻ làm gì cho chúng tôi thèm thuồng thế (T_T)
Đùa thôi nhé…. 😀

Bùi Công Luận <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">24</span><span style="color: #e91e63;">) </span>

Con chim, hãy bắt lấy con chim :v

Blog Duy Đàm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">66</span><span style="color: #e91e63;">) </span>

Haha. Nhìn hấp dẫn phết. Lâu lâu có cái mới lạ để xem. Khách mà làm được thì tuyệt hơn.

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>

comment image

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>

Vậy là cuối cùng chỉ có ạc min mới đăng bình luận hình ảnh được, haizzzzzzzzzzzz

Hữu Thuần <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">91</span><span style="color: #e91e63;">) </span>

Kết nhất cái con chim 😀

trần long <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">6</span><span style="color: #e91e63;">) </span>
trần long (6)

hề hề, thế mà bạn đã có thủ thuật mới! verry good!
test phát!

chụp màn hình 😀

p/s: bạn có thể cho xin cái plugin comment được không! thank

Phan Hùng <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">24</span><span style="color: #e91e63;">) </span>

Cái icon cũng giật giật ác phết bác nhở :v

Phan Hùng <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">24</span><span style="color: #e91e63;">) </span>

Nên tạo kiểu như fb ấy bác ạ, viết đc plugin thì ngon, click vào cho dễ không cần copy

NAD <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">48</span><span style="color: #e91e63;">) </span>

Ngon à nha, thêm cả chèn youtube vào nữa đê 😀

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>

Test phát

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>

Ủa con chim đâu??

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>

comment image

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>

Làm sao để cmt được con chim quẩy vậy?? :v

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>

Thiệt mà, dán cái link vào mà nó có hiện cái rì đâu