Chèn ảnh – banner vào website WordPress
Hôm nay Hocban.vn chia sẻ đến các bạn một mẹo nho nhỏ, đó là cách để chèn ảnh hoặc banner quảng cáo vào WordPress, Blogspot mà không dùng plugin. Ngoài ra giải pháp này nó có một ưu điểm là tùy chỉnh cụ thể hơn về link chèn trong ảnh sao cho phù hợp với ý đồ SEO của bạn.
MỤC LỤC NỘI DUNG
Đầu tiên là nó giúp các bạn chèn một hình ảnh, hay một banner quảng cáo tại một ví trí mà nó hỗ trợ widget. Hoặc là tại một vị trí cố định trong trong theme bạn đang xài, ví dụ như là ở đầu bài viết, cuối bài viết,…
Thứ hai là nó không dùng plugin nên sẽ tránh phải cài thêm 1 plugin.
Thứ ba là cách làm khá đơn giản, tiện lợi và nhanh chóng 😀
Thứ tư là bạn có thêm một số tùy chỉnh liên quan đến link. Ví dụ như khi click vào ảnh là dofollow hoặc là nonfollow , hoặc mở link trong tab mới, (cái này dành cho mấy anh em làm SEO).
Cách chèn trên website WordPress
B1: Các bạn phải nghía xem là muốn chèn cái banner quảng cáo ở đâu, bên sidebar, trên header, hay trong bài viết,…
B2: Các bạn vào chỗ cần thêm banner nó sẽ hỗ trợ việc thêm widget;
B3: Các bạn thêm một cái widget HTML, sau đó copy đoạn code sau và paste vào trong đó nhé.
<a class="banner-sidbar" href="https://hocban.vn/chen-anh-banner-quang-cao-vao-wordpress-khong-dung-plugin" target="_blank" rel="dofollow"><img class="class-hinh-anh" title="Quảng Cáo Banner Sidebar" src="https://hocban.vn/wp-content/uploads/2017/11/Mau-quang-cao-sidebar-Hocbanvn.jpg" alt="" width="100%" height="auto" /></a>
Trong đó các bạn lưu ý như sau:
- Thay link ảnh sau bằng link ảnh của bạn:
https://hocban.vn/wp-content/uploads/2017/11/Mau-quang-cao-sidebar-Hocbanvn.jpg
- Thay liên kết sau bằng link mà bạn muốn trỏ đến:
https://hocban.vn/chen-anh-banner-quang-cao-vao-wordpress-khong-dung-plugin
- Nếu muốn thay bằng liên kết nofollow thì thay thế nó chỗ từ dofollow ;
B4: Nếu như cái banner của bạn hiển thị không được ưng ý thì bạn có thể CSS nó lại bằng cách thêm đoạn code CSS dưới đây vào phần Addtional CSS nhé, và bắt đầu tùy chỉnh lại cho vừa ý. Ví dụ ở đây theme mình khi chèn ảnh vào nó sát phần cạnh dưới quá nên mình cho nó cách ra 0.8em. Cái này dự phòng thôi chứ không phải theme nào hiển thị cũng bị lệch như vậy 😀
img.class-hinh-anh {
margin-bottom: 0.8em !important;
}
Xong rồi đấy, như vậy là các bạn đã có thể chèn ảnh / banner có link đi kèm mà không cần dùng plugin rồi đấy. Còn đây là thành quả của mình sau khi làm thử 😀
Chèn banner quảng cáo trên Hocban.vn – thành quả
Cách chèn trên website Blogspot
Bạn nào dùng Blogspot chắc mấy cái tiện ích chắc biết sử dụng rồi nên mình không nêu chi tiết nữa. Rất đơn giản, bạn vào chỗ thêm tiện ích >> chọn widget HTML CSS >> Copy đoạn code trên dán vào >> thay thế bằng link ảnh và link đường dẫn sau ảnh mà bạn muốn. Tùy chỉnh lại thông tin link SEO như ở trên mình hướng dẫn cho WordPress.
Nếu bạn nào làm không được hoặc có gì thắc mắc, góp ý thì cứ để lại bình luận bên dưới nhé. Cảm ơn các bạn !
wpDiscuz