Cách upload file PDF lên website WordPress của bạn

Bạn muốn tải file PDF lên website của bạn?

Làm việc này trong website WordPress khá dễ dàng.

WordPress cho phép tải PDF và tạo link download​. 

Mình sẽ chỉ bạn cách làm chi tiết ở bên dưới.

Không chỉ có vậy trong bài viết ngày hôm nay mình sẽ giới thiệu giải pháp miễn phí tốt nhất để nhúng file PDF vào website WordPress.

Tải file PDF trong WordPress Post và Page

Cách làm rất đơn giản.

Ở màn hình Post Editor, bạn click vào Add Media

​Một màn hình popup xuất hiện. Bạn có thể click vào Select Files chọn file cần tải. Hoặc cách nhanh hơn là kéo thẳng file vào đây. 

Bây giờ WordPress sẽ upload file lên website.

Ngay khi quá trinh upload hoàn tất, bạn sẽ nhìn thấy thumbnail của file PDF.

Ở cột bên phải, bạn có thể nhập vào tiêu đề, caption, và mô tả của file.

Click vào nút Insert into Post để bổ sung file PDF vào bài viết của bạn.

Ở màn hình front-end bạn sẽ nhìn thấy link tải file PDF.

Chỉ thế thôi. Bạn đã tải file PDF thành công lên website WordPress của mình.

​Cách nhúng file PDF vào bài viết

Những ngày này nhiều người thường hay chọn Google Drive làm nơi lưu trữ tài liệu.

Mình đoán bạn cũng không phải là ngoại lệ.

Nếu không, mình khuyên bạn nên chọn Google Drive là nơi lưu trữ file PDF thay vì upload thẳng lên host.

Làm cách này bạn sẽ tiết kiệm dung lượng và băng thông của host nếu bạn muốn xây dựng website chia sẻ tài liệu.

Nhúng file PDF từ Google vào website WordPress khá rườm rà do chính sách bảo mật từ Google Drive. 

Sau khi trải nghiệm với vô số plugin miễn phí và trả phí để nhúng file PDF từ Google Drive vào WordPress, mình đã tìm ra plugin Google Drive Embedder. 

Mình đánh giá nó là giải pháp miễn phí tốt nhất để nhúng file PDF từ Google Drive. ​Nó hoạt động rất mượt mà không lỗi lầm gì. 

Không chỉ nhúng file PDF, bạn có thể nhúng audio thậm chí là file video. Hoàn toàn miễn phí. Nghe tuyệt vời đúng không. ​

Đây là các bước nhúng file PDF với plugin Google Drive Embedder.

Bước 1. Cài đặt và kích hoạt plugin Google Apps Login. ​Bạn cần phải có plugin này nếu muốn sử dụng plugin Google Drive Embedder. 

Plugin này chịu trách nhiệm kết nối website của bạn với Google Drive.

Ngay sau khi kích hoạt, bạn click Settings để bắt đầu cấu hình plugin.  ​

Bước 2: Cấu hình plugin Google Apps Login

​Bây giờ bạn sẽ chuyển sang màn hình cấu hình Google Apps Login. 

Bạn cần 2 thông số: client ID và client Secret để kết nối với Google Drive. Click vào link trên đầu để đọc tài liệu hướng dẫn cách lấy 2 mã này. ​

Tài liệu tiếng anh hơi nhiều chữ. Do vậy ở đây mình sẽ chụp hình minh họa cách làm. 

​Đầu tiên bạn đi tới tới console. 

Chọn drop-down box ở trên cùng​. Click nút + để tạo mới một project. 

Nhập vào tên project và click nút Create. 

Click vào Credentials. Chọn tab OAuth consent screen. 

Ở đây bạn cần đảm bảo địa chỉ gmail là địa chỉ gmail gắn với tài khoản Google Drive chứa tài liệu PDF bạn định nhúng.

Sau đó, nhập vào tên product name. Các trường còn lại là tùy chọn bạn có thể bỏ qua.

Click nút Save. ​

Tiếp theo click vào Create credentials. Chọn OAuth client ID. 

Ở màn hình create client ID, chọn web application. Nhập vào tên. Hai trường Authorized Javascript origins và Authorized redirects URIs, bạn nhập như ảnh chụp (bạn có thể copy từ tài liệu tiếng Anh cho nhanh). Chỉ cần nhớ thay domain của mình bằng domain của bạn. 

Sau khi click nút Create bạn nhìn thấy 2 mã client ID và client secret. Copy từng cái và điền vào màn hình cấu hình của plugin Google Apps Login. 

​Tiếp theo, bạn cần bật Drive API và Calendar API. Mình sẽ hướng dẫn cách bật Drive API. Thằng còn lại bạn làm tương tự. 

Đầu tiên click vào Library và nhập vào Drive API ở trường tìm kiếm. ​Click vào link Google Drive API.

Click vào nút Enable. 

Bước 3: Cài đặt và kích hoạt plugin Google Drive Embedder. Plugin này không cần cấu hình gì sau khi kích hoạt. 

Bước 4: Nhúng file PDF vào website

Trước khi bạn nhúng một file PDF vào website, chắc chắn rằng file đã được bật tính năng chia sẻ.

Đi tới màn hình Post Editor (thêm bài viết hoặc chỉnh sửa bài viết). 

Bạn sẽ nhìn thấy nút mới có tên Add Google File. Click vào nó.​

Một block mới sẽ chèn vào bài viết. Ở panel cấu hình block bên phải bạn sẽ nhìn thấy một nút là Select Google File

Một cửa sổ sẽ xuất hiện. Click vào link 'Click to authenticate via Google' để cho phép website của bạn truy cập tới Google Drive. 

Nếu bạn bị lỗi this app isn't verifed như dưới, chọn cứ mạnh dạn bỏ qua bằng việc click vào link bên dưới. Vì đây là app mình tạo ở bước trên nên không cần lo lắng gì. 

​

Bây giờ bạn chỉ cần chọn file PDF cần nhúng. Sử dụng chức năng tìm kiếm để nhanh chóng tìm ra file bạn muốn. 

Plugin sẽ sinh ra shortcode như bên dưới: 

Và đây là giao diện xem PDF ngay trong website của bạn: 

Đó là tất cả. 

Bạn đã biết cách upload file PDF lên website.

Quan trọng hơn bạn đã học được cách nhúng file PDF từ tài khoản Google Drive vào website.

Mình rất hài lòng với hai plugin trong bài viết này. Các plugin này rất được chịu khó cập nhất. 

Điều này tạo sự an tâm khi sử dụng. Vì bạn cũng biết Google rất chịu khó thay đổi thuật toán cho các sản phẩm của mình. Điều này dẫn tới việc tích hợp sẽ có vấn đề xảy ra nếu tác giả plugin không cập nhật thường xuyên plugin. 

Bạn đang nhúng file PDF vào website WordPress như thế nào?

Hãy chia sẻ cách làm của bạn ở bình luận bên dưới. ​