Khu vực widget Genesis After Entry thường được thêm vào sau một mục nhập bài đăng và trước phần nhận xét. Nhưng bạn có thể muốn có một khu vực tiện ích sau khi nhập bên trong khu vực nội dung bài đăng. Hướng dẫn này chỉ cho bạn cách di chuyển khu vực tiện ích sau khi nhập.
Bạn có thể di chuyển khu vực widget sau khi nhập một cách dễ dàng. Đối với bài hướng dẫn này , tôi đang sử dụng chủ đề con của Genesis Sample, nhưng đã tạo cho nó một nền màu xám đậm hơn, vì vậy bạn có thể dễ dàng nhìn thấy khu vực nội dung bài đăng hơn. Tôi cũng đã thêm nền màu xanh lam vào tiện ích sau khi nhập.
Tất cả mã trong hướng dẫn này sẽ được thêm vào functions.php chủ đề con của bạn. Hãy chắc chắn sử dụng một trình soạn thảo văn bản.
Mật mã
<?php // Remove line above before adding to functions.php// Add support for after entry widget
add_theme_support( ‘genesis-after-entry-widget-area’ );// Remove the after entry widget from after blog post entry
remove_action( ‘genesis_after_entry’, ‘genesis_after_entry_widget_area’ );
// Add the after entry widget at the end of the post content
add_action( ‘genesis_entry_content’, ‘genesis_after_entry_widget_area’, 10 );
Giải thích mã
- Dòng đầu tiên bổ sung hỗ trợ chủ đề cho khu vực tiện ích sau khi nhập.
- Dòng thứ hai xóa khu vực tiện ích sau khi nhập khỏi vị trí mặc định của nó bên dưới mục đăng và phía trên phần nhận xét.
- Dòng thứ ba thêm lại khu vực tiện ích sau khi nhập vào khu vực nhập bài.
- Số ưu tiên, 10, ở dòng thứ ba thêm nó vào cuối bài viết; sử dụng số 9 sẽ thêm nó vào đầu bài viết, ngay bên dưới tiêu đề và meta mục nhập.
Di chuyển sau khi mục nhập đến ngay bên dưới Meta danh mục và thẻ
Nếu bạn muốn khu vực widget after entry nằm ngay bên dưới các danh mục và thẻ, nhưng vẫn ở bên trong khu vực post entry, bạn sẽ thêm phần sau vào functions.php của mình.<?php // Remove line above before adding to functions.php// Add support for after entry widget
add_theme_support( ‘genesis-after-entry-widget-area’ );// Remove to relocate after entry widget
remove_action( ‘genesis_after_entry’, ‘genesis_after_entry_widget_area’ );
add_action( ‘genesis_entry_footer’, ‘genesis_after_entry_widget_area’, 15 );
Lưu ý rằng dòng cuối cùng thêm vào chân trang mục nhập genesis (meta danh mục và thẻ) và sử dụng số ưu tiên là 15.
Thêm vào Bài đăng nhập và vào Bài đăng và Trang
Một hướng dẫn trước đây đã chỉ ra cách thêm khu vực tiện ích sau mục nhập vào các bài đăng và trang. Để kết hợp hướng dẫn này với phần trước, bạn sẽ thêm đoạn mã sau vào functions.php của mình.<?php // Remove opening php tag when using// Add support for after entry widget
add_theme_support( ‘genesis-after-entry-widget-area’ );// Remove after entry widget
remove_action( ‘genesis_after_entry’, ‘genesis_after_entry_widget_area’ );// Add after entry widget to posts and pages
add_action( ‘genesis_entry_content’, ‘amethyst_after_entry’, 10 );
function amethyst_after_entry() {if ( ! is_singular( array( ‘post’, ‘page’ )) )
return;genesis_widget_area( 'after-entry', array( 'before' => '<div class="after-entry widget-area">', 'after' => '</div>', ) );
}
Và một số kiểu dáng
Nếu bạn muốn có kiểu giống như trong hình ảnh, bạn có thể thêm phần sau vào trình chỉnh sửa CSS tùy chỉnh hoặc style.css chủ đề con của bạn..after-entry {
background-color: #83CAFE;
margin: 40px -60px 0;
padding: 40px 60px;
}