Cách thêm hình thu nhỏ bài đăng trong WordPress
Hình thu nhỏ của bài đăng đang trở nên phổ biến hơn mỗi ngày. Nhiều chủ đề tạp chí liên kết hình ảnh với một bài đăng cụ thể mà sau này chúng hiển thị trên trang chủ hoặc trên trang bài đăng. Chúng tôi hiển thị hình thu nhỏ với các bài đăng của mình trên cả trang bài đăng và trang danh mục. Trong các phiên bản cũ hơn, chức năng này có được bằng cách sử dụng phương pháp trường tùy chỉnh không thân thiện với người dùng. Nhờ có WordPress Core Developers cùng với nhiều tính năng đáng chú ý trong WordPress 2.9, chức năng này cũng đã được thêm vào lõi.
Chỉ cần xem video hoặc đọc hướng dẫn bên dưới ?
Băng hình
Hướng dẫn cho người mới bắt đầu
Bạn sẽ thấy một tùy chọn như thế này trong thanh bên của Bảng điều khiển viết bài trong Bảng điều khiển WordPress.
Nhấp vào liên kết và bạn sẽ được đưa đến trang tải lên hình ảnh. Tải ảnh lên và bạn sẽ thấy một cái gì đó như thế này:
Chỉ cần nhấp vào liên kết có nội dung sử dụng nó làm hình thu nhỏ. Khi bạn làm điều đó, bạn sẽ thấy một màn hình như thế này:
Màn hình trên có nghĩa là bạn đã hoàn tất. Chỉ cần nhấp vào xuất bản và hình ảnh sẽ hiển thị trên trang web của bạn.
Hướng dẫn dành cho nhà phát triển
Mặc dù chức năng này đã được thêm vào lõi nhưng không phải mọi người dùng đều sẽ thấy tùy chọn này trong thanh bên của bảng viết bài đăng của họ. Đây là một trong những chức năng chỉ có thể được kích hoạt nếu chủ đề hỗ trợ nó. Các chủ đề miễn phí cũ hơn có thể không hỗ trợ tính năng này, vì vậy bạn cần yêu cầu nhà phát triển cập nhật hoặc bạn có thể tự làm bằng cách làm theo hướng dẫn này.
Trước tiên, bạn cần mở tệp functions.php trong thư mục chủ đề và dán đoạn mã sau:
add_theme_support( 'post-thumbnails' );
Mã này sẽ cho phép hỗ trợ chủ đề cho cả bài viết và trang. Vì vậy, bây giờ bạn sẽ có thể thấy một tùy chọn trong trang tổng quan của mình. Nhưng nó sẽ không hiển thị trong chủ đề của bạn vì chúng tôi chưa thêm mã vào chủ đề.
Bạn có thể hiển thị hình thu nhỏ ở bất cứ đâu trong Vòng lặp bằng cách sử dụng mã này:
<?php the_post_thumbnail(); ?>
Đó là chức năng cơ bản, nhưng nếu bạn muốn nâng cao hơn như chỉ định kích thước hình thu nhỏ của bài đăng thì bạn chỉ cần mở tệp functions.php và dán mã như thế này:
add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 50, 50, true );
Kích thước được đặt theo thứ tự sau: chiều rộng x chiều cao và đây là các pixel.
Bạn cũng có thể thêm kích thước hình ảnh bổ sung cho hình ảnh nổi bật của mình bằng cách thêm dòng này:
add_image_size( 'single-post-thumbnail', 590, 180 ); // Permalink thumbnail size
Sau này bạn có thể gọi các kích thước hình thu nhỏ cụ thể trong vòng lặp bài đăng của mình như thế này:
<?php the_post_thumbnail('single-post-thumbnail'); ?>Đây là phiên bản chia nhỏ của đầy đủ chức năng của tính năng này. Chúng tôi đã cố gắng làm cho nó đơn giản để mọi người có thể làm theo. Nếu bạn muốn biết thêm thông tin về chức năng này thì hãy xem:
Bài viết của Mark Jaquith về Hình thu nhỏ của bài đăng
WordPress Codex