---
title: "Tổng hợp code giúp tùy biến Author Box trong Genesis"
author: "Trung Hiếu"
date: "2015-01-01"
lastmod: "2022-06-19"
url: "https://wpcanban.com/wordpress/thu-thuat-wordpress/tong-hop-code-giup-tuy-bien-author-box-trong-genesis.html"
---

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

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

![tong-hop-code-tuy-bien-author-box-trong-genesis](https://wpcanban.com/wp-content/uploads/2015/01/tuy-bien-author-box-trong-genesis.png)

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](https://wpcanban.com) 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](https://wpcanban.com/tag/thu-thuat-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](https://wpcanban.com/wordpress/thu-thuat-wordpress/tong-hop-code-giup-tuy-bien-khung-tim-kiem-trong-genesis.html)
- [Tổng hợp code tùy biến khung bình luận trong Genesis](https://wpcanban.com/wordpress/thu-thuat-wordpress/tong-hop-code-tuy-bien-khung-binh-luan-trong-genesis.html)

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](https://wpcanban.com/wordpress/thu-thuat-wordpress/chen-code-php-vao-wordpress-voi-plugin-code-snippets.html) để 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.* :)