HomeHướng dẫn WordPress

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

Like Tweet Pin it Share Share Email

a2hosting_vps

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

cách tải file PDF lên website wordpress 1

​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. 

cách tải file PDF lên website wordpress 2

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.

cách tải file PDF lên website wordpress 3

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.

cách tải file PDF lên website wordpress 4

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.  ​

tải file pdf lên WordPress 1

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 file pdf lên WordPress 2

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. 

tải file pdf lên WordPress 3

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

tải file pdf lên WordPress 4

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. ​

tải file pdf lên WordPress 5

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

tải file pdf lên WordPress 6

Ở 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. 

tải file pdf lên WordPress 7

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. 

tải file pdf lên WordPress 8

​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.

tải file pdf lên WordPress 9

Click vào nút Enable. 

tải file pdf lên WordPress 10

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ẻ.

tải file pdf lên WordPress 11

Đ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ó.​

tải file pdf lên WordPress 12

Click vào link 'Click to authenticate via Google' để cho phép website của bạn truy cập tới Google Drive. 

tải file pdf lên WordPress 13

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ì. 

tải file pdf lên WordPress 14

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. 

tải file pdf lên WordPress 15

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

tải file pdf lên WordPress 16

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

tải file pdf lên WordPress 17

Đó 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. ​

Khóa học WordPress tốt nhất cho BEGINNER

Our team is always looking for things we think our readers will value. If we make an affiliate partnership like the one featured in this article, then we may see a share of revenue.

Bình luận (2)

Trả lời

Mình rất vui khi bạn đã quyết định để lại comment. Chú ý tất cả comment đều được kiểm duyệt cẩn thận nên đừng cố spam hoặc quảng cáo. Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Name. Xin cảm ơn.

Địa chỉ email của bạn sẽ không được tiết lộ Trường đánh dấu * là bắt buộc

Share This
Mừng quốc khánh Kyna giảm giá kịch sàn 200+ khóa học chỉ còn 149.000 VNDClick để xem chi tiết
Scroll Up