WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
hosting-tot-nhat-danh-cho-wordpress

Tổng hợp code giúp tùy biến footer trong Genesis Framework

Trung Hiếu 57 Bình luận

Mục lục Hiện

Tổng hợp code giúp tùy biến footer trong Genesis Framework và Genesis child theme.

tuy-bien-footer-trong-genesis-framework-va-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:

Tùy biến footer trong Genesis

Riêng với theme Paradise, chúng tôi đã tích hợp tính năng cho phép chỉnh sửa footer trong Genesis => Theme Settings => Custom Footer Credits. Các bạn không cần phải sử dụng code bên dưới nữa.

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 &copy; ';
	echo date('Y');
	echo ' &middot; <a href="http://mydomain.com">My Custom Link</a> &middot; 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] &middot; <a href="http://mydomain.com">My Custom Link</a> &middot; 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>&copy; Copyright 2012 <a href="http://mydomain.com/">My Domain</a> &middot; All Rights Reserved &middot; Powered by <a href="http://wordpress.org/">WordPress</a> &middot; <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. :)

Đang tải đánh giá...

Bài viết liên quan

Ẩn tiêu đề trang hoặc bài viết trong Genesis Framework
Ẩn tiêu đề trang hoặc bài viết trong Genesis Framework
Sử dụng Genesis Framework Schema cùng Yoast SEO
Sử dụng Genesis Framework Schema cùng Yoast SEO
Chèn code vào bất cứ vị trí nào trên Genesis Framework
Chèn code vào bất cứ vị trí nào trên Genesis Framework

Reader Interactions

Bình luận

    Để lại một bình luận

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

    • 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. :)

      Bình luận

  4. 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.

    Bình luận

  8. 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 :)

    Bình luận

  10. 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 \

    Bình luận
1 2

Footer

Bình luận mới nhất

Bình luận nhiều nhất

  1. Tịnh Nguyễn (15)
  2. Ngọc Blue (6)
  3. Tuấn Digi (1)
  4. HN (1)
  5. Blog Công Chứng (1)

Thống kê WP Căn bản

9 Chuyên mục - 1.020 Bài viết - 35.706 Bình luận