Mục lục [Ẩn]
Để đem đến trải nghiệm tốt hơn và giữ chân người dùng lâu hơn trên website của bạn, việc chèn file PDF vào WordPress vô cùng cần thiết. Bởi khách hàng không cần thoát ra khỏi trang web vẫn có thể xem trước hoặc tải xuống nội dung tệp. Trong bài viết dưới đây, Nhân Hòa sẽ hướng dẫn bạn 2 cách nhúng file PDF vào WordPress đơn giản, nhanh chóng, ai cũng có thể làm được.
Cách 1: Hướng dẫn cách nhúng file PDF vào WordPress bằng plugin
Để nhúng file PDF vào WordPress, cách phổ biến nhất là dùng các plugin hỗ trợ. Trong bài viết này, Nhân Hòa sẽ hướng dẫn bạn sử dụng plugin WordPress PDF Embedder – một plugin hoàn toàn miễn phí, có sẵn trong thư viện plugin WordPress. Ưu điểm của plugin này là khả năng hoạt động dựa trên JavaScript mà không cần sử dụng iframe, mang lại trải nghiệm mượt mà và tối ưu.
Bước 1: Cài đặt plugin PDF Embedder
Đầu tiên, bạn cần đăng nhập vào Dashboard WordPress và truy cập vào mục Plugins > Add New. Tại đây, hãy nhập từ khóa PDF Embedder vào hộp tìm kiếm. Sau khi tìm thấy plugin, bạn chỉ cần thực hiện cài đặt và kích hoạt là xong.
Bước 2: Cài đặt Plugin
Để các tệp PDF hiển thị bắt mắt hơn trên trang web, bạn cần điều chỉnh các cài đặt mặc định trước khi nhúng vào WordPress. Để làm điều này, hãy truy cập vào mục Settings > PDF Embedder trên thanh bên trái của Dashboard WordPress và thực hiện thiết lập các thông số tại đây.
Với phiên bản miễn phí của plugin PDF Embedder, bạn có thể tùy chỉnh trong tab Main Setting với các tùy chọn sau:
- Width: Cài đặt độ rộng tối đa cho trình xem file PDF.
- Height: Cài đặt chiều cao tối đa cho trình xem file PDF.
- Toolbar Location: Chọn vị trí hiển thị thanh công cụ, có thể đặt ở trên, dưới hoặc cả hai vị trí.
- Toolbar appears only on hover over document: Tùy chọn hiển thị thanh công cụ khi người dùng di chuột qua tài liệu.
- Toolbar always visible: Tùy chọn luôn luôn hiển thị thanh công cụ.
Ngoài ra, với phiên bản nâng cấp, bạn sẽ có thể truy cập thêm các tính năng nâng cao như: Theo dõi lượt xem và lượt tải xuống, chống tải xuống, mở liên kết trong cửa sổ mới và cuộn trang liên tục, v.v.
Bước 3: Nhúng tệp PDF vào Post hoặc Page trong WordPress
Sau khi hoàn tất cài đặt plugin, bạn đã sẵn sàng nhúng tệp PDF vào WordPress. Thực hiện các bước sau:
- Nhúng PDF qua trình soạn thảo cổ điển (Classic Editor):
+ Tạo bài viết mới hoặc mở một bài viết sẵn có, sau đó nhấp vào nút Add Media.
+ Tải tệp PDF lên và nhấp vào nút Chèn. Lúc này, shortcode sẽ tự động được thêm vào bài viết của bạn.
Xem lại bài viết để kiểm tra tệp PDF đã hoạt động đúng cách.
- Nhúng PDF trên trình soạn thảo khối (Block Editor):
+ Tạo bài viết mới và nhấp vào biểu tượng Thêm block (dấu +).
+ Tìm kiếm block PDF Embedder và chọn nó.
+ Nhấp vào block vừa tạo, sau đó chọn hoặc tải lên tệp PDF cần nhúng.
Với hai cách thực hiện trên, bạn đã hoàn thành việc nhúng tệp PDF vào WordPress bằng plugin PDF Embedder một cách dễ dàng và nhanh chóng.
Cách 2: Hướng dẫn cách nhúng file PDF vào WordPress không cần plugin
Nếu không muốn sử dụng plugin để chèn file PDF vào WordPress, bạn có thể áp dụng một phương pháp khác, đó là sử dụng Google Drive để lưu trữ tệp PDF và chèn vào website thông qua mã iframe. Dưới đây là cách thực hiện:
Bước 1: Đăng nhập Google Drive
Truy cập vào Google Drive và đăng nhập vào tài khoản của bạn. Mỗi tài khoản Google Drive cung cấp 15GB dung lượng miễn phí để lưu trữ các tệp tin.
Bước 2: Tải file PDF lên Google Drive
- Trong giao diện Google Drive, nhấp vào nút New ở thanh bên trái.
- Chọn Upload file, sau đó tải tệp PDF từ máy tính của bạn lên hệ thống.
Bước 3: Mở tệp trong cửa sổ mới
Nhấp chuột phải vào tệp PDF vừa tải lên và chọn Xem trước. Sau đó, nhấp vào biểu tượng dấu ba chấm dọc (Tác vụ khác) ở góc trên bên phải và chọn Mở trong cửa sổ mới.
Bước 4: Chia sẻ tệp
Trong cửa sổ mới, nhấp vào biểu tượng More Actions (dấu ba chấm dọc ở góc trên bên phải) và chọn Share.
Bước 5: Cài đặt quyền truy cập
Khi cửa sổ chia sẻ xuất hiện, tại phần Quyền truy cập chung, bạn thay đổi quyền thành Bất kỳ ai có liên kết. Điều này đảm bảo rằng bất kỳ ai có liên kết đến tệp PDF đều có thể truy cập và xem nội dung. Nhấn Xong để hoàn tất.
Bước 6: Lấy mã nhúng
Để lấy mã nhúng, nhấp vào dấu ba chấm dọc ở góc trên bên phải và chọn tùy chọn Nhúng mục.
Bước 7: Sao chép mã iframe
Một cửa sổ sẽ xuất hiện, cung cấp mã iframe. Sao chép mã này để sử dụng trong bài đăng của bạn.
Bước 8: Thêm mã nhúng vào bài viết hoặc trang WordPress
- Với Trình chỉnh sửa cổ điển (Classic Editor): Truy cập vào Dashboard WordPress, tạo mới hoặc chỉnh sửa bài viết/trang mà bạn muốn nhúng tệp PDF. Chuyển sang tab Text và dán mã iframe vừa sao chép vào vị trí mong muốn.
- Với Gutenberg Editor: Thêm một khối mới bằng cách nhấp vào biểu tượng Thêm block (dấu +). Tìm và chọn block HTML tùy chỉnh, sau đó dán mã iframe vào block vừa tạo.
Bước 9: Kiểm tra bài viết hoặc trang
Để đảm bảo tệp PDF được nhúng và hoạt động bình thường, hãy xem trước bài viết hoặc trang của bạn. Nếu hiển thị đúng như mong đợi, bạn đã hoàn tất việc nhúng tệp PDF vào WordPress.
Lời kết
Hy vọng những hướng dẫn trên từ Nhân Hòa đã giúp bạn biết cách nhúng file PDF vào WordPress một cách nhanh chóng, dễ dàng. Nếu bạn có bất kỳ thắc mắc nào về WordPress, đừng ngần ngại liên hệ với chúng tôi để được tư vấn và hỗ trợ nhanh chóng.
+ Tổng đài: 1900 6680
+ Website: https://nhanhoa.com/
+ Fanpage: https://www.facebook.com/nhanhoacom
+ Chỉ đường: https://g.page/nhanhoacom
+ Ưu đãi Nhân Hòa: https://nhanhoa.com/khuyen-mai.html