Cách thêm trình xem PDF trong WordPress

Ngày đăng: 25 - 11 - 2021 Lượt xem: 143 lượt

Định dạng PDF phù hợp để sử dụng khi bạn muốn các tệp của mình luôn có cùng một bố cục, bất kể chúng được xem trên thiết bị nào. Bằng cách nhúng tệp PDF vào WordPress, bạn có thể chia sẻ tệp của mình trong khi vẫn giữ khách truy cập ở lại trang web.

Trong bài viết này, mình sẽ hướng dẫn bạn cách thêm trình xem PDF trong WordPress.

Tại sao bạn cần thêm trình xem PDF trong WordPress?

Thông thường, WordPress không nhúng tệp PDF vào các bài đăng trên blog như với âm thanh, video, tweet và các định dạng phương tiện khác. Nó chỉ thêm tệp dưới dạng liên kết có thể tải xuống.

Điều đó có nghĩa là khách truy cập của bạn sẽ phải rời khỏi bài đăng của bạn để xem tệp PDF. Họ có thể sẽ không quay lại trang web của bạn và điều này làm giảm số lần xem trang trên trang web.

pdf view

Một cách để giải quyết vấn đề này là cung cấp các tệp PDF làm bản nâng cấp nội dung. Bạn có thể yêu cầu người dùng đăng ký email với website của bạn để nhận thưởng.

Tuy nhiên, nếu bạn chỉ muốn người dùng xem các tệp PDF mà không cần rời khỏi trang, thì bạn sẽ cần thêm trình xem PDF.

Cách cài đặt và thiết lập PDF Embedder

Mình khuyến nghị bạn nên dùng plugin PDF Embedder. Nó sử dụng JavaScript để nhúng tệp với thanh công cụ đầy đủ chức năng cho phép người dùng phóng to và điều hướng tệp PDF.

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

Sau khi kích hoạt, bạn có thể truy cập Cài đặt » PDF Embedder để định cấu hình cài đặt plugin. Cài đặt mặc định phù hợp với hầu hết các trang web, vì vậy bước này là tùy chọn.

cài đặt pdf embedder

Cài đặt cho phép bạn kiểm soát chiều cao và chiều rộng của trình xem PDF. Bạn có thể thay đổi điều này nếu cảm thấy trình xem PDF chưa phù hợp.

Bạn cũng có thể chọn hiển thị thanh công cụ ở đầu hay cuối trình xem và ẩn nó cho đến khi người dùng di chuột qua tài liệu.

Khi bạn đã hoàn tất việc tùy chỉnh cài đặt của mình, đừng quên nhấp vào nút ‘Lưu thay đổi’ để lưu trữ chúng.

Bây giờ mình đã sẵn sàng để nhúng một tệp PDF vào một bài đăng hoặc trang WordPress. Sau đây mình sẽ hướng dẫn bạn làm điều đó bằng việc sử dụng Classic Editor.

Cách thêm trình xem PDF trong Classic Editor

Nhúng tệp PDF vào Classic Editor cũng dễ dàng như vậy. Bắt đầu bằng cách thêm một bài đăng mới hoặc mở bài đăng bạn đang làm. 

Sau đó, bạn nên đặt con trỏ ở nơi bạn muốn hiển thị tệp PDF và bạn cần kéo tệp PDF vào trang. Khi bạn thấy thông báo “Thả các tập tin để tải lên”, bạn có thể thả nút chuột của mình.

nhúng tệp pdf classic editor

PDF sẽ được tự động tải lên thư viện phương tiện của bạn và được chọn. Tất cả những gì bạn cần làm bây giờ là nhấp vào nút ‘Chèn vào bài viết’.

lựa chọn pdf classic editor

PDF Embedder sẽ thêm mã ngắn vào bài đăng hoặc trang của bạn. Nó sẽ giống như [pdf-embedder url = “PDFURL”]. Thao tác này sẽ hiển thị tệp PDF khi bạn xem trước hoặc xuất bản tệp.

mã code pdf classic editor

Để xem PDF, chỉ cần lưu bài đăng của bạn và xem trước trên trang web trực tiếp của bạn. Đây là cách nó xuất hiện trên trang web demo của mình.

giao diện pdf

Lời kết

Với hướng dẫn trên, mình hi vọng sẽ mang đến sự tiện lợi cho người dùng của bạn.

Nếu các bạn thấy hay có thể theo dõi chuyên mục WordPress cơ bản để biết thêm nhiều kiến thức mới nha.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

0 0 votes
Đánh giá bài viết

guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Genesis Framework là gì? Top 6 Genesis Framework tốt nhất hiện nay

Genesis Framework là gì? Top 6 Genesis Framework tốt nhất hiện nay

29 - 09 - 2022

Genesis Framework là gì? Đây là một khung Theme Framework được StuidoPress phát triển. Genesis Framework đem lại cho...

Hướng dẫn 2 cách trỏ domain về host cPanel đơn giản nhất

Hướng dẫn 2 cách trỏ domain về host cPanel đơn giản nhất

13 - 09 - 2022

Trỏ domain về host cPanel là điều mà các bạn lập trình viên cần phải thực hiện. Bởi vì...

Cách chèn Google Form vào WordPress chi tiết nhất

Cách chèn Google Form vào WordPress chi tiết nhất

12 - 09 - 2022

Google Forms là một công cụ vô cùng tuyệt vời để thu thập thông tin của người dùng thông...

Top 10 Các Widget hay cho WordPress

Top 10 Các Widget hay cho WordPress

10 - 09 - 2022

Các Widget hay cho WordPress là điều mà rất nhiều bạn lập trình viên quan tâm. Việc lựa chọn...

3 cách thay đổi Favicon trong WordPress dễ thực hiện nhất

3 cách thay đổi Favicon trong WordPress dễ thực hiện nhất

17 - 08 - 2022

Thay đổi favicon trong WordPress là điều vô cùng cần thiết khi bạn setup một website mới. Favicon đem...

Hướng dẫn chuyển từ HTTP sang HTTPs chi tiết nhất

Hướng dẫn chuyển từ HTTP sang HTTPs chi tiết nhất

16 - 08 - 2022

Chuyển từ HTTP sang HTTPs là một điều gần như bắt buộc cho các website WordPress hiện nay. Chuyển...

0
Would love your thoughts, please comment.x