Tạo các thư viện ảnh tuyệt đẹp với trình quản lý thư viện tốt nhất cho Elementor

Công cụ xây dựng trang và thư viện ảnh hầu hết thời gian đều rất quan trọng đối với trang web WordPress, vì thư viện ảnh cho phép bạn hiển thị hình ảnh/sản phẩm một cách tốt đẹp và công cụ xây dựng trang cho phép bạn tạo và thêm nội dung vào trang một cách chuyên nghiệp.

Các công cụ xây dựng trang như Elementor, thường có công cụ/khối để tạo thư viện, nhưng những công cụ này không phải là tốt nhất vì chúng không có nhiều tùy chọn để tùy chỉnh nhưng đừng lo lắng vì WP Media Folder sẽ giúp bạn về điều này ;)

WP Media Folder cung cấp cho bạn một Gallery addon cho phép bạn tạo và tùy chỉnh bằng cách sử dụng các công cụ và tính năng tuyệt vời trong các thư viện của bạn.

Trong bài đăng này, chúng ta sẽ xem cách sử dụng chúng với Elementor, Google Photos, và cả thư mục đám mây của bạn để bắt đầu!

Thư viện với tiện ích cho Elementor trong video

Thiết lập tích hợp WordPress Google Photos

Trước hết, tôi sẽ cho bạn biết các plugin mà chúng tôi đang sử dụng cho hướng dẫn này, đó là Elementor, WP Media Foldervà 2 Pro Addons(một cho thư viện ảnh và một cho kết nối đám mây).

Bây giờ chúng ta đã biết điều đó, hãy bắt đầu, chúng ta sẽ tạo thư viện từ Google Photos, để làm điều này, chúng ta phải kết nối trang web WordPress của mình với tài khoản Google Photos của mình, hãy xem cách thực hiện.

Trước hết, chúng ta cần một ứng dụng Google Dev cho việc này, hãy truy cập vào đây: https://console.developers.google.com/project và tạo một dự án mới.

Thêm tên vào dự án, bạn có thể thêm bất cứ điều gì bạn muốn.

Bây giờ hãy chờ một chút để dự án được tạo.

Nếu đây là lần đầu tiên bạn sử dụng API Thư viện Ảnh này, bạn sẽ cần kích hoạt nó, để kích hoạt nó, hãy đi đến Chợ ở menu bên trái.

Bây giờ, trong hộp tìm kiếm, nhập API Thư viện Ảnh và tìm kiếm nó.

Nhấp vào nó, và sau đó, vào Kích hoạt.

Bây giờ khi nó được kích hoạt, hãy nhấp vào "API và Dịch vụ" trong menu bên trái, trên bảng này, đi tới Thông tin xác thực.

Bây giờ bạn đang ở đây, tại bảng trên cùng, hãy đi đến + Tạo Thông tin xác thực > ID ứng dụng khách OAuth, nếu được hỏi, hãy thêm tên vào màn hình đồng ý OAuth của bạn.

Bây giờ, thiết lập thông tin xác thực như sau:

• Chọn "Ứng dụng web" và thêm tên theo lựa chọn của bạn.
• Nguồn gốc JavaScript được ủy quyền: https://your-domain.com (thay thế bằng tên miền của bạn, không có dấu gạch chéo cuối cùng).
  
• URI chuyển hướng được ủy quyền: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Hãy lưu ý rằng Google đã thay đổi chính sách của họ nên bạn cần điền các miền được ủy quyền tại tab Màn hình đồng ý OAuth > Chỉnh sửa Ứng dụng.

Trong phần miền được ủy quyền, nhấp vào +Thêm Miền và thêm miền của bạn.

Cũng thêm nó vào phần Xác minh Miền.

Và xong! Bạn sẽ nhận được ID và Bí mật để thêm vào cấu hình của WP Media Folder:)

Bây giờ, hãy kết nối tài khoản Google Photos của bạn với trang web WordPress của bạn, để thực hiện việc này, hãy đi tới Cài đặt > WP Media Folder > Đám mây > Google Photo tab.

Bạn có thể sử dụng chế độ Tự động là chế độ dễ dàng nhất vì bạn chỉ cần đăng nhập vào tài khoản Google của mình, để làm điều này, hãy chọn Tự động trong "Chế độ kết nối" và sau đó Kết nối Google Photo.

Một cửa sổ bật lên sẽ xuất hiện, nhấp vào Đồng ý.

Bước cuối cùng sẽ là đăng nhập vào Tài khoản Google của bạn, cho phép các quyền và hoàn tất kết nối.

Đó là tất cả, thực sự dễ dàng và nhanh chóng, phải không? :)

Elementor + Plugin Thư viện, Sự Kết Hợp Tốt Nhất

Bây giờ chúng ta đã hoàn thành kết nối, hãy đến Phương tiện > Thư viện Thư mục Phương tiện, trong phần này, nhấp vào + Thêm Thư viện Mới và đặt tên cho thư viện mới của bạn, đối với hướng dẫn, chúng tôi sẽ đặt tên là Thư viện Google P, và cũng, chúng tôi sẽ sử dụng Lưới Vuông thư viện.

Bây giờ bạn sẽ có tất cả các tùy chọn để thiết lập và thêm hình ảnh vào thư viện của bạn, bạn sẽ thấy Google Photo logo, nhấp vào đó.

Điều này sẽ tải một cửa sổ bật lên với tất cả các hình ảnh có sẵn trên tài khoản Google Photos của bạn, bạn có tùy chọn chọn nhiều hình ảnh từ một album hoặc chọn một album hoàn chỉnh, trong hướng dẫn này, chúng tôi sẽ chọn một Album hoàn chỉnh, cho việc này, chọn Album và sau đó, Nhập Album.

Bạn sẽ thấy thông báo về Album đang được nhập.

Chờ vài phút, và xong! Bạn sẽ thấy tất cả các hình ảnh được tải lên trong bảng điều khiển thư viện, bạn có thể thực hiện tất cả các sửa đổi như chọn một thư viện mới.

Bây giờ, bạn có thể đi đến Cài đặt hiển thị & Shortcode tab để hoàn toàn tùy chỉnh thư viện của bạn, bạn có các cài đặt như thứ tự, số cột và Hành động Khi Nhấp.

Sau khi hoàn thành cài đặt thư viện, nhấp vào Lưu, và, bạn có thể đi đến trang/bài viết nơi bạn muốn thêm thư viện và nhấp vào Chỉnh sửa với Elementor để trình tạo trang tải.

Bây giờ hãy chọn phần mà bạn muốn thêm thư viện và tìm kiếm WP Media Folder khối.

Như bạn có thể thấy, có 4 khối có sẵn, đối với hướng dẫn này, chúng ta sẽ sử dụng cái được gọi là WP Media Folder Gallery Addon, điều này sẽ tải Gallery Addon trong trình tạo trang.

Sau khi di chuyển khối đến phần, bạn sẽ thấy một tùy chọn để xem trước, và ở phía bên trái, tùy chọn để chọn một thư viện ảnh, chọn thư viện ảnh mà chúng tôi đã tạo trước đó.

Ở phần bên phải, bạn sẽ thấy bản xem trước của thư viện và nó sẽ được cập nhật tự động khi bạn chọn một tùy chọn mới ở phần bên trái để kiểm tra, xác nhận rằng mọi thứ đều ổn, và nhấp vào Xuất bản.

Đó là nó! Bạn đã tạo một thư viện chuyên nghiệp chỉ với vài cú nhấp chuột và cấu hình nó trực tiếp từ Trình tạo Trang :)

Sử dụng Elementor để Tạo Thư viện Google Drive trong WordPress

 Ngoài ra, chúng tôi sẽ xem cách tạo thư viện sử dụng hình ảnh từ đám mây vì WP Media Folder cho phép bạn kết nối thư viện phương tiện của mình với các Dịch vụ Đám mây (Dropbox, Google Drive, OneDrivevà AWS).

Trong ví dụ này, chúng tôi sẽ sử dụng kết nối Google Drive, bạn có thể xem cách kết nối nóở đây, bạn sẽ nhận thấy rằng quá trình này thực sự tương tự như kết nối Google Photos :)

Khi nó được thiết lập và bạn đồng bộ hóa/tạo các thư mục Google Drive, bạn có thể đi đến trang/bài đăng mà bạn muốn chỉnh sửa và nhấp vào Chỉnh sửa với Elementor.

Ở phần bên trái, tìm kiếm WP Media Folder phần và nhấp vào WP Media Folder Thư viện khối.

Bây giờ, nhấp vào + tại phần "Thêm Hình ảnh".

Điều này sẽ mở ra một cửa sổ pop-up với Thư viện Media, chọn Thư mục Đám mây, tất cả các hình ảnh mà bạn muốn thêm bằng cách nhấp vào chúng, và cuối cùng Tạo một Thư viện mới > chèn Thư viện.

Điều này sẽ tạo một thư viện sử dụng hình ảnh trực tiếp từ đám mây, vì vậy sau khi thêm nó, bạn có thể thiết lập cài đặt thư viện ở phần bên trái và kiểm tra bản xem trước của thư viện ở phần bên phải để có thể chỉnh sửa và kiểm tra dễ dàng rằng thư viện sẽ trông như thế nào chúng tôi muốn :)

Bây giờ bạn có thể tạo các thư viện ảnh với sức mạnh của WP Media Folder, một cách thực sự dễ dàng bằng cách sử dụng Elementor, và cũng tiết kiệm không gian lưu trữ bằng cách sử dụng Google Drive, bạn có thể yêu cầu gì khác? :)

Bắt đầu sử dụng Plugin Thư viện WordPress tốt nhất

Trong bài đăng này, chúng tôi đã giải thích chỉ một vài tính năng từ WP Media Folder và, như bạn có thể thấy, nó đã làm cho mọi thứ trở nên dễ dàng hơn so với cách nó nên và hiện tại với theme và giao diện mới! Vậy bạn đang chờ đợi điều gì? Đi đến đây và nhận tư cách thành viên của riêng bạn, bạn sẽ thấy rằng có nhiều thư viện hơn so với những thư viện được hiển thị trong bài đăng này và rất nhiều công cụ tuyệt vời :)