Hướng dẫn tạo nhiều Footer Widget cho Theme wordpress

Footer là phần không thể thiếu của một website và còn giúp nâng cao trải nghiệm người dùng hiệu quả. Thực tế vẫn có nhiều người gặp khó khăn trong việc chỉnh sửa Footer trong WordPress.

Hiểu được điều đó, Miko Tech sẽ giúp bạn qua bài viết “Tổng hợp cách chỉnh sửa Footer trong WordPress chi tiết 2023“.

Bài viết này sẽ mang đến cho bạn cách xóa hoặc thay đổi dòng “Powered by WordPress”, chỉnh sửa footer bằng các widgets, theme options, thêm custom code, đổi copyright footer, file footer.php và tạo footer với Drag-and-Drop.

Xem Nhanh

3 cách xóa hoặc thay đổi dòng “Powered by WordPress”

Trước khi tiến hành xóa hoặc thay đổi dòng “Powered by WordPress” ở Footer thì bạn cần phải đăng nhập vào khu vực quản trị WordPress bằng cách thêm /wp-admin vào cuối tên miền.

Đăng nhập vào trình quản trị WordPress

Cách 1. Xóa footer WordPress bằng Theme Options

• Chọn mục Appearance> Customize

Chỉnh sửa Footer trong WordPress

• Chọn “Site Identity“

Site identity của WordPress

• Trong danh sách xổ xuống, ở phần Footer Credit, bạn chọn Hide
• Nhấp vào nút Save&Publish

Chỉnh sửa site identity mới

Cách 2. Chỉnh sửa footer trong WordPress bằng PHP

• Chọn mục Appearance> Editor

Trình editor giao diện WordPress

• Chọn Theme Footer để vào code của footer.php

Theme footer WordPress

• Tìm dòng Powered by

Tìm dòng Powered by

• Sửa thành chữ nào khác hoặc xóa hẳn

Chỉnh sửa footer.php

• Nhấn Update File

Cách 3. Sử dụng CSS để ẩn đi footer WordPress

Lưu ý: Việc dùng CSS để ẩn đi Footer sẽ thực hiện đơn giản nhưng việc này làm tăng khả năng bị Google phạt. Vì vậy, bạn chỉ nên sử dụng cách này nếu 2 cách không hiệu quả.

• Chọn mục Appearance

Custom CSS trong WordPress

• Chọn Custom CSS (Nếu bạn cài plugin Simple Custome CSS thì nút này nằm dưới mục Appearance. Nếu theme có tùy chọn CSS thì sẽ hiển thị dưới mục Theme Options).

Ẩn CSS bằng rule

• Ẩn footer bằng rule CSSdisplay:none.

4 cách chỉnh sửa footer trong WordPress

Cách 1. Chỉnh sửa footer bằng các Widget

Phương pháp chỉnh sửa footer bằng Widget chỉ có thể áp dụng cho các theme có vùng footer widget. Vậy làm sao để truy cập widget? Bạn chỉ cần di trỏ chuột đến mục Appearance> chọn Widgets

Truy cập Widget trên WordPress

Sau khi truy cập vào widget thì các trang widget được chia thành available widgets và footer.

Mục được chia trên Widget của WordPress

Lưu ý: Mỗi theme mà bạn sử dụng sẽ có thể có số lượng vùng footer khác với chủ đề được hiển thị ở ảnh phía trên.

Tiếp theo, bạn muốn chỉnh sửa footer trong WordPress thì bạn chỉ cần kéo và thả một widget vào khu vực footer. Sau đó, bạn nhấp chọn widget để định dạng cấu hình và nhấn lưu khi hoàn tất.

Chỉnh sửa footer với widget

Bạn muốn thêm liên kết vào vùng widget footer thì tiến hành làm theo bước sau:

• Bước 1: Điều hướng đến Appearance> Menus
• Bước 2: Nhập vào một Menu name mới và chọn Save menu

Nhập Menuname mới

• Bước 3: Tick chọn vào ô mà bạn muốn thêm vào menu và nhấp chọn Add to Menu
• Bước 4: Save menu
• Bước 5: Quay về WordPress Widgets và kéo thả Navigation Menu widget vào Footer.
• Bước 6: Chọn menu mới vừa tạo > nhấn Save

Cách 2. Chỉnh sửa footer bằng theme options

Việc chỉnh sửa footer trong WordPress bằng theme options giúp người dùng chỉnh sửa các khía cạnh trực quan của footer bằng Customizer (công cụ tùy chỉnh tích hợp).

Để truy cập Customizer thì bạn hãy di chuyển đến Appearance> Customize. Để chỉnh sửa footer trong WordPress Customizer thì bạn hãy tìm:

• Theme Options: Phần theme footer có thể tùy chỉnh màu sắc, đường viền, văn bản sao cho phù hợp với thiết kế tổng thể của website

Tùy chỉnh footer ở Theme Footer

• Widgets: Bạn có thêm các widget có nội dung khác nhau vào vùng footer

Thêm widget vào footer

• Menu: Nếu bạn muốn thêm liên kết vào WordPress thì bạn có thể sử dụng hệ thống menu được tích hợp sẵn.

Thêm liên kết vào footer

Cuối cùng, bạn nhấn Publish hoặc Save Draft sau khi chỉnh sửa.

Cách 3. Chỉnh sửa footer bằng cách thêm custom code

Có những lúc bạn muốn thêm backend code vào footer của WordPress nhưng thay vì bạn phải đổi giao diện thì bạn có thể dùng cách thêm custom code để theo dõi scripts, analytics, A/B testing tools,…

Có một cách giúp bạn dễ dàng chèn code vào mà không cần phải tạo child theme hoặc chỉnh sửa footer template bằng cách thủ công, đó là dùng plugin. Bạn sẽ sử dụng plugin Insert Headers and Footers miễn phí từ wordpress.org.

Bạn tiến hành cài đặt và kích hoạt plugin. Sau đó, bạn đi tới Settings> Insert Headers and Footers> thêm các đoạn mã code để đưa vào footer WordPress.

Sử dụng plugin Insert Headers and Footers để chèn code vào footer

Cách 4. Chỉnh sửa Footer trong WordPress bằng cách sử dụng Footer.php

Trong tệp template WordPress thì footer được định nghĩa là footer.php. Để chỉnh sửa file footer.php thì bạn hãy tiến hành thực hiện theo các bước bên dưới:

• Bước 1: Đi tới Appearance> Theme Editor
• Bước 2: Chọn theme cụ thể
• Bước 3: Định vị footer.php trong Theme Files hoặc nếu bạn không thấy thì hãy dùng phím tắt Ctrl + F nhé!
• Bước 4: Tiến hành tìm code PHP có dạng đoạn code dưới đây:

get_template_part( 'template-parts/footer/site', 'info' );

• Bước 5: Thay code PHP bằng đoạn code dưới đây!

//get_template_part( 'template-parts/footer/site', 'info' );
echo “add text here”;

Lưu ý: Thay đổi “add text here” bằng nội dung cụ thể của bạn nhé!

• Bước 6: Nhấn Update File

Cách đổi Copyright Footer trong WordPress

Hầu hết các theme WordPress đều cung cấp tùy chọn chỉnh sửa footer WordPress được tích hợp sẵn trong theme để người dùng có thể dễ dàng chỉnh sửa.

Sau đây là cách thực hiện:

• Bước 1: Đăng nhập vào Dashboard của WordPress
• Bước 2: Tiến hành di trỏ chuột đến Appearance> Customize
• Bước 3: Kiểm tra xem bạn có tùy chọn Footer hay không

Giao diện để chỉnh sửa footer

• Bước 4: Nếu có thì bạn hãy tiếp tục chọn Footer> Bottom Bar (lúc này là bạn có thể vô hiệu hóa footer hoặc đưa văn bản của riêng bạn vào)
• Bước 5: Nếu có cả tùy chọn Copyright Area thì bạn cũng có thể chỉnh sửa phần footer này.

Tùy chọn Copyright Area để chỉnh sửa footer

Cách tạo footer cho WordPress với Drag-and-Drop

Nếu bạn không muốn hoàn toàn dừng lại ở việc chỉnh sửa footer trong WordPress thì bạn có thể đi sâu hơn bằng cách tạo footer cho WordPress với tùy chỉnh hoàn toàn của riêng bạn.

Đặc biệt là để làm được việc này thì không cần đòi hỏi bạn phải có kỹ năng hay kiến thức về lập trình và bạn chỉ cần sử dụng Drag-and Drop Editor để có thể tạo một footer cho riêng mình.

Phương pháp này giúp bạn kiểm soát toàn bộ layout màu, hình ảnh, văn bản,… Có 2 plugin miễn phí để giúp bạn tạo Footer hoàn toàn tùy chỉnh là Elemetor và Elementor – Header, Footer & Blocks Template.

• Elementor: Đây là Page Builder giúp mang lại trải nghiệm Visual, drag-and-drop editing.
• Elementor – Header, Footer & Blocks Template: Đây là plugin miễn phí cho phép người dùng sử dụng Elementor để tạo footer.

Tạo footer template

Khi bạn đã kích hoạt 2 plugin thì hãy di chuột đến Appearance> Header Footer & Blocks trong Dashboard WordPress> Add new để tạo template.

Trong Type of Template> chọn Footer, bạn có thể sử dụng các cài đặt khác để kiểm soát được vị trí hiển thị footer và quyền riêng tư. Cuối cùng, bạn nhấp chọn Publish để hoàn tất việc tạo footer template.

Thêm nội dung với Elementor

Bạn hãy nhấp vào Edit with Elementor để khởi chạy giao diện Elementor. Đây là nơi bạn có thể sử dụng visual drag-and-drop để tùy chỉnh footer.

Đầu tiên, bạn hãy thêm phần có số cột mà bạn muốn sử dụng. Tiếp theo, bạn thêm các nội dung khác bằng việc sử dụng Widget của Elementor. Sau cùng, khi đã hài lòng với thiết kế thì bạn hãy lưu lại và thiết kế sẽ xuất hiện ngay trên website của bạn.

Trên đây, Miko Tech đã cùng bạn tìm hiểu cách chỉnh sửa Footer trong WordPress thông qua bài viết “Tổng hợp cách chỉnh sửa Footer trong WordPress chi tiết 2023“.

Đồng thời, bài viết cũng đã mang lại các nội dung chính về cách xóa hoặc thay đổi dòng “Powered by WordPress”, chỉnh sửa footer bằng các widgets, theme options, thêm custom code, đổi copyright footer, file footer.php và tạo footer với Drag-and-Drop.

Hy vọng rằng thông qua bài viết trên thì bạn có thể lưu ngay cho mình các cách chỉnh sửa footer trong WordPress để có thể áp dụng khi bạn cần.