Thích 2.58 K● Bình luận 0●2.58 K ● Bình luận 0 ● 789 đánh giá đánh giá Featured Image đóng vai trò quan trọng đối với mỗi bài đăng trên website, giúp bài viết nhận được sự chú ý của người đọc . Nếu có thắc mắc gì trong lúc cài đặt vui lòng để lại commnet bênd dưới. Chúc các bạn thành công. Hôm nay mình muốn giới thiệu
đến các bạn cách sử dụng Post thumbnail image trong WordPress. Tính năng này giúp bạn hiển thị hình đại diện cho bài viết. Bạn nghĩ sao về bài viết này?Bkasoft.net – Hôm nay mình muốn giới thiệu đến các bạn cách sử dụng Post thumbnail image trong WordPress. Tính năng này giúp bạn hiển thị hình đại diện cho bài viết. add_theme_support( 'post-thumbnails' ); Khai báo sử dụng Post thumbnailsĐầu tiên bạn mở file functions.php của theme bạn lên khai báo cho wordpress biết là bạn sẽ sử dụng tính năng Post thumbnail image.add new
post một bài mới bạn sẽ thấy mục hỗ trợ featured image
Hình 1: Chọn hình ảnh đặc trưngSử dụng Featured Image trong bài viếtSet featured image trình duyệt sẽ mở chọn bạn chọn file image để upload. Sau đó bấm vào Use as featured image và save lại.
Tính năng này được tạo ra khi bạn sử dụng post thumbnails, sau khi khai báo trên xong bạn vào add new post một bài mới bạn sẽ thấy mục hỗ trợ featured imageHình 1: Chọn hình ảnh đặc trưng Bạn bấm vào Set featured image trình duyệt sẽ mở chọn bạn chọn file image để upload. Sau đó bấm vào Use as featured image và save lại. Hình 2: Hình ảnh đặc trưng được sử dụngLúc này update bài viết lại featured image ra ngoài giao diện trang chủ hay bài viết của bạn. Bạn mở file index.php lên trước content hôm trước bạn gõ đoạn code sau vào. <!-- <?php if ( has_post_thumbnail() ) { the_post_thumbnail(); } ?> -->Hiển thị Featured Image Công việc bây giờ là hiển thị featured image ra ngoài giao diện trang chủ hay bài viết của bạn. Bạn mở file index.php lên trước content hôm trước bạn gõ đoạn code sau vào. Hàm này kiểm tra nếu tồn tại post thumbnail thì hiển thị ra. Lúc này save lại và chạy thử ta được. 'images/default-thumbnail.png'.'" alt="" />'; các bạn tải ảnh default-thumbnail.png và upload lên hosting ở vị trí bạn muốn sau đó đặt vào đoạn code như trên
Các bài viết liên quan đến Post mà bạn có thể tham khảo: - Lời kết
- Featured Image đóng vai trò quan trọng đối với mỗi bài đăng trên website, giúp bài viết nhận được sự chú ý của người đọc . Nếu có thắc mắc gì trong lúc cài đặt vui lòng để lại commnet bênd dưới. Chúc các bạn thành công.
 Bạn nghĩ sao về bài viết này? Bkasoft.net – Hôm nay mình muốn giới thiệu đến các bạn cách sử dụng Post thumbnail image trong WordPress. Tính năng này giúp bạn hiển thị hình đại diện cho bài viết. Khai báo sử dụng Post thumbnails Đầu tiên bạn mở file functions.php của theme bạn lên khai báo cho wordpress biết là bạn sẽ sử dụng tính năng Post thumbnail image. Sử dụng Featured Image trong bài viết: bcdonline.net
Nội dung chính - 1 Featured Image là gì? Featured Image là gì?
- 2 Hướng dẫn thêm Featured image cho WordPress Hướng dẫn thêm Featured
image cho WordPress
- 2.1 Tự dùng ảnh đầu tiên bài viết làm Featured Image WordPress Tự dùng ảnh đầu tiên bài viết làm Featured Image WordPress
- 2.1.1 Cách 1 dùng plugin Cách 1 dùng plugin
- 2.1.2 Cách 2 dùng code tạo featured image từ ảnh đầu bài viết Cách 2 dùng code tạo featured image từ ảnh đầu bài viết
- 3 Lời kết Lời kết
Có rất nhiều theme không hỗ trợ lấy ảnh đầu tiên làm Featured Image cho bài viết WordPress, vậy làm sao để hiển thị Featured Image ra ngoài trang chủ ? Bài viết này Chiasefree.com sẽ hướng dẫn các bạn làm điều đó. Featured Image (còn được gọi là hình thu nhỏ bài đăng) là một tính năng của chủ đề WordPress cho phép các nhà phát triển chủ đề hỗ trợ thêm việc sử dụng hình ảnh đại diện cho các bài đăng, trang hoặc các loại bài đăng tùy chỉnh. Mặc dù Featured Image là thuật ngữ chính thức của tính năng WordPress này, một số chức năng và thẻ mẫu vẫn sử dụng thuật ngữ Post Thumbnails (hình thu nhỏ bài đăng). Ngay cả trang WordPress Codex về Featured Image vẫn có tiêu đề là Post Thumbnails. Hiển thị Featured image ngoài trang chủHướng dẫn thêm Featured image cho WordPressMặc định khi bạn viết bài cho blog thì sẽ thêm Featured image bằng cách bấm vào Set featured image rồi chọn ảnh như hình bên dướiSet featured image
rồi chọn ảnh như hình bên dưới việc này rất bất tiện vì phải thêm cách thủ công cho mỗi lần bạn thêm 1 bài viết mới cho blog của mình. Tự dùng ảnh đầu tiên bài viết làm Featured Image WordPressThay vì mất nhiều thời gian cho quá trình chọn hình ảnh cho Featured Image. Bạn có thể chọn ảnh đầu tiên trong bài viết làm Featured Image. Cách cài đặt tác vụ này có thể được thực hiện qua nhiều cách sau. Cách 1 dùng pluginBài viết này mình hướng dẫn các bạn sử dụng plugin Auto Post Thumbnail vì nó được sử dụng phổ biến nhất và đơn giản nữa.Auto Post Thumbnail vì nó được sử dụng phổ biến nhất và đơn giản nữa. Auto Post Thumbnail: tự động tạo Featured Image từ hình ảnh đầu tiên trong bài đăng hoặc bất kỳ loại bài đăng tùy chỉnh nào nếu Featured Image không được đặt theo cách thủ công. Tạo Featured Image từ tiêu đề. Tìm kiếm hình ảnh gốc cho Elementor, Gutenberg, Classic Editor. Bạn không cần cấu hình gì phức tạp hết chỉ cần cài đặt nó trong phần plugin thành công là có thểt sử dụng được rồi. Cách 2 dùng code tạo featured image từ ảnh đầu bài viếtMình có hướng dẫn lấy ảnh bên ngoài làm ảnh thumbnail WordPress mời bạn tham khảo qua nhé. Mở file functions.php của theme bạn đang sử dụng và chèn code bên dưới vào cuối dòng
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| add_action('save_post','set_featured_image');('save_post','set_featured_image'); functionset_featured_image(){set_featured_image(){ if(!isset($GLOBALS['post']->ID))if(!isset(
$GLOBALS['post']->ID)) returnNULL; returnNULL; if(has_post_thumbnail(get_the_ID()))if(
has_post_thumbnail(get_the_ID())) returnNULL; returnNULL; $args=array($args
=array( 'numberposts' =>1,'numberposts' =>1, 'order' =>'ASC',// DESC for the last image'order' =>
'ASC',// DESC for the last image 'post_mime_type'=>'image','post_mime_type'=>'image', 'post_parent' =>get_the_ID(),'post_parent' =>
get_the_ID(), 'post_status' =>NULL,'post_status' =>NULL, 'post_type' =>'attachment''post_type' =>
'attachment' ); ); $attached_image=get_children($args);$attached_image=get_children($args); if($attached_image){if
($attached_image){ foreach($attached_image as$attachment_id=>$attachment)foreach($attached_image as$attachment_id=>$attachment)
set_post_thumbnail(get_the_ID(),$attachment_id);set_post_thumbnail(get_the_ID(),$attachment_id); } } }
|
dùng code sau nếu muốn hiển thị ảnh mặc định khi không có bất cứ hình ảnh nào trong bài viết wordpress
|
| add_filter('post_thumbnail_html','post_thumbnail');('post_thumbnail_html','post_thumbnail'); functionpost_thumbnail($html){post_thumbnail($html){ if(empty($html))if(
empty($html)) $html='$html='';'images/default-thumbnail.png'.'" alt="" />'; return$html;return$html; }
|
các bạn tải ảnh default-thumbnail.png và upload lên hosting ở vị trí bạn muốn sau đó đặt vào đoạn code như trêndefault-thumbnail.png và upload lên hosting ở vị trí bạn muốn sau đó đặt vào đoạn code như trên Lời kếtFeatured Image đóng vai trò quan trọng đối với mỗi bài đăng trên website, giúp bài viết nhận được sự chú ý của người đọc . Nếu có thắc mắc gì trong lúc cài đặt vui lòng để lại commnet bênd dưới. Chúc các bạn thành công. Bạn nghĩ sao về bài viết này?
| 
