Hristo hỏi,
Này, tôi muốn thêm một phần vào trang blog - một biểu ngữ có chiều rộng đầy đủ. Tất nhiên, tôi có thể chỉnh sửa chủ đề con, làm điều đó theo cách thủ công, v.v. nhưng tôi đang tự hỏi liệu có cách Genesis thích hợp để thực hiện điều này không
Giả sử rằng bạn đã đặt Trang tĩnh làm trang Bài đăng tại Cài đặt> Đọc so với việc sử dụng Mẫu blog tích hợp sẵn của Genesis. Cảm ơn Bill.
Vẻ đẹp của Genesis là số lượng lớn các hook hiện diện trên khắp trang trong các chế độ xem khác nhau của một trang web WordPress.
Trong trường hợp này, genesis_after_header hook có thể được sử dụng để chèn đánh dấu HTML để hiển thị biểu ngữ hình ảnh bên dưới Tiêu đề (+ Điều hướng) như sau:
add_action( 'genesis_after_header', 'sk_blog_banner' );
/**
* Full Width Banner Image on Posts page
*
* @author Sridhar Katakam
* @link http://sridharkatakam.com/
*/
function sk_blog_banner() {
if ( ! is_home() ) {
return;
} ?>
<div class="blog-banner">
<img src="http://placehold.it/1600x222&text=Banner" alt="Banner" />
</div>
<?php
}
Đặt URL và văn bản thay thế của hình ảnh biểu ngữ mong muốn của bạn ở dòng 14.
Sau đó, thêm cái này vào style.css của chủ đề con :
/* Full Width Banner Image on Posts page
--------------------------------------------- */
.blog-banner {
text-align: center;
}
.blog-banner img {
width: 100%;
vertical-align: top;
}