Thêm widget 4 cột dưới footer khi theme WordPress không có sẵn

Trong bài viết này, mình chia sẻ cho bạn cách để thêm widget 4 cột dưới footer khi theme WordPress không có sẵn. Thủ thuật này hay lắm đấy, vì rất nhiều theme miễn phí đẹp, nhưng không có phần footer widget.

KHOAN ĐÃ… ĐỢI MÌNH TÍ !

Mình nói cái này nó hay bởi vì bạn có thể thêm 4 cột widget này bằng cách chèn code thủ công, tuy nhiên nó gặp khó khăn khi bạn sửa CSS để nó responsive, còn nếu dùng cách như mình dưới đây rất TIỆN, không phải lo nhiều về chuyện đó.

Bạn hình dung footer 4 cột khi thêm vào nó trông như thế này. Bên dưới mình lấy đại 4 cái widget cơ bản chèn vào 4 cột thế thôi chứ khi làm xong thì bạn thêm widget gì cũng được nhé.

Footer 4 cot widget sau khi duoc them vao

Footer 4 cot widget sau khi duoc them vao

Cách để thêm widget 4 cột dưới footer

  • Đầu tiên bạn tải về, cài đặt và kích hoạt cho mình plugin Footer Mega Grid Columns
  • Tiếp theo, bạn vào trong file footer.php của theme đang dùng, copy đoạn code dưới đây và chèn vào trong đó và lưu lại.
<?php if( function_exists('slbd_display_widgets') ) { echo slbd_display_widgets(); } ?>

Tùy mỗi theme mà vị trí chèn sẽ khác nhau, bạn có thể tham khảo vị trí chèn của mình như bên dưới:

Cach minh chen doan code ben duoi vao trong file footer-php

Cach minh chen doan code ben duoi vao trong file footer-php

  • Bây giờ bạn vào phần quản lý widget sẽ thấy nó có thêm mục Footer Mega Grid Column. Bạn chọn vào đó và thêm widget gì đó vào và lưu lại để xem kết quả.
widget footer da xuat hien trong phan quan ly widget

widget footer da xuat hien trong phan quan ly widget

Như vậy là xong rồi đó, để thêm 4 cột widget thì bạn thêm 4 cái widget, bạn nào thích 3 cột thì thêm 3 cái là nó tự chia ra thôi. Nếu thấy nó chưa đủ đẹp thì bạn cần sửa CSS lại nữa. Xin trào và hẹn gặp lại bạn trong bài viết sau !

Bài viết coi bộ liên quan:

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

guest
6 Comments
Inline Feedbacks
View all comments
Main công suất <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">10</span><span style="color: #e91e63;">) </span>
Friend

Bài viết rất hữu ích, cảm ơn tác giả

việt <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">26</span><span style="color: #e91e63;">) </span>
Friend

Có thêm 4 cột dưới footer nhìn trang web đẹp hơn. Theo mình là vậy

Đạo Hàm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">11</span><span style="color: #e91e63;">) </span>
Friend

Mình nghĩ thêm vậy sẽ làm rồi mắt

Đạo Hàm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">11</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Hocban.vn

Chắc tùy người còn mình thì không mặn mà với nó lắm. Nhiều site mình còn không dùng footer luôn :))