Tổng hợp code giúp tùy biến footer trong Genesis Framework và Genesis child theme.
Theo mặc định, phần footer (chân trang) của Genesis Framework hay Genesis child theme chỉ bao gồm textlink của framework (hoặc child theme), của WordPress và một liên kết đến trang đăng nhập. Nếu muốn tùy biến footer, cách đơn giản nhất là sử dụng plugin Genesis Simple Edits. Tuy nhiên, nếu bị “dị ứng” với plugin và không muốn cài đặt chúng vì sợ nặng site thì bạn hoàn toàn có thể sử dụng các code snippets sau đây để tùy biến phần footer theo ý muốn.
Tham khảo thêm:
- Theme Paradise v4.3 và sự lột xác về giao diện quản lý
- Tùy biến phần copyright trong Genesis Framework và child theme
Tùy biến footer trong Genesis
1. Đầu tiên, truy cập thư mục cài đặt WordPress thông qua File Manager của cPanel/ DirectAdmin hoặc phần mềm FTP, tìm theo đường dẫn /wpcontent/themes/. Tìm và mở file functions.php của Genesis Framework hoặc child theme mà bạn đang sử dụng ra.
2. Thêm một trong những đoạn code sau đây vào cuối file functions.php và lưu lại.
Đặt lại vị trí footer
//* Đặt lại vị trí footer trong Genesis remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 ); remove_action( 'genesis_footer', 'genesis_do_footer' ); remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 ); add_action( 'genesis_after', 'genesis_footer_markup_open', 11 ); add_action( 'genesis_after', 'genesis_do_footer', 12 ); add_action( 'genesis_after', 'genesis_footer_markup_close', 13 );
Tùy biến nút return to top
//* Tùy biến nút Return to Top trong Genesis add_filter( 'genesis_footer_backtotop_text', 'sp_footer_backtotop_text' ); function sp_footer_backtotop_text($backtotop) { $backtotop = '[footer_backtotop text="Return to Top"]'; return $backtotop; }
Tùy biến credits text hoặc footer text
Bạn có thể sử dụng 1 trong 2 code snippets sau:
//* Tùy biến Credits text trong Genesis 1 add_filter( 'genesis_footer_creds_text', 'sp_footer_creds_text' ); function sp_footer_creds_text() { echo '<div class="creds"><p>'; echo 'Copyright © '; echo date('Y'); echo ' · <a href="http://mydomain.com">My Custom Link</a> · Built on the <a href="http://www.studiopress.com/themes/genesis" title="Genesis Framework">Genesis Framework</a>'; echo '</p></div>'; }
Hoặc:
//* Tùy biến Footer text trong Genesis add_filter('genesis_footer_creds_text', 'sp_footer_creds_filter'); function sp_footer_creds_filter( $creds ) { $creds = '© 2022 · <a href="http://mydomain.com">My Custom Link</a> · Built on the <a href="http://www.studiopress.com/themes/genesis" title="Genesis Framework">Genesis Framework</a>'; return $creds; }
Tùy biến toàn bộ nội dung trong footer
//* Tùy biến toàn bộ nội dung Footer trong Genesis remove_action( 'genesis_footer', 'genesis_do_footer' ); add_action( 'genesis_footer', 'sp_custom_footer' ); function sp_custom_footer() { ?> <p>© Copyright 2012 <a href="http://mydomain.com/">My Domain</a> · All Rights Reserved · Powered by <a href="http://wordpress.org/">WordPress</a> · <a href="http://mydomain.com/wp-admin">Admin</a></p> <?php }
Xong. Đơn giản vậy thôi. Chúc các bạn thành công!
Ngoài ra, nếu không muốn can thiệp trực tiếp vào code của theme, các bạn có thể sử dụng plugin Genesis Simple Edits. Plugin này không chỉ cho phép các bạn tùy chỉnh footer mà cả post info và post meta.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Cho mình xin code nút “Back to top” giống wpcanban với <3
Cái này là tính năng của theme Paradise nên mình không chia sẻ bạn nhé. :P
Hiếu cho mình hỏi nếu mình muốn bỏ phần menu dưới cái footer thì mình tìm đoạn nào để xóa vậy mình tìm và thử nhiều cách vẩn không khả thi
Nó nằm trong core của Genesis Framework chứ không phải trong child theme bạn ạ. Vì vậy không thể xóa thủ công được, bạn update Genesis Framework thì nó cũng sẽ hiển thị trở lại. Bạn thử dùng code này để remove Genesis footer xem sao:
Ủa, hình như mỗi lần Update theme là sẽ bị mất mấy function này này đúng không cậu!
Đúng rồi. Nên tốt nhất bạn tạo 1 file fuctions.php riêng theo hướng dẫn trong bài viết “Tạo file functions.php để chèn code tùy biến WordPress” rồi chèn code tùy biến vào đó. :P
sao nó bị ntn nhỉ
http://prntscr.com/eea5m1
Bạn vào chỗ nào mà bị lỗi đó vậy? :P
Mình cái Functionality. xong vào chỗ cài đặt thì bị thế
Có lẽ do cái plugi này lâu không cập nhật nên không còn tương thích với theme cũng như WordPress mới nữa. Đành phải chèn trực tiếp vào file functions.php của theme và backup file functions.php trước mỗi lần update theme thôi bạn. Tạm thời chưa có hướng giải quyết nào khác. :P
Cho mình hỏi làm sao chèn Bình luận bằng Facebook sử dụng code vào phía trên comment mặc định vậy? Chèn Plugin thì chỉ hiện thị Bình luận bằng Facebook và không hiển thị khung cmt, cái này có phải do theme của genesis không vậy? Tks