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
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 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;
}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 = '[footer_copyright] · <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 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 em hỏi là tạo cái trang như trang Bản Quyền của bác thì làm như nào nhỉ?
Cái này là landing page mặc định của theme bạn ạ. :P
Cái đó gọi là landing page à bác? Thấy trong theme có cái này mà em không biết nó là gì, giờ thì mới biết…thank bác nhiều nha… :))
Mình muốn thêm menu: giới thiệu, liên hệ, hay 1 số cái khác thì nên dùng đoạn code nào bác.
Code trong mục 3 hoặc mục 4 đều được. :P
Em thì toàn dùng Simple Hook để tùy biến. nhiều khi quen nên sướng. Với cái đó cũng nhẹ nhẹ không đến nỗi.
Những bạn không quen code thì nên sử dụng plugin để tùy biến cho dễ. Nhưng không nên quá lạm dụng, cái nào tối giản được thì nên tối giản. :)
Chào bạn. Mình dùng Magazine Pro Theme cho site của mình. Mình muốn chuyển màu nền sang màu khác phải làm sao bạn nhỉ. Mình tìm mà ko ra.
Mình đã trả lời cho bạn là cần phải đổi mã màu hexa ở trong tập tin style.css của child theme rồi mà. :P
Thank bạn.
Thanks chủ thớt, tớ làm được rồi nhé
Em mê genesis , nhìn blog cuae anh lại càng thích mắt, anh cho em hỏi là mấy cái menu của anh chủ yếu là tùy biến ở chil ạ
Giao diện này mình chỉ tùy biến ở child theme thôi, không can thiệp gì đến framework cả. :P
mình đăng lại ý mà :3 :3
Copy bài viết thì bao giờ mới ngóc đầu lên nổi. Phải tự viết để tạo dấu ấn và phong cách cá nhân chứ. :P
Chào Hiếu. Mình đang tìm hiểu về genesis và cũng đang cũng genesis. ko biết mình có thể copy các bài viết về genesis trên ebooksvn được k :)
Hai việc trên có vẻ không liên quan gì đến nhau nhỉ. Bạn tìm hiểu thì cứ tìm hiểu. Còn copy để làm gì? :P
Hiếu ơi, cho mình hỏi là thay đổi màu chữ đen mặc định của theme này ở đâu thế? tớ tìm mãi ko thấy :)
Để màu đen có độ tương phản tốt nhất mà. Đổi màu làm chi vậy? :P
À ko tớ chỉnh ít màu tiêu đề thôi. Nhưng cứ vào web cậu hỏi xong lại tìm ra :v
Nhiều lúc tự tìm sẽ nhớ lâu hơn. :) Không liên quan nhưng mấy hôm nay VPS của mình bị Tàu Khựa attack thì phải. CPU hay bị max và băng thông thì tăng chóng mặt. Vừa phải nâng cấp lên gói RAM 2GB và CPU 2 Core. Hiện tại đang phải dùng CloudFlare để chống DDOS và block hotlinks, đến mệt. =.=!
Hic, lên vps mới sướng :)) blog tôi cùi lắm. À mà c có bài hướng dẫn việt hoá theme này chưa ấy nhỉ?
Cho mình hỏi theme này chút là, sao bài viết của mình có dấu \ thì nó lại ko hiện chỉ hiện /. ví dụ HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Contro l\StorageDevicePolicies là ko hiện đấu \
Đồng chí có can thiệp gì vào trình soạn thảo của WordPress hay sử dụng shortcodes gì không? :P
Mình không can thiệp gì cả. để mặc định :( hôm cài theme Genesis viết bài cũng thấy thế rồi nhưng quên không hỏi,
Khi vào sửa bài thì vẫn thấy bình thường, mỗi tội ngoài bài viết thì ko thấy đâu. lạ thiệt
Ủa. Vậy hả? Để mình tìm hiểu xem. Trước giờ chưa dùng ký tự “\” trong bài viết lần nào nên cũng không để ý. :P
Mình bình luận thì lại bình thường :v bó tay luôn :D
Theme khác có bị như thế này không? Hay chỉ có Magazine Pro (hoặc Genesis) mới bị? :P
Themê khác bt. Thế mới hay :D
Cho mình hỏi mình dùng thêm Magazine Pro Theme hiện nó đang ở màu đen. Mình muôn chuyển sang màu xanh giống bạn phải làm sao?
Chỉnh sửa mã màu hexa trong file style.css. :)