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

Trình tạo trang và thư viện là phần quan trọng nhất về mặt thời gian đối với websites WordPress, vì thư viện cho phép bạn hiển thị hình ảnh/sản phẩm theo cách tốt và trình tạo trang cho phép bạn tạo và thêm nội dung vào trang của mình một cách chuyên nghiệp.

Các trình tạo trang như Elementor thường có các công cụ/khối để tạo thư viện, nhưng đây không phải là công cụ 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 điều này;)

WP Media Folder cung cấp cho bạn một addon Thư viện 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 ngoạn mục trong thư viện của mình.

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ả các thư mục đám mây , vì vậy hãy bắt đầu!

Phòng trưng bày có 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 Folder và 2 Pro Addons (một dành cho thư viện và một dành cho kết nối đám mây).

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

Trước hết, chúng tôi cần một Google Dev APP 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 cho dự án, bạn có thể thêm bất cứ thứ gì bạn muốn.

Bây giờ đợi 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 , bạn sẽ cần kích hoạt nó, để kích hoạt nó, hãy đi tới MarketPlace ở 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ó, sau đó nhấp vào Bật .

Bây giờ nó đã được bật, hãy nhấp vào "API và Dịch vụ" ở 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 đã ở đây, ở bảng trên cùng, hãy đi tới + Tạo thông tin xác thực > ID khách hàng OAuth , nếu được yêu cầu, hãy thêm tên vào màn hình đồng ý OAuth của bạn.

Bây giờ, hãy thiết lập thông tin đăng nhập như sau:

• Chọn "Ứng dụng web" và thêm tên bạn chọ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).
  
• URI chuyển hướng được ủy quyền: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf& Chức năng=wpmf_google_photo_authenticated
  

Hãy nhớ rằng Google đã thay đổi chính sách của họ, do đó bạn cần điền vào Miền được ủy quyền của mình tại tab màn hình đồng ý OAuth > Chỉnh sửa ứng dụng .

Tại 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.

Thêm nó cũng vào phần Xác minh miền .

Và thực hiện! Bạn sẽ nhận được ID và Bí mật của mình để 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 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 > tab Google Photo .

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" rồi kết nối Google Photo .

Một Pop Up 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à kết thúc kết nối.

Chỉ vậy thôi, thật dễ dàng và nhanh chóng phải không? :)

Plugin Elementor + Gallery, sự kết hợp tốt nhất

Bây giờ chúng tôi đã hoàn tất kết nối, hãy đi tới Phương tiện > Thư viện thư mục phương tiện , trên 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à ngoài ra, chúng tôi sẽ sử dụng thư Square Grid .

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

Thao tác 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, đối với điều này, hãy chọn Album và sau đó, Nhập Album .

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

Chờ một vài phút, và hoàn tất! 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 của 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 tới Cài đặt hiển thị & Mã Shortcode để tùy chỉnh hoàn toàn bộ sưu tập 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 tất cài đặt thư viện, nhấp vào Lưu , và bạn có thể truy cập trang / bài đăng mà bạn muốn thêm thư viện và nhấp vào Chỉnh sửa bằng 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 WP Media Folder các khối.

Như bạn có thể thấy, có 4 khối có sẵn, trong hướng dẫn này, chúng tôi sẽ sử dụng khối có tên WP Media Folder Gallery Addon , khối này sẽ tải Gallery Addon trong trình tạo trang.

Sau khi di chuyển khối đến phần này, bạn sẽ thấy tùy chọn xem trước và ở phía bên trái, tùy chọn chọn thư viện, hãy chọn thư viện 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ẽ tự động được cập nhật khi bạn chọn một tùy chọn mới ở phần bên trái, vì vậy hãy kiểm tra nó, 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à định 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 ta sẽ xem cách tạo thư viện bằng cách 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 Dịch vụ đám mây (Dropbox, Google Drive, OneDrive và AWS).

Trong ví dụ này, chúng tôi sẽ sử dụng Google Drive , bạn có thể xem cách kết nối tại đây , bạn sẽ nhận thấy rằng quá trình này thực sự giống với 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ể truy cập trang/bài đăng mà bạn muốn chỉnh sửa và nhấp vào Chỉnh sửa bằng Elementor .

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

Bây giờ, hãy nhấp vào + ở phần "Thêm hình ảnh".

Thao tác này sẽ mở cửa sổ bật lên với Thư viện phương tiện, chọn Thư mục đám mây, tất cả hình ảnh bạn muốn thêm bằng cách nhấp vào chúng và cuối cùng Tạo Thư viện mới > chèn Thư viện .

Điều này sẽ tạo một thư viện bằng cách 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 để dễ dàng chỉnh sửa và kiểm tra xem thư viện sẽ trông như thế nào chúng ta muốn :)

Giờ đây, bạn có thể tạo các phòng trưng bày 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, đồng thời, tiết kiệm dung lượng lưu trữ bằng Google Drive, bạn còn có thể yêu cầu gì nữa? :)

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 chỉ giải thích một số tính năng từ WP Media Folder và như bạn có thể thấy, nó đã khiến mọi thứ thực sự dễ dàng hơn mức cần thiết và hơn thế nữa với theme và giao diện ! Bạn đang chờ đợi điều gì? Hãy đế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 phòng trưng bày hơn những phòng trưng bày trong bài đăng này và rất nhiều công cụ tuyệt vời :)