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.

Giải pháp dùng plugin có gì hay ?

Mình nói cái này nó hay bởi vì bạn có thể thêm 4 cột widget 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:

guest
16 Comments
Inline Feedbacks
View all comments
Nam Võ <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #2196f3;">) </span>
Guest

Bác cho e hỏi e đang dùng WP thì thêm những đoạn code như vậy có ảnh hưởng gì đến web k ạ?

Nam Võ <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  Tịnh Nguyễn (2,807)

E có dùng 1 theme nó có footer nhưng nhìn lởm quá e sợ cài vào nó sẽ ảnh hưởng xấu đến site và tụt top từ khóa hiện tại site e vẫn chưa có footer :))

Văn phòng công chứng <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">8</span><span style="color: #2196f3;">) </span>
Guest

Vừa đọc được một bài tương tự tại Hocban.vn, giờ gặp bài này đúng là hợp gu luôn. Chân trang chia thành 3-4 cột là vừa đẹp

Văn phòng công chứng <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">8</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  Tịnh Nguyễn (2,807)

Máy tính bảng em cho nó thành 1 cột luôn bác. 4 cột cũng chẳng biết để thông tin gì :)))

keonhacai <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #2196f3;">) </span>
Guest

mình thấy như vậy sẽ là hợp lý vì website sẽ trông chuyên nghiệp hơn

Main công suất <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">10</span><span style="color: #2196f3;">) </span>
Guest

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

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

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">12</span><span style="color: #2196f3;">) </span>
Guest

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

Đạo Hàm <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">12</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  Tịnh Nguyễn (2,807)

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 :))