Wordpress

Cách hiển thị Live Preview nội dung website của liên kết trong WordPress

Cách hiển thị Live Preview nội dung website của liên kết trong WordPress
Được viết bởi Minh Hoàng

Series chia sẻ thủ thuật blog WordPress từ cơ bản đến nâng cao, cùng nhiều plugins, themes hữu ích.

Chắc bạn đã từng thấy một số trang web khi rê chuột vào link sẽ hiển thị một bản xem trước (live preview) nội dung của liên kết. Điều này được thực hiện bằng cách sử dụng một popup jQuery hiển thị ảnh chụp màn hình của trang web được liên kết. Trong bài viết này chúng tôi sẽ chỉ cho bạn cách hiển thị bản xem trước (live preview) như vậy trong WordPress.

Live preview link example

Cách 1: Sử dụng plugin Web Shrinker – Website Link Preview Thumbnails

– Đầu tiên bạn cần cài đặt và kích hoạt plugin Web Shrinker – Website Link Preview Thumbnails.

– Sau đó, vào Cài đặt > Web Shrinker để thiết lập cài đặt cho plugin. Bạn cần truy cập vào trang https://www.webshrinker.com, đăng ký tài khoản rồi Create API Key để lấy Access KeySecret Key.

Web Shrinker – Website Link Preview Thumbnails

Web Shrinker – Website Link Preview Thumbnails

– Và enable plugin:

Web Shrinker – Website Link Preview Thumbnails

– Sau đó, ra trang chủ rê chuột vào link trong bài viết bất kỳ, sẽ có kết quả như sau:

Web Shrinker – Website Link Preview Thumbnails

Web Shrinker – Website Link Preview Thumbnails

Cách 2: Sử dụng plugin ThumbSniper
Cách 2: Sử dụng plugin ThumbSniper

– Đầu tiên bạn cần cài đặt và kích hoạt plugin ThumbSniper.

– Sau đó, vào Cài đặt > ThumbSniper để thiết lập cài đặt cho plugin. Có thể để mặc định hoặc tùy chỉnh các options mà bạn muốn. Xong click Lưu thay đổi.

ThumbSniper

– Xong ra trang chủ rê chuột vào link trong bài viết bất kỳ, sẽ có kết quả như sau:

ThumbSniper

ThumbSniper

Chúng tôi hy vọng bài viết này đã giúp bạn biết được làm thế nào để hiển thị một bản xem trước (live preview) nội dung của liên kết trong WordPress. Chúc các bạn thành công!

Có thể bạn quan tâm: Hướng dẫn tìm fix link bị hỏng trong WordPress với plugin Broken Link Checker.

Cảm ơn bạn đã theo dõi. Đừng ngần ngại hãy cùng thảo luận với chúng tôi!


Giới thiệu

Minh Hoàng

Xin chào, tôi là Hoàng Ngọc Minh, hiện đang làm BrSE, tại công ty Toyota, Nhật Bản. Những gì tôi viết trên blog này là những trải nghiệm thực tế tôi đã đúc rút ra được trong cuộc sống, quá trình học tập và làm việc. Các bài viết được biên tập một cách chi tiết, linh hoạt để giúp người đọc có thể tiếp cận một cách dễ dàng nhất. Hi vọng nó sẽ có ích hoặc mang lại một góc nhìn khác cho bạn[...]

Bình luận của bạn

avatar

Cách hiển thị Live Preview nội dung website của liên kết trong WordPress

by Minh Hoàng Time to read: 2 min
0