Bài viết liên quan
Tiếp theo trong seri hướng dẫn tùy biến theme Genesis, hôm nay Chia sẻ WP sẽ hướng dẫn các bạn chỉnh sửa post info cho Genesis child theme.
Trước khi bắt đầu, các bạn ngắm lại post info của mình đã nhé. Trên kia kìa 😛
Xong chưa? Bây giờ thì bắt tay vào làm nào. Trong bài viết mình có yêu cầu sử dụng font awesome, chính vì vậy thì bạn nào chưa cài thì tham khảo nhé.
Thêm font Awesome cho Genesis FrameworkĐầu tiên, tất nhiên rồi, các bạn mở file functions.php lên và paste đoạn code sau vào.
//Edit Post infoadd_filter( 'genesis_post_info', 'cswp_post_info' );function cswp_post_info($post_info) {if (!is_page()) { $post_info = '[post_categories sep="," before=""][post_date] [post_author_posts_link] [post_comments] [post_edit]'; return $post_info;}}//Note//[post_categories sep="," before=""] Category//[post_date] Ngày đăng bài viết//[post_modified_date] Ngày chỉnh sửa bài viết lần cuối//[post_author_posts_link] Link tới trang của tác giả bài viết//[post_comments] Số comment//[post_edit] Chỉnh sửa bài viết
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//Edit Post info
add_filter( 'genesis_post_info', 'cswp_post_info' );
function cswp_post_info($post_info) {
if (!is_page()) {
$post_info = '[post_categories sep="," before=""][post_date] [post_author_posts_link] [post_comments] [post_edit]';
return $post_info;
}}
//Note
//[post_categories sep="," before=""] Category
//[post_date] Ngày đăng bài viết
//[post_modified_date] Ngày chỉnh sửa bài viết lần cuối
//[post_author_posts_link] Link tới trang của tác giả bài viết
//[post_comments] Số comment
//[post_edit] Chỉnh sửa bài viết
Sau đó bạn thêm tiếp đoạn code sau vào style.css
/*Post Info & Post Meta---------------------------------------------------------------------------------------------------- */.entry-time:before,.entry-modified-time:before,.entry-author:before,.entry-comments-link:before,.entry-categories:before,.entry-tags:before { color: #f96e5b; display: inline-block; font-size: 16px; font-family: 'FontAwesome'; margin: auto; padding: 5px;}.entry-time:before { content: "\f017"; }.entry-modified-time:before { content:"\f021";}.entry-author:before { content: "\f007"; }.entry-comments-link:before { content: "\f086"; }.entry-categories:before { content: "\f07c"; }.entry-tags:before { content: "\f02b"; }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/*
Post Info & Post Meta
---------------------------------------------------------------------------------------------------- */
.entry-time:before,
.entry-modified-time:before,
.entry-author:before,
.entry-comments-link:before,
.entry-categories:before,
.entry-tags:before {
color: #f96e5b;
display: inline-block;
font-size: 16px;
font-family: 'FontAwesome';
margin: auto;
padding: 5px;
}
.entry-time:before {
content: "\f017";
}
.entry-modified-time:before {
content:"\f021";
}
.entry-author:before {
content: "\f007";
}
.entry-comments-link:before {
content: "\f086";
}
.entry-categories:before {
content: "\f07c";
}
.entry-tags:before {
content: "\f02b";
}
Okay. Xong rồi đó. F5 thử xem nào.
Bonus:
Bạn muốn thay chữ Filed Under và Tagged thì thêm đoạn code sau vào file functions.php nhé.
//* Customize the post meta functionadd_filter( 'genesis_post_meta', 'sp_post_meta_filter' );function sp_post_meta_filter($post_meta) {if ( !is_page() ) {$post_meta = '[post_categories before="Category: "] [post_tags before="Tag: "]';return $post_meta;}}
1
2
3
4
5
6
7
//* Customize the post meta function
add_filter( 'genesis_post_meta', 'sp_post_meta_filter' );
function sp_post_meta_filter($post_meta) {
if ( !is_page() ) {
$post_meta = '[post_categories before="Category: "] [post_tags before="Tag: "]';
return $post_meta;
}}
//* Remove the post info functionremove_action( 'genesis_before_post_content', 'genesis_post_info' );
1
2
//* Remove the post info function
remove_action( 'genesis_before_post_content', 'genesis_post_info' );
Thẻ :
Wordpress
Bình Luận