• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

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
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Tổng hợp code giúp tùy biến Author Box trong Genesis
hosting-tot-nhat-danh-cho-wordpress

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

Cập nhật: 19/06/2022 Trung Hiếu 25 Bình luận

Mục lục Hiện
  • 1. Loại bỏ Author Box ra khỏi bài viết
  • 2. Kích hoạt Author Box cho tất cả các bài viết
  • 3. Kích hoạt Author Box cho trang lưu trữ
  • 4. Tùy chỉnh tiêu đề cho Author Box
  • 5. Tùy chỉnh kích thước của Gravatar trong Author Box
  • 6. Tùy biến giao diện của Author Box

Tổng hợp code giúp tùy biến Author Box trong Genesis.

tong-hop-code-tuy-bien-author-box-trong-genesis

Nhân dịp năm cũ đã qua, năm mới vừa đến, xin kính chúc toàn thể độc giả một năm mới tràn đầy sức khỏe, tràn ngập niềm vui, đong đầy hạnh phúc và vạn sự thành công. Đây là bài viết đầu tiên của blog WP Căn bản trong năm 2015 này. Nó không có gì là quá phức tạp hay khó hiểu. Không chần chừ thêm nữa, ngay sau đây là danh sách các code snippets giúp tùy biến Author Box (khung tác giả) trong Genesis Framework và Genesis child theme.

Tham khảo thêm:

  • Tổng hợp code tùy biến khung tìm kiếm trong Genesis
  • Tổng hợp code tùy biến khung bình luận trong Genesis

Lưu ý: Các code bên dưới được chèn vào file functions.php của Genesis Framework hoặc child theme mà bạn đang sử dụng. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn nhằm tránh nó bị xóa mất khi cập nhật theme.

Loại bỏ Author Box ra khỏi bài viết

Chèn 1 trong 2 code sau đây, tùy thuộc vào việc child theme mà bạn đang sử dụng là XHTML hay HTML5.

  • Đối với XHTML:
//* Loại bỏ Author Box ra khỏi bài viết trong Genesis XHTML Themes
remove_action( 'genesis_after_post', 'genesis_do_author_box_single' );
  • Đối với HTML5:
//* Loại bỏ Author Box ra khỏi bài viết trong Genesis HTML5 Themes
remove_action( 'genesis_after_entry', 'genesis_do_author_box_single', 8 );

Kích hoạt Author Box cho tất cả các bài viết

//* Kích hoạt Author Box trong Genesis
add_filter( 'get_the_author_genesis_author_box_single', '__return_true' );

Ngoài ra, các bạn cũng có thể truy cập Users => Profile => tick vào mục Enable Author Box on this User’s Posts? để kích hoạt Author Box cho tài khoản người dùng của bạn.

Kích hoạt Author Box cho trang lưu trữ

//* Kích hoạt Author Box cho trang lưu trữ
add_filter( 'get_the_author_genesis_author_box_archive', '__return_true' );

Ngoài ra, các bạn cũng có thể truy cập Users => Profile => tick vào mục Enable Author Box on this User’s Archives? để kích hoạt Author Box cho trang lưu trữ người dùng của bạn.

Tùy chỉnh tiêu đề cho Author Box

//* Tùy chỉnh tiêu đề cho Author Box trong Genesis
add_filter( 'genesis_author_box_title', 'custom_author_box_title' );
function custom_author_box_title() {
    return '<strong>Thông tin tác giả</strong>';
}

Tùy chỉnh kích thước của Gravatar trong Author Box

//* Tùy chỉnh kích thước Gravatar trong Author Box
add_filter( 'genesis_author_box_gravatar_size', 'author_box_gravatar_size' );
function author_box_gravatar_size( $size ) {
	return '80';
}

Tùy biến giao diện của Author Box

Dưới đây là 1 ví dụ về CSS dùng để tùy biến giao diện của Author Box. Các bạn có thể chèn nó vào file style.css của child theme đang dùng, sau đó chỉnh sửa các thông số sao cho phù hợp.

/* Author Box
------------------------------------------------------------ */
.author-box {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	margin: 0 0 40px;
	overflow: hidden;
	padding: 10px;
}
.author-box p {
	font-size: 14px;
}

Đơn giản vậy thôi. Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy theo dõi 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 nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

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

Chuyên mục: Thủ thuật WordPress Thẻ: Thủ thuật Genesis

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Top 15 WordPress themes miễn phí tốt nhất năm 2014
Bài viết sau Tổng hợp code giúp tùy biến footer trong Genesis Framework »

Reader Interactions

Bình luận

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

    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!

  1. Blog Duy Đàm 213 bình luậnviết

    23/03/2017 lúc 22:47

    Mình muốn có trang about giống của Hiếu phải chèn đoạn mã ở mục 2. Kích hoạt Author Box cho tất cả các bài viết: phải không Hiếu?

    Bình luận
  2. Ngọc 1 bình luậnviết

    04/09/2016 lúc 11:41

    cho mình hỏi, mình dùng gennesis nhưng box author lại nằm dưới mục bài viết liên quan như của bạn, bây giờ mình muốn nó lên ttren mục bài viết liên quan và nằm dưới nội dung bài viết thì làm như thế nào. Thanks bạn

    Bình luận
    • Trung Hiếu Quản lýviết

      04/09/2016 lúc 11:56

      Bạn remove Author Box (genesis_do_author_box_single) ra khỏi genesis_after_entry (như mặc định) rồi chèn nó vào genesis_entry_footer là được. :P

      Bình luận
    • Trung Hiếu Quản lýviết

      04/09/2016 lúc 11:59

      Ví dụ:

      remove_action( 'genesis_after_entry', 'genesis_do_author_box_single', 8 );
      add_action( 'genesis_entry_footer', 'genesis_do_author_box_single', 11 );
      Bình luận
  3. Thiện 5 bình luậnviết

    05/09/2015 lúc 20:44

    Hiếu cho mình hỏi trong phần Author có của Hiếu có chữ Facebook – – – đó là Hiếu config ở đâu, trong Func hay trong thông tin !
    tại có bài viết trên mạng ghi là làm bằng Func mà làm hoài ko dc

    Bình luận
    • Trung Hiếu Quản lýviết

      05/09/2015 lúc 21:42

      Cái này là HTML đơn thuần thôi mà bạn. Thêm vào trong mục “Biographical Info” đó. :P

      Bình luận
  4. Thanh Tùng 16 bình luậnviết

    04/01/2015 lúc 10:31

    Cho mình hỏi cái phần theo dõi tôi trên : …. thì thêm ở đâu Hiếu nhỉ

    Bình luận
    • Trung Hiếu Quản lýviết

      04/01/2015 lúc 10:41

      Bạn vào Users => Your Profile => About Yourself => Biographical Info => Dùng code HTML để thêm nội dung và textlinks vào đó. :P

      Bình luận
      • Thanh Tùng 16 bình luậnviết

        04/01/2015 lúc 10:57

        Bạn có thể cho mình hỏi tùy biến cái entry meta như trong post của bạn không? cần những gì hả bạn :D

        Bình luận
        • Trung Hiếu Quản lýviết

          04/01/2015 lúc 11:18

          Mình chèn thêm code snippets trong file functions.php và sử dụng font awesome trong style.css. :P

          Bình luận
          • Thanh Tùng 16 bình luậnviết

            04/01/2015 lúc 11:29

            Có thể hướng dẫn mình không :D, mình đang tìm hiểu genesis chả biết gì @@

        • Trung Hiếu Quản lýviết

          04/01/2015 lúc 16:12

          CSS thì bạn view source là thấy. Còn PHP thì trên blog của mình có bài viết rồi đấy bạn. Bạn chịu khó search với từ khóa Genesis nhé. :)

          Bình luận
  5. haivl 176 bình luậnviết

    02/01/2015 lúc 10:30

    Uhm kệ cha nó,chấp nhận tốn băng thông,bên mắt bão nó đổ tội cho ông.Nó nói do code của ông.Mà sao ông không chặn hotlink thế

    Bình luận
    • Trung Hiếu Quản lýviết

      02/01/2015 lúc 10:40

      Voãi chưởng. Tôi thì liên quan gì ở đây ba? Cái theme thì liên quan gì đến việc chặn hotlinks. Vớ vẩn thật. Để lát gửi ticket nhờ kỹ thuật bên hostvn.net chặn hộ vậy. Hiện tại tài khoản root của tôi đang bị thu hồi để theo dõi nên chịu. :P

      Bình luận
  6. haivl 176 bình luậnviết

    02/01/2015 lúc 10:02

    Không được,mới gọi hỏi matbao,lúc trước được giờ không được hình như do xài sever nginx thì phải.Trang kia nó chép cà trang của tôi,xài ảnh của tôi luôn

    Bình luận
    • Trung Hiếu Quản lýviết

      02/01/2015 lúc 10:20

      Đúng rồi. Tôi mới check thử. Trang chaomaohot.net của thím sử dụng server Nginx thật. Mà Nginx thì .htaccess không có tác dụng gì đâu. :P Thím xài VPS, có quyền root thì may ra còn can thiệp được, đằng này xày shared host thì bó chim luôn. :D Thằng hoctheo.com nó copy nguyên cả chuyên mục WordPress của tôi, Thạch Phạm và Jam Việt đây này. Thôi kệ cha nó đi. Đằng nào nó cũng chẳng thể vượt mặt mình được đâu. Nếu thích thì thím report Google DMCA vài phát là nó sợ thôi à. :P

      Bình luận
  7. haivl 176 bình luậnviết

    02/01/2015 lúc 08:09

    Hiếu cho xin cái code chuẩn chặn trang khác lấy ảnh của mình trong htaccess cái,sao tui chặn rồi mà nó vẫn lấy nhỉ. Demo nè http://chimchaomao.org/chon-chao-mao-di-thi.html

    Bình luận
    • Trung Hiếu Quản lýviết

      02/01/2015 lúc 09:46

      Trong cPanel có chức năng chặn Hotlinks đó ba. Kích hoạt nó lên là được. :P

      Bình luận
      • haivl 176 bình luậnviết

        02/01/2015 lúc 10:04

        Trang ông cũng không chặn đúng không,tui copy thử ảnh nó vẫn lên

        Bình luận
        • Trung Hiếu Quản lýviết

          02/01/2015 lúc 10:07

          Không chặn mà. Đang xài webserver Nginx nên không dùng được .htaccess. :P

          Bình luận
  8. thủ thuật máy tính 167 bình luậnviết

    01/01/2015 lúc 13:37

    Cậu chèn logo vào ảnh hơi nhẹ tay. Học tập của download . Com. Vn ấy :))

    Bình luận
    • Trung Hiếu Quản lýviết

      01/01/2015 lúc 13:52

      Ý bạn là chèn luôn vào giữa ảnh và làm mờ watermark đi hả? :P

      Bình luận
      • thủ thuật máy tính 167 bình luậnviết

        01/01/2015 lúc 15:16

        Ừ đúng đấy, có dùng photoshop cũng còn khướt :))

        Bình luận
        • Trung Hiếu Quản lýviết

          01/01/2015 lúc 17:28

          Có lẽ nào làm thế thật? Cảm ơn bạn đã góp ý nhé. :D

          Bình luận
          • thủ thuật máy tính 167 bình luậnviết

            01/01/2015 lúc 17:39

            Nếu chèn giữa cho mờ Giảm 90% copy ảnh :)) chứ c chèn thế kia, 2 phút tẩy xong. Ngay cả tớ nhìn thấy ảnh của downloadcomvn đã không muốn lấy, tẩy vết = công tự làm ảnh.

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025
  • Plugin SMTP siêu nhẹ dành cho WordPress 26/05/2025
  • Plugin contact form siêu nhẹ cho WordPress 23/05/2025

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

  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

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

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

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting