Thay đổi Copyright Footer Credit trong Genesis Theme

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.

© 2018 => @ 2017

·Minimalist Pro => Link của Child Theme

Genesis Framework => Link của theme Genesis

by StudioPress => Link tới trang chủ StudioPress

WordPress => Link tới trang chủ WordPress

Log in => 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');

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>

Chốt lại code như sau:

function cswp_footer_credit_filter( $creds ) {
	$creds = 'Copyright © 2018 &middot; Designed by Việt Hùng with <i class="fa fa-heart" aria-hidden="true" style="color:#ff0000"></i> &middot; 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' );

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.

Thay đổi Copyright Footer Credit trong Genesis Theme

4.7 sao (18 đánh giá)

Leave a Reply

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *