WordPress là một nền tảng phổ biến được sử dụng để xây dựng các trang web từ blog cá nhân cho đến các trang thương mại điện tử phức tạp. Một trong những tính năng mạnh mẽ của WordPress là khả năng quản lý hình ảnh và media. Trong bài viết này, chúng ta sẽ tìm hiểu cách lấy URL của thumbnail (ảnh thu nhỏ) trong WordPress một cách đơn giản.
1. Thumbnail là gì?
Thumbnail là phiên bản nhỏ hơn của một hình ảnh gốc. Trong WordPress, khi bạn tải lên một hình ảnh, hệ thống sẽ tự động tạo ra các phiên bản khác nhau của hình ảnh đó với kích thước khác nhau, bao gồm cả thumbnail. Thumbnail thường được sử dụng làm hình ảnh đại diện cho bài viết, sản phẩm, hoặc trang trong WordPress.
2. Tại sao cần lấy URL thumbnail?
Việc lấy URL của thumbnail có thể cần thiết trong nhiều tình huống, chẳng hạn như:
Sử dụng hình ảnh đại diện: Đôi khi bạn cần URL của thumbnail để hiển thị hình ảnh đại diện trong các widget hoặc shortcodes.
Tích hợp với các dịch vụ khác: Nếu bạn đang tích hợp website với các dịch vụ bên ngoài, việc sử dụng URL của thumbnail có thể cần thiết để tối ưu hóa hiển thị hình ảnh.
Tùy chỉnh giao diện: Khi xây dựng hoặc tùy chỉnh theme, bạn có thể cần URL của thumbnail để hiển thị hình ảnh theo ý muốn.
3. Cách lấy URL thumbnail trong WordPress
Cách 1: Sử dụng Thư Viện Media
Cách đơn giản nhất để lấy URL của thumbnail trong WordPress là thông qua Thư viện Media (Media Library).
Bước 1: Truy cập Thư Viện Media
Đăng nhập vào bảng điều khiển WordPress.
Từ menu bên trái, chọn “Media” và sau đó chọn “Library”.
Bước 2: Chọn hình ảnh
Tìm và chọn hình ảnh mà bạn muốn lấy URL thumbnail.
Bước 3: Lấy URL của hình ảnh
Sau khi chọn hình ảnh, bạn sẽ thấy các thông tin chi tiết của hình ảnh xuất hiện bên phải. Trong phần “File URL”, bạn có thể sao chép URL này.
Lưu ý rằng đây là URL của hình ảnh gốc. Để lấy URL của thumbnail, bạn cần chỉnh sửa URL này bằng cách thêm hoặc thay đổi phần kích thước trong đường dẫn. Ví dụ: Nếu hình ảnh gốc có kích thước 1024×768 và thumbnail là 150×150, bạn chỉ cần thay đổi tên file để lấy URL thumbnail.
Cách 2: Sử dụng Hàm PHP trong Theme
Nếu bạn cần lấy URL của thumbnail trong một tệp PHP (ví dụ: trong theme hoặc plugin), bạn có thể sử dụng hàm get_the_post_thumbnail_url() hoặc wp_get_attachment_image_src().
Bước 1: Sử dụng hàm get_the_post_thumbnail_url()
$thumbnail_url = get_the_post_thumbnail_url($post_id, 'thumbnail');
echo $thumbnail_url;$post_id: ID của bài viết mà bạn muốn lấy thumbnail.
'thumbnail': Đây là kích thước hình ảnh bạn muốn lấy URL. WordPress có sẵn các kích thước như 'thumbnail', 'medium', 'large'.
Bước 2: Sử dụng hàm wp_get_attachment_image_src()
$thumbnail_id = get_post_thumbnail_id($post_id);
$thumbnail = wp_get_attachment_image_src($thumbnail_id, 'thumbnail');
$thumbnail_url = $thumbnail[0];
echo $thumbnail_url;$thumbnail_id: ID của hình ảnh thumbnail.
$thumbnail[0]: URL của thumbnail.
Cách 3: Sử dụng Plugin
Nếu bạn không quen với việc chỉnh sửa mã nguồn, bạn có thể sử dụng các plugin để hỗ trợ. Một số plugin phổ biến giúp lấy URL thumbnail như Regenerate Thumbnails.
Bước 1: Cài đặt và kích hoạt plugin
Tìm plugin trong kho plugin WordPress.
Cài đặt và kích hoạt plugin.
Bước 2: Sử dụng plugin để lấy URL thumbnail
Mỗi plugin sẽ có giao diện và cách sử dụng khác nhau, nhưng hầu hết đều cung cấp cách dễ dàng để lấy URL của thumbnail.
4. Lời kết
Lấy URL của thumbnail trong WordPress không khó, bạn có thể thực hiện thông qua Thư viện Media, sử dụng hàm PHP, hoặc thông qua các plugin hỗ trợ. Hy vọng bài viết này đã giúp bạn nắm rõ các bước cơ bản để lấy URL thumbnail một cách đơn giản và hiệu quả. Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại để lại bình luận bên dưới!
Kết nối với web designer Lê Thành Nam
