Trong hầu hết các Child Theme của Genesis đều có Copyright Footer Credit tuy nhiên họ lại không cho chúng ta một giao diện trực quan để chỉnh sửa nội dung. Muốn tùy biến lại khu vực này, bạn phải có kiến thức về php, html và các hook của Genesis. Nói thì khó khăn thế nhưng đừng lo, trong bài này tôi sẽ hướng dẫn các bạn.
Trước tiên, các bạn hãy ngắm nghía lại một chút Copyright Footer Credit cũ của ChiaseWP đã nhé. Tôi sẽ thay đổi nó sao cho cá nhân hơn và phù hợp hơn.
Một số shortcode mà các bạn nên biết, mà không biết cũng không sao.
[footer_copyright] => @ 2017[footer_childtheme_link] => Link của Child Theme[footer_genesis_link] => Link của theme Genesis[footer_studiopress_link] => Link tới trang chủ StudioPress[footer_wordpress_link] => Link tới trang chủ WordPress[footer_loginout] => Log in/Log out· => Tạo dấu chấm ở giữa dòng
[footer_copyright] => @ 2017
[footer_childtheme_link] => Link của Child Theme
[footer_genesis_link] => Link của theme Genesis
[footer_studiopress_link] => Link tới trang chủ StudioPress
[footer_wordpress_link] => Link tới trang chủ WordPress
[footer_loginout] => Log in/Log out
· => Tạo dấu chấm ở giữa dòng
Ok. Bắt tay vào làm thôi nào. Đầu tiên chúng ta phải tạo một hàm và thay nó bởi hàm cũ trong file functions.php của theme đã nhé. Tôi có hàm như sau:
function cswp_footer_credit_filter( $creds ) {$creds = 'Copyright @ 2017 · Designed by Việt Hùng · Powered by WordPress';return $creds;}add_filter('genesis_footer_creds_text', 'cswp_footer_credit_filter');
function cswp_footer_credit_filter( $creds ) {
$creds = 'Copyright @ 2017 · Designed by Việt Hùng · Powered by WordPress';
return $creds;
}
add_filter('genesis_footer_creds_text', 'cswp_footer_credit_filter');
Và kết quả là:
Được rồi đúng không? Nhưng thế phần shortcode tôi khuyên các bạn nên biết kia thì để làm gì? Giờ chúng ta dùng đây. Ví dụ nhé. Trên hàm kia tôi viết là “@ 2017“, đến năm 2018 thì nó vẫn là hiện 2017, phải làm sao, lại mở ra sửa lại à. Đừng lo, shortcode kìa. Bạn chỉ cần thay nó bằng shortcode trên là ok hết. Các cái khác thì bạn tự xử nhé.
Nhưng trông còn đơn điệu sao sao ý. Giờ tôi muốn có hình trái tim màu đỏ đằng sau Designed by Việt Hùng kia. Tôi thêm đoạn code vào sau từ Việt Hùng.
with <i class="fa fa-heart" aria-hidden="true" style="color:#ff0000"></i>
with <i class="fa fa-heart" aria-hidden="true" style="color:#ff0000"></i>
Chốt lại code như sau:
function cswp_footer_credit_filter( $creds ) {$creds = 'Copyright [footer_copyright] · Designed by Việt Hùng with <i class="fa fa-heart" aria-hidden="true" style="color:#ff0000"></i> · Powered by WordPress';return $creds;}add_filter('genesis_footer_creds_text', 'cswp_footer_credit_filter');
function cswp_footer_credit_filter( $creds ) {
$creds = 'Copyright [footer_copyright] · Designed by Việt Hùng with <i class="fa fa-heart" aria-hidden="true" style="color:#ff0000"></i> · Powered by WordPress';
return $creds;
}
add_filter('genesis_footer_creds_text', 'cswp_footer_credit_filter');
Cũng ổn. 🙂 Trên đây tôi dùng font Awesome để thêm cái icon trái tim vào, tôi cũng đã hướng dẫn cài font Awesome cho Genesis, nếu bạn nào chưa cài thì xem thêm nhé.
Lưu ý: Thông tin các bạn sửa theo blog của các bạn nhé.
Còn đây là code gỡ hẳn Copyright Footer Credit ra luôn. Bạn nào không muốn nữa thì xài nhé.
remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_do_footer' );
Tổng kết
Trên đây tôi đã hướng dẫn các bạn tùy biến Copyright Footer Credit một cách đầy đủ nhất, có bạn nào còn khó khăn gì thì đừng ngại ngần hãy cho tôi biết ở phần comment nhé. Chúc các bạn thành công.
Nguồn: Việt Hùng admin https://chiasewp.com/ 
Bình Luận