Để giảm bớt công đoạn chụp màn hình thủ công cho những bài viết hay trang web của mình, việc tự động chụp màn hình sẽ là giải pháp tiết kiệm thời gian tuyệt vời. Trong bài viết sau đây, Vietnix sẽ hướng dẫn bạn cách tạo ảnh chụp màn hình tự động trong WordPress đơn giản, dễ thao tác.
2 cách tạo ảnh chụp màn hình tự động trong WordPress
Cách 1. Tạo ảnh chụp màn hình tự động trong WordPress bằng plugin Browser Short
Đầu tiên cần cài đặt và kích hoạt plugin Browser Short. Sau khi kích hoạt, chỉ cần chỉnh sửa bài viết hoặc trang. Bạn sẽ thấy một button mới trong trình chỉnh sửa trực quan (visual editor) để thêm ảnh chụp màn hình website.

Nhấp vào sẽ mở một cửa sổ nơi bạn có thể nhập URL website, alt text, và chiều cao,chiều rộng của ảnh chụp màn hình.

Nhấp vào ‘OK‘, Browser Short sẽ thêm shortcode vào bài viết WordPress. Bây giờ bạn có thể xem trước bài viết của mình để xem plugin hoạt động. Nếu bạn đang sử dụng trình soạn thảo văn bản (text editor) trong WordPress hoặc không muốn sử dụng button này trong trình chỉnh sửa trực quan thì cũng có thể tự thêm shortcode theo cách thủ công.
[browser-shot url=”https://www.vietnix.vn”]
Plugin sẽ tạo ảnh chụp màn hình có kích thước 600 x 600 pixel. Bạn có thể thay đổi bằng cách thêm thuộc tính chiều rộng và chiều cao vào shortcode.
[browser-shot url=”https://www.vietnxix.vn” width=”400″ height=”400″]
Plugin cũng sẽ tự động liên kết đến website. Bạn có thể thay đổi bằng cách thêm thuộc tính link vào shortcode và thêm bất kỳ link nào.
[browser-shot url=”https://www.vietnix.vn” width=”400″ height=”400″ link=”http://example.com”]
Nếu bạn muốn thêm chú thích bên dưới ảnh chụp màn hình, có thể thêm trong shortcode.
[browser-shot url=”https://www.vietnix.vn”]Vietnix – hosting tốc độ cao[/browser-shot]
Plugin Browser Shots sử dụng API mshots của WordPress.com để tạo ảnh chụp màn hình một cách nhanh chóng. Những hình ảnh này không được lưu trữ trong library media WordPress của bạn.
Ngoài cách tạo ảnh chụp màn hình tự động, bạn có thể tham khảo thêm bài viết dưới đây:
Cách 2. Tạo ảnh chụp màn hình tự động trong WordPress bằng code
Cách này bạn sẽ phải thêm code vào file functions.php. Có thể sử dụng plugin WPCode để đoạn code dưới đây dễ dàng hơn:
function wpb_screenshots($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'https://www.wpbeginner.com',
"alt" => 'screenshot',
"w" => '600', // width
"h" => '450' // height
), $atts));
$img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" />';
return $img;
}
add_shortcode("screen", "wpb_screenshots");
Sau khi thêm code xong nếu muốn hiển thị ảnh chụp màn hình website trong các bài viết và trang WordPress, bạn sẽ cần nhập shortcode như thế này:
[screen url=”http://vietnix.vn” alt=”Vietnix”]
Mặc định, code này sẽ tạo ảnh chụp màn hình có kích thước 600 x 450 pixel. Bạn có thể thay bằng cách thêm thuộc tính chiều cao và chiều rộng của riêng mình vào shortcode.
[screen url=”http://vietnix.vn” alt=”Vietnix” w=”400″ h=”400″]
Ngoài 2 cách tạo ảnh chụp màn hình tự động, bạn cũng có thể tham khảo thêm:
Đối với những chuyên gia và người sáng tạo nội dung mong muốn phát triển trang web hoặc blog cá nhân trên nền tảng WordPress, WordPress Hosting do Vietnix cung cấp là một giải pháp hàng đầu không thể bỏ qua. Dịch vụ này không chỉ mang lại các tính năng đột phá và chuyên biệt, mà còn được tối ưu hóa để phục vụ tốt nhất cho các trang web, đáp ứng mọi yêu cầu khắt khe nhất của người dùng, với ưu điểm nổi bật:
- Tận hưởng tốc độ tải trang cực nhanh dưới 1 giây nhờ dùng ổ cứng NVMe và công nghệ LiteSpeed Enterprise.
- Hỗ trợ chuyên sâu và tư vấn tối ưu hóa tốc độ website từ các chuyên gia WordPress, sẵn sàng hỗ trợ 24/7.
- An ninh dữ liệu được đảm bảo tối đa với hệ thống sao lưu tự động 4 lần mỗi ngày, cho phép khôi phục dữ liệu nhanh chóng theo yêu cầu.
- Sự ổn định vượt trội của website được bảo đảm nhờ hạ tầng hiện đại và công nghệ Firewall anti DDoS toàn diện do chính Vietnix phát triển.
- Tạo website WordPress dễ dàng chỉ với một cú click chuột, nhờ công cụ WordPress Toolkit tích hợp sẵn.
- Nhận ngay bộ sưu tập theme và plugin WordPress bản quyền, bao gồm WP Rocket, Rank Math SEO Pro, Elementor Pro, WP Astra Growth Bundle, Divi, và nhiều hơn nữa.
Liên hệ với Vietnix để được tư vấn chi tiết về dịch vụ:
- Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
- Hotline: 1800 1093.
- Email: sales@vietnix.com.vn.
Lời kết
Vietnix hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo ảnh chụp màn hình tự động trong WordPress. Bạn cũng có thể xem thêm cách tải ảnh dung lượng lớn lên WordPress đơn giản hoặc hướng dẫn cách tạo biểu mẫu tải file lên trong WordPress để hỗ trợ cho công việc kinh doanh của mình, chúc bạn thành công!