Tùy biến post info trong Genesis child theme.
Post info chứa thông tin về tác giả, thời gian đăng tải, thời gian cập nhật, số lượng bình luận… của một bài viết. Trong khi đó, post meta cung cấp thông tin về chuyên mục và tags (thẻ, từ khóa) của bài viết đó. Trong Genesis Framework cũng như Genesis child theme, cả post info và post meta mặc định đều được hiển thị bằng tiếng Anh. Nếu bạn đang muốn Việt hóa hoặc tùy biến chúng theo ý thích của mình thì bài viết này là dành cho bạn.
Tham khảo thêm: Gộp chung post info và post meta trong Genesis Framework
Hướng dẫn tùy biến post info trong Genesis một cách nhanh chóng
Bạn có muốn Việt hóa phần post info và post meta trong child theme Genesis trông giống như thế này?
– Post info trong Genesis child theme:
– Post meta trong Genesis child theme:
Rất đơn giản. Thêm 2 đoạn code này vào file functions.php của child theme Genesis bạn đang dùng. Tùy biến những dòng chữ tiếng Việt theo ý thích của bạn.
– Code tùy biến post info:
– Code tùy biến post meta:
Sau khi chỉnh sửa, click vào nút “Save Changes” để lưu lại các thiết lập. Đơn giản vậy thôi, chúc các bạn thành công!
Ngoài ra, các bạn cũng có thể sử dụng plugin Genesis Simple Edits để tùy biến post info và post meta theo ý của mình. Plugin này rất nhẹ và hoàn toàn không gây ảnh hưởng đến tốc độ load của blog/ website.
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. :)
Hiếu ơi mình thêm vào báo lỗi
Parse error: syntax error, unexpected T_STRING in /home/chungcuh/public_html/wordpress/wp-content/themes/magazine-pro/functions.php on line 4
Bạn đã nhớ bỏ dấu cách bên trái (hoặc bên phải) của các dấu [ và ] chưa? :P
Mình đã bỏ jui nè mà k dc :(
add_filter(‘genesis_post_info’, ‘be_post_info_filter’);
function be_post_info_filter($post_info) {
$post_info = ‘Đăng bởi[ post_author_posts_link] lúc[ post_time]
ngày[ post_date][ post_comments zero=”0 Bình luận” one=”1 Bình luận” more=”% Bình luận”][ post_edit]’;
return $post_info;
}
add_filter(‘genesis_post_meta’, ‘be_post_meta_filter’);
function be_post_meta_filter($post_meta) {
$post_meta = ‘[ post_categories sep=”/” before=”Chuyên mục: ”][ post_tags sep=”/” before=”Từ khóa tìm kiếm: ”]’;
return $post_meta;
}
Bạn bỏ chưa hết kìa. Bỏ hết dấu cách giữa chữ post và dấu [ đi. :P
Mình đã đã bỏ hết jui, dùng cả notepad để lọc cho chính xác mà vẫn báo lỗi :'(
Hiếu có thể sửa jui gửi vào email giúp mình dc k?
Bạn có thể vào đây để xem danh sách code snippet giúp tùy biến Genesis nhé: http://my.studiopress.com/snippets/
Thanks u Hiếu nhé có http://my.studiopress.com/snippets/
Cũng dễ hiểu được tí :D
Mình cũng bắt đầu làm quen với Genesis từ đó mà. :)
Mình muốn đưa post meta lên trên cùng dòng post info thì làm thế nào hiếu nhỉ :D
Cái này mai mình viết bài hướng dẫn cho nhé. Nói hơi dài dòng. :D
Chuẩn rồi :D
Lót dép ngồi hóng bài mới ngày mai :-p
Đã có bài viết: https://wpcanban.com/wordpress/thu-thuat-wordpress/gop-chung-post-info-va-post-meta-trong-genesis-framework.html :D
Xin chào, mình đang muốn tuỳ biết Post Info cụ thể mình muốn tạo thêm phần giá và diện tích sẽ cho hiện trong Post Info cho website của mình, mình tìm nhiều trên mạng mà chưa được mình thấy bài này nói tuỳ biến Post Info bạn có thể hỗ trợ giúp mình không mình đang sài Child Genesis (AgentPress Two) Website http://datnenbinhphuoc.com/
Mính đang dùng genesis 2.2.3, sửa bằng cách của bạn không được…!
bạn update lại theo bản genesis mới giúp mình với. cảm ơn bạn nhiều!
Bạn có thể tham khảo code này nhé:
– Tùy biến Post Info:
//* Customize the post info function
add_filter( 'genesis_post_info', 'sp_post_info_filter' );
function sp_post_info_filter($post_info) {
if ( !is_page() ) {
$post_info = '[post_date] by [post_author_posts_link] [post_comments] [post_edit]';
return $post_info;
}}
– Tùy biến Post Meta:
//* 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="Filed Under: "] [post_tags before="Tagged: "]';
return $post_meta;
}}
Lưu ý: nếu bạn dùng child theme thì phải chèn vào file functions.php của child theme. :P
Mình add code này vào functions.php nhưng không thấy có tác dụng, bạn kiểm tra giúp mình:
Trang mình đây: http://www.hotroxuatkhaulaodong.com/tuyen-gap-18-ban-nu-biet-may-lam-viec-tai-nhat-ban-luong-cao/
//* 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="Danh Mục: "] [post_tags before="Tags tìm kiếm: "]‘;
return $post_meta;
}}
Bạn thử deactive toàn bộ các plugin rồi thêm code xem sao. Có thể nó bị conflict với một plugin nào đó mà bạn đang sử dụng.
Đã làm được cảm ơn bạn. Mình muốn việt hóa phần comment fải làm sao bạn nhỉ?
Cách nhanh nhất và đơn giản nhất chính là chuyển qua sử dụng WordPress tiếng Việt. Còn nếu không, bạn sẽ phải tạo một file ngôn ngữ tiếng Việt cho Genesis, cách này phức tạp hơn. :P
Để thêm icon giống của Hiếu thì phải làm sao vậy?
Chịu khó search chút đi bạn hiền: https://wpcanban.com/wordpress/thu-thuat-wordpress/icon-vao-menu-cua-genesis-theme.html
Ko phải trên menu icon phần Post info giống hiếu đó.
Tích hợp class vào style.css. Click chuột phải vào icon => Inspect Elements => Tự tìm hiểu nhé. :P
Chào Hiếu vì muốn tạo incon cho phần này mà mình đã thêm 2 doạn code này: Bạn có thể sử dụng Dashicons có sẵn của WordPress như sau:
Thêm CSS này vào style.css, trước Media Queries
/* Entry Meta Icons
——————————————— */
p.entry-meta {
font-size: 16px;
margin-bottom: 0;
color: #bc360a;
}
.entry-header .entry-meta {
margin-bottom: 60px;
}
.entry-meta a {
color: #bc360a;
}
.entry-header .entry-meta a:hover {
color: #e12727;
}
.entry-author::before,
.entry-categories::before,
.entry-comments-link::before,
.entry-tags::before,
.entry-time::before {
display: inline-block;
font: normal 16px/1 ‘dashicons’;
color: #bc360a;
margin-right: 5px;
margin-top: 5px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
}
.entry-author,
.entry-comments-link,
.entry-time {
margin: 0 10px;
}
.entry-categories,
.entry-tags {
display: block;
}
.entry-author::before {
content: “\f110”;
}
.entry-categories::before {
content: “\f318”;
}
.entry-comments-link::before {
content: “\f101”;
}
.entry-tags::before {
content: “\f323”;
}
.entry-time::before {
content: “\f469”;
}
Thêm code vào file functions.php của child theme (nếu chưa có child theme thì nên tạo):
add_action( ‘wp_enqueue_scripts’, ‘load_dashicons’ );
function load_dashicons() {
wp_enqueue_style( ‘dashicons’ );
}
Giờ site dừng hoạt động. Mình cũng đã vào 2 file trên để tìm xóa nhưng chưa xóa đc. Nhờ bạn giúp mình lần nữa đc ko? Vì muốn vọc vạch mà cứ làm hư mất site. Chán quá. Nhờ bạn giúp mình với. Xin lỗi đã làm fiền.
Gửi cho mình thông tin đăng nhập cPanel qua email nhé. :P
Mình đã gửi qua form liên hệ. Cảm ơn bạn
Hình như bạn gửi nhầm thông tin đăng nhập cPanel của trang khác thì phải? :P
Mình gửi đúng mà. Lần trước mình cũng nhờ bạn xóa 1 lần rồi đó.
Nhờ bạn giúp mình với nha. Mình cũng ko biết nguyên nhân vì sao lại vậy nữa.
Mình kiểm tra source theme không thấy file nào được chỉnh sửa trong mấy ngày gần đây cả. Vậy là sao? :P
Mình cũng ko biết nữa. Ko hiểu vì sao. Mình mới thêm 2 đoạn code trên vào trưa hôm qua mà.
Chả thấy đoạn code nào cả. Lần chỉnh sửa file gần nhất cũng vào tháng 4 rồi. Thế mình mới hỏi bạn có đưa nhầm thông tin không chứ. :P
Mình ko đưa nhầm đâu. Mình chỉ có 1 site 1 tài khoản đó thôi. Host này mình đc 1 người tên đông bán lại. Ko biết lúc vào để chỉnh sửa mình bấm nhầm đâu ko biết. Hình như mình có bấm biểu tượng có hình thùng rác. Ở file funcsions.php
Theo bạn còn cách nào để sửa site của mình nữa ko?
Nếu bạn có bản backup mã nguồn thì upload và ghi đè lên theme cũ là xong. :P
Nếu đem bản mã nguồn gốc lên thì trang có trở lại bình thường dc ko ban?
Bản ở đây là bản backup gần nhất của bạn nhé. Không phải là bản theme Magazine Pro gốc. Nếu bạn up bản Magazine Pro gốc thì tất nhiên mọi tùy biến trong style.css và functions.php đều mất rồi. :P
Nó mất nhưng nội dung trong bài viết vẫn đc giữ nguyên fải ko bạn?
Tất nhiên. Bài viết được lưu trên database mà. Không liên quan gì đến theme cả. :P
Vậy chắc mình úp file gốc lên chứ mình ko backup file cũ. Sau đó chỉnh sửa lại.
Cũng được. Thử xem. :) Để site chết lâu quá không có lợi cho SEO đâu. Google Bots nó truy cập mãi không được là rớt hạng đó. :P
Cảm ơn trung hiếu nhiều nhé mình đã áp dụng như bạn hướng dẫn và đã thành công cho blog. Tìm bao nhiêu lâu mà không biết cách chỉnh sửa :D. tks nhiều
Đừng chèn link vào trong bình luận nếu không cần thiết bạn nhé. Blog của mình không phải là “bãi rác” để “xả backlinks”. :P
Có cách nào để post info hiển thi thời gian cập nhật bài viết thay cho thời gian xuất bản bài viết vậy anh
Nếu là Genesis thì dễ. Còn theme khác thì mình không rõ. Vì mỗi theme có một cách cấu hình khác nhau. :P Genesis thì có thể dùng plugin Genesis Simple Edits hoặc dùng code (chèn thêm [post_modified_date] vào code trong bài viết bên trên). :)
Cảm ơn anh nhiều :)
Mình muốn chuyển sang WP và chọn được 1 theme rất là ưng ý để sau này mua nhưng vì ko có kinh nghiệm nên không biết theme đó có tốt cho seo, tải nhanh hay tối ưu code… Bạn cho mình lời khuyên nhé? mình cũng tìm được nhiều thông tin này trên Google nhưng không tin tưởng bằng bác nên vào đây xin bác tư vấn, nó đây bác http://themes.themegoods2.com/grandnews/demo2/
Theme này không hề được đánh dấu dữ liệu có cấu trúc (khó SEO), kích thước hình ảnh thumbnail không tối ưu, sử dụng nhiều file css và js… nên theo mình là không nên dùng. :P
Cảm ơn bạn, mình lại rất thích theme kiểu này, nhìn rất là sướng, nếu cái trang home có intro giống như báo công nghệ nữa thì tuyệt. Bạn có bán theme nào như vậy không? tư vấn giúp mình.
Theme kiểu đó bạn vào Theme Junkie hoặc MyThemeShop có rất nhiều nhé. Bên mình có tất cả theme của 2 nhà cung cấp này. :P
Tuyệt vời, mình kiểm tra pagespeed thì thấy xanh lét à. Giờ mình đang chuẩn bị lần lần vì ko có nhiều thời gian và chi phí. Nghe 2 cái này nhiều rồi nhưng người mình tin tưởng giới thiệu thì mới thấy yên tâm.
A cho e hỏi, thêm 1 code vào ví dụ như code share mxh thì chèn vào đâu ạ
Genesis thì dùng plugin Genesis Simple Share đi bạn. Vừa đẹp vừa nhẹ. Code chi cho mất thời gian. Hiệu quả như nhau thôi. :P
anh Hiếu ơi em muốn thêm đếm cả số lượt xem bên cạnh số comment thì mình chèn thêm code gì ạ ?
Em rất cảm ơn anh ^^
Bạn tham khảo bài viết “Tạo bộ đếm số lượt xem bài viết trong WordPress một cách đơn giản” xem sao. Lấy shortcode [post-views] của nó chèn vào. :)
anh Hiếu cho em hỏi làm sao đổi màu cho thanh menu anh nhỉ, em tìm thấy trong editor => style.css các mã màu nhưng em thay thế mã màu đó thì vẫn k thay đổi
em cám ơn anh
Đổi mã màu xong bạn có xóa cache web, cache trình duyệt cũng như các file minify CSS, JS (nếu có) không? :P