Các Genesis Child Themes theo mặc định không có bất kỳ tùy chọn nào để hiển thị ảnh featured trên các bài đăng đơn lẻ.
Mặc dù điều này có thể thực sự dễ thực hiện đối với các developer bằng cách thêm một vài dòng mã, nhưng những người trong chúng ta không thoải mái với mã sẽ cần tìm kiếm các đoạn mã được đề xuất để hiển thị featured image.
Nếu bạn cũng đang tìm cách sử dụng hình ảnh nổi bật trong các Genesis Child Themes, hãy làm theo hướng dẫn ngắn này.
Ảnh featured trên một bài đăng
Hầu hết các blog hiển thị ảnh featured của họ trên đầu các bài đăng của họ và đây là một trong những tính năng cần phải có trong site WordPress.
Để hình ảnh nổi bật tự động xuất hiện trên các bài đăng, hãy thêm đoạn mã bên dưới vào tệp functions.php của child themes.
Các bước thêm ảnh featured
- Đi tới Appearance > Editor > Theme Functions (functions.php)
- Thêm các dòng mã dưới đây vào tệp.
/* Code to Display Featured Image on top of the post */
add_action( 'genesis_before_entry', 'featured_post_image', 8 );
function featured_post_image() {
if ( ! is_singular( 'post' ) ) return;
the_post_thumbnail('post-image');
}
Bây giờ bạn sẽ có những hình ảnh nổi bật tự động xuất hiện trong tất cả các bài đăng của bạn.
Ảnh featured trên Trang chủ và Archive Pages
Bên cạnh đó, nếu bạn đang muốn hiển thị ảnh featured trên trang chủ hoặc các trang lưu trữ nội dung của mình, hầu hết các Child Themes phải có tùy chọn này theo mặc định trong cài đặt của bạn.
Vì vậy, hãy làm theo các bước dưới đây để bật tính năng này thông qua cài đặt.
- Đi tới Genesis >Theme Settings
- Trong phần Content Archives, xác định cài đặt bạn muốn
Thêm kích thước ảnh featured mới
Như bạn có thể thấy trong cài đặt ở trên, chỉ có tùy chọn giới hạn để hiển thị ảnh featured ở kích thước bạn muốn. Bạn muốn hiển thị hình ảnh với một size mà bạn mong muốn?
- Đi tới Appearance > Editor > Theme Functions (functions.php của Genesis Child Themes)
- Thêm các dòng mã dưới đây vào tệp.
//* Add new featured image sizes
add_image_size( 'home-bottom', 150, 100, TRUE );
add_image_size( 'home-top', 400, 200, TRUE );
Các số ở trên là size ảnh bạn muốn hiển thị, hãy thay đổi nó nếu bạn muốn.
Bài viết có thể bạn quan tâm:
- How to Verify Domain Ownership Via DNS Record Hawkhost
- Cách đổi font chữ wordpress bằng Easy Google Font Plugin
- Cách hiển thị Sheet Name trong cell Google Sheets cực kì đơn giản
[…] Cách Hiển Thị Ảnh Featured Trong Genesis Child Themes 2021 FAST […]