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 = '© 2023 · <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:
//* Remove Genesis Footer remove_action('genesis_footer', 'genesis_do_footer'); remove_action('genesis_footer', 'genesis_footer_markup_open', 5); remove_action('genesis_footer', 'genesis_footer_markup_close', 15);Ủ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
Anh sử dụng đoạn code:
//* Tùy biến nội dung Footer trong Genesis remove_action( 'genesis_footer', 'genesis_do_footer' ); add_action( 'genesis_footer', 'sp_custom_footer' ); function sp_custom_footer() { ?> <i>Copyright 2014-2023 © <a href="https://xray.vn/lien-he/" rel="nofollow ugc">Xray.vn</a></i> <?php }Tuy nhiên nó hiển thị ra dòng thông tin tùy chỉnh nhưng dòng chữ gốc của Theme vẫn giữ nguyên mặc dù đoạn code đã có lệnh:
Tầm này anh còn dùng code làm gì nữa nhỉ? :D Genesis Framework hỗ trợ tùy biến Footer ngay trong Customizer rồi mà. Anh vào Appearance => Customize => Theme Settings => Footer nhé.
a tìm của anh nó không có cái Footer luôn em.
Anh đang dùng Genesis Framework và Paradise child theme phiên bản bao nhiêu vậy? :D
Anh dùng Genesis Phiên bản: 2.5.3
Paradise Phiên bản: 4.3.4
Đang chuyển sang Snippets nên chưa cập nhật bản mới.
Anh vừa thử copy đoạn code vào function.php thì nó lại được còn copy đoạn code sang Snippets thì vẫn còn nguyên dòng cũ.
Anh dùng theme từ đời Tống nên không tìm thấy mục như em nói là đúng rồi. Genesis Framework ra phiên bản 3.4.0 từ lâu rồi. Còn Paradise child theme thì đã ra đến phiên bản 6.5.9. :P
A đang chuyển dần các đoạn code tùy biến từ fuction.php sang Snippet, có cách nào để kiểm tra thử xem trên bản Paradise mới nhất nó đã ổn chưa không em vì kiểu gì cũng có nhiều chỗ chỉnh sửa không nhớ hết.
Đúng ra ngay từ đầu anh phải chèn CSS tùy biến vào Additional CSS trong Customizer, còn funtions thì dùng plugin Code Snippets… thay vì chỉnh sửa trực tiếp trong file theme. Giờ thì chỉ có cách dò tìm rồi copy sang chứ không có cách nào khác cả. :D
Làm cách nào để cập nhật bản Framework mới nhất vậy và nếu cập nhật bản mới nhất và Paradise mình chưa thể cập nhật thì có lỗi không em.
Anh vẫn chưa tìm hết code từ function.php để chuyển sang Snippets
Update Genesis Framework mà không update child theme thì nguy cơ lỗi web là rất cao anh nhé. :P
Mà sao anh đang kiểm tra thử cái Genesis 2.5.3 của mình nó cũng không có phần thông tin Update gì cả, nên từ trước tới giờ vẫn chỉ quan tâm biết là Paradise ra bản mới thôi còn cái Genesis Framework đúng là hôm nay em nói mới biết luôn :-(
Anh có tick vào phần update trong Customizer không? :P
a kiểm tra trong phần đó thì không thấy có phần cho Update Theme.
Có mà anh. Nằm trong Theme Settings => Updates ấy. Từ thuở sơ khai nó đã nằm ở đấy rồi. :P