Thêm và chỉnh sửa thư viện ảnh như một chuyên gia trong Elementor

 Mặc dù sử dụng Elementor giúp ích rất nhiều trong việc tạo một trang hoặc bài viết, nhưng cũng đúng là chúng ta có thể cần nhiều công cụ hơn để làm cho nó hoạt động hoàn hảo, một trong những công cụ quan trọng cần đề cập đến là trình quản lý Thư viện cho phép chúng ta cải thiện trình tạo trang vốn đã mạnh mẽ, hãy xem cách thêm và chỉnh sửa các thư viện với WP Media folder trực tiếp trong Elementor thật dễ dàng.

Với các công cụ tuyệt vời như trình quản lý thư viện ảnh và tích hợp với tất cả các trình tạo trang chính, WP Media Folder cho phép chúng ta tạo ra các thư viện ảnh thực sự tuyệt vời cũng như sắp xếp thư viện phương tiện của chúng ta chỉ trong vài cú nhấp chuột!

Trong hướng dẫn này, chúng tôi sẽ tạo một thư viện ảnh từ đầu bằng cách sử dụng Trình quản lý thư viện ảnh và trực tiếp từ Elementor.

Tạo một Thư viện ảnh WordPress với WP Media Folder

Trước hết, chúng ta sẽ xem việc tạo một thư viện bằng cách sử dụng WP Media Folder Thư viện Addondễ dàng như thế nào.

Trình quản lý thư viện này có thể được tìm thấy sau khi cài đặt WP Media Folder và Thư viện Addon dưới Thư viện phương tiện > Thư viện thư mục phương tiện

Trên màn hình này, chúng ta cần di chuột qua + Thêm Thư viện Mới và nhấp vào + Tạo Thư viện Phương tiện Mới.

Thao tác này sẽ mở ra một phương thức nơi chúng ta có thể nhập tiêu đề thư viện và chọn một theme.

Hiện tại, chúng tôi sẽ đặt tên nó là "Thư viện ảnh của tôi" và giữ mặc định theme.

Điều này sẽ dẫn chúng ta đến trang tổng quan tạo thư viện với nhiều tùy chọn để thiết lập và xây dựng thư viện của chúng ta, trước tiên, chúng ta sẽ thêm hình ảnh vào thư viện của mình.

Chúng tôi sẽ nhận thấy nhiều tùy chọn để thêm phương tiện vào thư viện, những tùy chọn chính là thêm chúng từ Thư viện phương tiện hoặc tải trực tiếp từ
Trình khám phá tệp PC, hãy xem cả hai.

Trước hết, chúng ta có Thư viện Phương tiện tùy chọn là biểu tượng WordPress, nhấp vào nó.

Nhấp vào đây sẽ mở thư viện phương tiện, bạn sẽ nhận thấy rằng có các thư mục trong thư viện phương tiện của tôi, điều này là nhờ WP Media Folder cho phép tôi sắp xếp tất cả phương tiện của mình theo cách tốt nhất có thể với các thư mục và bộ lọc phương tiện, bạn có thể xem thêm về điều này tại đây nhưng đó là cho một bài viết khác ;)

Bây giờ để thêm hình ảnh, tất cả những gì chúng ta cần làm ở đây là đi đến thư mục phương tiện nơi chúng ta đã thêm hình ảnh mà chúng ta muốn thêm và chọn hình ảnh bằng cách sử dụng ctrl + nhấp để chọn chúng và cuối cùng, nhấp vào Nhập Hình ảnh.

Điều này sẽ thêm tất cả các hình ảnh đã chọn vào Trình quản lý thư viện ảnh cho phép chúng ta sử dụng và điều chỉnh chúng.

Bây giờ hãy xem tùy chọn tải hình ảnh trực tiếp từ Trình khám phá tệp trên PC của chúng tôi, để thực hiện việc này, nhấp vào biểu tượng thư mục.

Sau khi thực hiện việc này, trình khám phá tệp của bạn sẽ mở ngay lập tức để cho phép bạn điều hướng bên trong các thư mục và chọn các hình ảnh mà bạn muốn thêm vào Thư viện.

Chọn hình ảnh mà bạn muốn tải lên và sau đó nhấp vào Mở.

Sau khi thực hiện việc này, chúng ta đã hoàn thành! Giờ đây, chúng ta có tất cả các hình ảnh trong Trình quản lý thư viện ảnh sẵn sàng để sử dụng cho thư viện ảnh của mình.

Bây giờ chúng ta đã có tất cả hình ảnh của mình, hãy kiểm tra cài đặt thư viện, để làm điều này, hãy nhấp vào tab thứ hai Cài đặt Hiển thị & Shortcode.

Trong trường hợp đầu tiên, chúng ta có thể thấy rằng chúng ta có 8 thư viện, mỗi thư viện có cài đặt riêng.

Hãy xem Masonry, đây là bức tường cổ điển với nhiều hình ảnh được hiển thị ở các kích thước khác nhau, như chúng ta có thể thấy trong tab Xem trước.

Trong phần cài đặt, chúng ta có thể chọn giữa tất cả các tùy chọn, ví dụ, kích thước hình ảnh và bố cục masonry , hãy chỉnh sửa nó từ dọc hiện tại sang ngang và làm cho hình ảnh nhỏ hơn.

Bây giờ hãy kiểm tra tab Xem trước để xác nhận xem nó trông như thế nào bây giờ.

Như bạn có thể thấy, một công cụ thực sự tốt với các tính năng tuyệt vời vì nó cho phép chúng ta thực hiện các thay đổi và kiểm tra nó trông như thế nào chỉ với vài cú nhấp chuột và trong vài giây! Tạo một thư viện ảnh chưa bao giờ dễ dàng đến thế!

Thêm Thư viện WordPress trong Elementor

Giờ đây, sau khi đã biết cách tạo một thư viện ảnh bằng cách sử dụng WP Media Folder Trình quản lý thư viện ảnh, hãy xem cách thêm nó vào Bài viết hoặc Trang của chúng ta bằng cách sử dụng Elementor.

Để thực hiện việc này, hãy truy cập trang hoặc bài viết của bạn (hoặc tạo mới) và nhấp vào Chỉnh sửa với Elementor Trình tạo trang sẽ tải.

Trong trình chỉnh sửa, tìm kiếm WP Media Folder Addon Thư viện khối, và thêm nó vào nội dung của bạn.

Một khối sẽ tải lên cho chúng ta biết rằng Khối Thư viện Phương tiện Addon đã được thêm vào.

Trên tab bên trái, chúng tôi sẽ có thể chọn thư viện mà chúng tôi muốn và chúng tôi cũng có thể điều chỉnh nó.

Trước hết, hãy chọn thư viện mà chúng tôi đã tạo trong Chọn một Thư viện.

Thư viện ảnh mà chúng ta đã tạo trước đó sẽ tự động tải trên trình tạo trang dưới các khối.

Đây là hiển thị chủ đề Masonry mà chúng tôi đã chọn trong Gallery Manager, hãy kiểm tra tất cả các tùy chọn có sẵn trong các chủ đề có thể được chọn trực tiếp từ cài đặt khối.

Masonry

Một theme thực sự tốt có thể phù hợp hoàn hảo trên hầu hết mọi trang, cho phép chúng tôi hiển thị nhiều hình ảnh.

Mặc định

Điều này cho phép chúng tôi hiển thị hình ảnh theo cách cổ điển với cả tiêu đề của hình ảnh.

Danh mục đầu tư

Điều này cho phép chúng tôi hiển thị hình ảnh của mình tương tự như Chủ đề mặc định theme nhưng sử dụng phông chữ khác, hoàn hảo để hiển thị nghệ thuật.

Trình trình chiếu

Slider cổ điển cho phép chúng ta tập trung một vài hình ảnh trên mỗi slide.

Trình chiếu trượt

Tương tự như chủ đề Slider theme nhưng với một hiệu ứng động khác, tập trung vào một hình ảnh trên mỗi slide nhưng cho phép chúng ta xem trước các hình ảnh khác.

Lưới vuông

Một thư viện cổ điển với hình ảnh vuông hiển thị tiêu đề hình ảnh khi di chuột qua chúng.

Vật liệu

Một chủ đề thực sự tuyệt vời cho phép chúng ta hiển thị hình ảnh vuông với bóng đẹp và các tiêu đề.

Lưới tùy chỉnh

Một chủ đề lưới cho phép chúng tôi thay đổi kích thước hình ảnh để làm cho chúng trông như chúng tôi muốn, là lựa chọn tốt nhất khi chúng tôi muốn tạo một thư viện với kích thước/chiều của hình ảnh của riêng mình. Hãy xem nó hoạt động như thế nào trên Trình quản lý thư viện một cách nhanh chóng.

Bây giờ hãy xem các tùy chọn có sẵn trong menu bên trái cho tất cả các thư viện.

Trước hết, chúng ta có Điều hướng thư viện, bật tùy chọn này sẽ cho phép sử dụng các thư viện điều hướng có sẵn trên WP Media Folder Thư viện Addon cho phép chúng ta sử dụng các thư viện cha và thư viện con cũng như vậy, bạn có thể xem bản demo hoạt động tại đây

Như một lựa chọn thứ hai, chúng tôi có Thẻ hiển thị hình ảnh, hữu ích khi chúng tôi có nhiều hình ảnh trong một thư viện và muốn cho phép người dùng của mình lọc chúng trong frontend bằng cách sử dụng hệ thống thẻ từ WP Media Folder.

Rồi, chúng tôi có theme cho phép chúng tôi chọn giữa các themes có sẵn (mà chúng tôi đã hiển thị trước đó) và cũng sẽ hiển thị các thiết lập cụ thể tùy thuộc vào theme đã chọn như bố cục và, ví dụ, thời gian chuyển đổi trình trượt.

Chúng ta có thể tiếp tục kiểm tra và chúng ta sẽ tìm thấy Tùy chọn Chọn Thư viện cho phép chúng ta chọn giữa tất cả các thư viện mà chúng ta đã tạo trong Trình quản lý Thư viện Phương tiện.

Kích thước hình ảnh, tùy chọn này cho phép chúng ta chọn giữa tất cả các kích thước hình ảnh có sẵn để điều chỉnh hình ảnh sao cho chúng trông và phù hợp hoàn hảo với nội dung của chúng ta.

Tùy chọn Kích thước LightBox sẽ cho phép chúng ta, giống như kích thước hình ảnh, chọn kích thước của hộp sáng sẽ được hiển thị nếu chúng ta chọn nó làm hành động khi nhấp chuột.

Chúng tôi cũng sẽ có Hành động khi Nhấp cho phép chúng tôi chọn giữa hiển thị lightbox là phiên bản hình ảnh lớn hơn, chuyển đến trang khác hoặc không làm gì khi nhấp vào hình ảnh.

Và tùy chọn cuối cùng là thiết lập sắp xếp thứ tự, nơi chúng ta có thể xem và chọn cách hiển thị hình ảnh của mình trong thư viện.

Tất nhiên, ngoài những điều này, chúng tôi sẽ có các cài đặt để thêm lề giữa các hình ảnh, thay đổi màu khi di chuột, thêm đường viền và bóng.

Như bạn có thể thấy, thật sự rất dễ dàng sử dụng Elementor để tinh chỉnh các thư viện WP Media Folder của chúng tôi và làm cho nó phù hợp với trang của chúng tôi!

Tạo thư viện nhanh chóng bằng cách sử dụng các thư mục phương tiện

Là một chủ đề bổ sung, chúng tôi sẽ trình bày cách tạo thư viện ảnh bằng cách sử dụng các thư mục được tạo bởi WP Media Folder trong vài giây.

Tính năng này cũng sẽ cho phép chúng ta tự động thêm hình ảnh vào thư viện khi chúng được thêm vào thư mục.

Trước hết, hãy đi đến Thư viện Thư mục Media dưới  Thư viện Media nơi chúng ta đã tạo thư viện trước đó, trên trang này di chuột qua + Thêm Thư viện Mới nút và sau đó, nhấp vào Tạo Thư viện từ thư mục.

Một trình khám phá thư mục sẽ được hiển thị nơi chúng ta có thể chọn thư mục mà chúng ta sẽ sử dụng.

Sau khi nhấp vào Tạo, các hình ảnh bên trong thư mục sẽ được tự động tải vào thư viện cho phép chúng ta tạo một thư viện trong vòng vài giây!

Chúng tôi cũng sẽ có thể tự động thêm hình ảnh khi chúng được thêm vào thư viện media trong cùng một thư mục mà chúng tôi vừa chọn, giúp chúng tôi tiết kiệm thời gian đi đến trình quản lý thư viện và thêm hình ảnh thủ công.

Để sử dụng tùy chọn này, Tự động thêm hình ảnh vào thư mục nên được kích hoạt, có sẵn ở trên cùng bên phải ngay dưới nút Lưu .

Và phép thuật đã được thực hiện! Các thư mục cũng là hình ảnh hiển thị tự động ở giao diện người dùng, chúng ta còn mong muốn gì nữa? :) 

Bắt đầu sử dụng WP Media Folder với trình tạo trang yêu thích của bạn

Chúng tôi cũng có một video giải thích mọi thứ từng bước để bạn có thể xem plugin hoạt động trực tiếp, hãy kiểm tra nó!

Một plugin với các tính năng tuyệt vời không chỉ cho phép chúng ta tạo thư viện mà còn sắp xếp phương tiện của mình, nhập từ Google Photos và cũng có thể dỡ bỏ nó!

Tương thích với tất cả các trình xây dựng chính sẽ cho phép chúng tôi sắp xếp và hiển thị phương tiện của mình một cách chuyên nghiệp nhất chỉ với vài bước đơn giản, vậy bạn còn chờ đợi gì nữa? Đi đây và tải ngay!