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è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.
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 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
CÁCH 2: Để đơn giản, bạn có thể dùng plugin wpDiscuz và khi chèn hình ảnh bạn chỉ cần dán cái link hình như trên vào là nó tự nhận thôi nhé !
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
wpDiscuz
