WordPress » Thủ Thuật WordPress » Bài viết bạn đang xem.

Chèn ảnh – banner quảng cáo vào WordPress, không dùng plugin

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 mà không dùng plugin.

Thủ thuật này cũng có một vài ưu điểm thế này nè các bạn:

Đầ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 , mở link trong tab mới, (cái này dành cho mấy anh em làm SEO).

Cách chèn ảnh – banner quảng cáo vào WordPress mà không dùng plugin

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ử 😀

Chen banner quang cao tren hocbanvn - thanh qua

Chèn banner quảng cáo trên Hocban.vn – thành quả

À mình nói thêm là cái này cũng áp dụng được cho Blogspot (Blogger) được luôn nhé. Rất đơn giản, các 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.