Thêm nội dung trước bài đăng của bạn trên trang blog

Cách dễ nhất để thêm văn bản, HTML và hình ảnh trên trang blog của bạn trước danh sách bài đăng của bạn là tạo một mẫu trang blog tùy chỉnh.

Bằng cách này, bạn có thể chỉ cần thêm nội dung vào mẫu trang blog bằng trình chỉnh sửa WordPress của mình.

Hướng dẫn này chỉ liên quan đến việc sử dụng khung chủ đề Genesis.

Có ít nhất 3 cách bạn có thể thêm nội dung vào trang blog của mình:

  1. Thêm mẫu trang blog tùy chỉnh vào chủ đề con của bạn
  2. Chỉ tạo vùng widget trước các bài đăng trên trang blog
  3. Kết nối nội dung trực tiếp bằng cách sử dụng một hàm tùy chỉnh với thẻ điều kiện

Tạo Mẫu Trang Blog

Thêm mã này vào tệp mới bằng Notepad ++ hoặc một số trình soạn thảo văn bản khác.
/**
 * @author    Brad Dalton
 * @example   http://wpsites.net/web-design/add-content-before-posts-blog-page-only/
 * @copyright 2014 WP Sites
 */

/**
Template Name: Custom Blog
*/

add_filter( ‘body_class’, ‘blog_page_body_class’ );
function blog_page_body_class( $classes ) {
$classes[ ] = ‘custom-blog’;
return $classes;
}

add_action(‘genesis_loop’, ‘genesis_standard_loop’, 5);

genesis();


Đặt tên cho tệp là page_blog.php và tải nó lên thư mục gốc các chủ đề con của bạn.

Bước tiếp theo là tạo một trang blog mới và chọn mẫu trang này từ Thuộc tính trang của bạn.

Sau đó, bạn có thể thêm nội dung vào trang blog tùy chỉnh của mình bằng cách sử dụng trình chỉnh sửa WordPress và nội dung đó sẽ được hiển thị trước khi bài đăng của bạn được liệt kê.

Dưới đây là một ví dụ về giao diện của trang blog tùy chỉnh với một số văn bản được thêm vào trình chỉnh sửa và được StudioPress thử nghiệm trên chủ đề con của Executive Pro.

Xóa tiêu đề trang blog trùng lặp

Thêm mã PHP sau vào tệp chức năng của bạn:
remove_action( 'genesis_before_loop', 'genesis_do_blog_template_heading' );

Chỉ thêm khu vực tiện ích vào trang blog

Bạn có thể đi xa hơn nữa và thêm một khu vực tiện ích vào đầu mẫu trang blog của bạn (kho lưu trữ).

Đoạn mã này chứa mã PHP sẽ đăng ký một khu vực tiện ích con mới và xuất nội dung bằng cách sử dụng các móc hành động Genesis thực thi ở vị trí bạn muốn nội dung tiện ích con của mình hiển thị.

genesis_register_sidebar( array(
'id' => 'before-blog',
'name' => __( 'Before Blog Widget', 'wpsites' ),
'description' => __( 'This is the before post widget area on the blog page only.', 'wpsites' ),
) );
/**
* @author Brad Dalton - WP Sites
* @example http://wp.me/p1lTu0-9Jr
*/
add_action( 'genesis_before_loop', 'wpsites_before_blog_widget', 9 );
function wpsites_before_blog_widget() {
if ( is_page( '007' ) ) 
genesis_widget_area( 'before-blog', array(
'before' => '<div class="before-blog widget-area">',
'after' => '</div>',

}

Dán mã này vào tệp functions.php chủ đề con của bạn.

Mã này sẽ tạo khu vực tiện ích để bạn có thể xuất nội dung tiện ích trước khi các bài đăng trên blog của bạn được hiển thị trong danh sách trên trang lưu trữ blog của bạn.

Nó cũng bao gồm một thẻ có điều kiện chỉ hiển thị menu điều hướng Phụ (Phụ) trên trang blog.

Hoặc bạn có thể chỉ cần nối trực tiếp vào văn bản hoặc HTML của mình bằng cách sử dụng cùng một điều kiện.

function wpsites_content_before_posts() {
if ( is_page_template( 'page_blog.php' ) )
echo '<div class="before-blog">Add Image HTML Here</div>';
};
add_action('genesis_before_loop', 'wpsites_content_before_posts');

Vị trí hiển thị

Bạn có thể chỉ cần chỉnh sửa mã PHP và thay đổi các móc để hiển thị ở các vị trí móc khác cũng như thay đổi thẻ điều kiện.

Đoạn mã này rất giống với việc thêm một widget vào sau nội dung bài đăng.