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

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

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 Page Builder chính, WP Media Folder cho phép chúng ta tạo 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 chỉ trong vài cú nhấp chuột! 

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

Tạo Thư viện WordPress với WP Media Folder

Trước tiên, chúng ta sẽ xem việc tạo một thư viện ảnh bằng cách sử dụng WP Media Folder Gallery 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à Tiện ích bổ sung Thư viện Addon trong 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 + Add New Gallery  và nhấp vào + Create New Media Gallery.

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

Hiện tại, chúng ta sẽ đặt tên cho nó là "My Gallery" và giữ nguyên thememặc định.

Điều này sẽ đưa chúng ta đến bảng điều khiển 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 mình, trước tiên, chúng ta sẽ thêm hình ảnh vào thư viện.

Chúng ta sẽ nhận thấy nhiều tùy chọn để thêm phương tiện vào thư viện ảnh, 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 lên trực tiếp từ Trình khám phá tệp trên PC của chúng ta, hãy cùng xem cả hai.

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

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 ảnh, tất cả những gì chúng ta cần làm ở đây là đi đến thư mục media nơi chúng ta đã thêm những ảnh muốn thêm và chọn các ảnh bằng cách dùng ctrl + click để chọn chúng, và cuối cùng, nhấp vào Import Images.

Thao tác này sẽ thêm tất 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ừ PC của chúng ta File Explorer, để làm điều này, hãy nhấp vào biểu tượng thư mục.

Sau khi thực hiện điều 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 của mình và chọn những hình ảnh mà bạn muốn thêm vào Thư viện.

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

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

Bây giờ chúng ta đã có tất cả ảnh ở đúng vị trí, hãy kiểm tra cài đặt gallery, để làm điều này, nhấp vào tab thứ hai Display Settings & Shortcode.

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

Hãy cùng xem phần Masonry, đây là kiểu 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 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ụ như kích thước hình ảnh và bố cục masonry , hãy chỉnh 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 giao diện hiện tại trông như thế nào.

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

Thêm thư viện WordPress trong Elementor

Bây giờ chúng ta đã biết cách tạo thư viện bằng WP Media Folder Gallery Manager, hãy xem cách thêm nó vào Bài viết hoặc Trang của chúng ta bằng Elementor.

Để làm điều 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 bằng Elementor Trình tạo trang sẽ tải.

Trong trình soạn thảo, hãy tìm khối WP Media Folder Addon Gallery và thêm nó vào nội dung của bạn.

Một khối sẽ tải lên thông báo rằng Khối Tiện ích Bổ sung Thư viện Phương tiện Addon đã được thêm vào.

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

Trước tiên, hãy chọn thư viện mà chúng ta đã tạo trong mục Chọn một Thư viện.

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

Đây là hiển thị Masonry theme mà chúng ta đã chọn trong Trình quản lý thư viện, hãy kiểm tra tất cả các tùy chọn có sẵn trong các themecó 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 gần như mọi trang, cho phép chúng tôi hiển thị nhiều hình ảnh.

Mặc định

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

Portfolio

Đ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ư theme Mặc định nhưng sử dụng phông chữ khác, hoàn hảo để hiển thị nghệ thuật.

Slider

Thanh trượt cổ điển cho phép chúng ta tập trung vào một số lượng nhỏ hình ảnh trên mỗi slide.

Flow Slide

Tương tự như theme Slider nhưng với hiệu ứng khác, tập trung vào một hình ảnh 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 các hình ảnh vuông hiển thị tiêu đề hình ảnh khi di chuột qua chúng.

Material

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

Lưới Tùy chỉnh

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

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 ảnh.

Trước hết, chúng ta có Điều hướng Thư viện, việc 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 Gallery Addon cho phép chúng ta sử dụng thư viện cha và thư viện con nữa, bạn có thể xem bản demo hoạt động tại đây

Là tùy chọn thứ hai, chúng ta có Thẻ Hiển Thị Hình Ảnh, hữu ích khi chúng ta có nhiều hình ảnh trong một thư viện và muốn cho phép người dùng lọc chúng ở giao diện người dùng bằng cách sử dụng hệ thống thẻ từ frontend sử dụng hệ thống thẻ từ WP Media Folder.

Sau đó, chúng ta có theme chọn chủ đề cho phép chúng ta chọn giữa các theme có sẵn (mà chúng ta đã hiển thị trước đó) và cũng sẽ hiển thị các cài đặt cụ thể tùy thuộc vào theme được chọn như bố cục và, ví dụ, thời lượng chuyển tiếp của thanh 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 một Thư viện ảnh cho phép chúng ta chọn giữa tất cả các thư viện ảnh mà chúng ta đã tạo trong Trình quản lý Thư viện ảnh Media.

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, giúp chúng ta điều chỉnh hình ảnh để chúng hiển thị và phù hợp hoàn hảo với nội dung của mình.

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 lightbox 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 ta cũng sẽ có Hành động khi nhấp cho phép chúng ta lựa chọn giữa việc hiển thị hộp đèn là phiên bản lớn hơn của hình ảnh, 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à cài đặt thứ tự, nơi chúng ta có thể xem và chọn cách chúng ta muốn hiển thị hình ảnh trong thư viện.

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

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

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

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

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

Trước tiên, hãy truy cập Media Folder Gallery trong Media Library nơi chúng ta đã tạo thư viện trước đó, trên trang này hãy di chuột qua nút  + Add New Gallery và sau đó, nhấp vào Create Gallery from folder.

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ẽ tự động được tải vào thư viện, cho phép chúng ta tạo một thư viện chỉ trong vài giây!

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

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

Và điều kỳ diệu đã hoàn thành! Các thư mục cũng chính là hình ảnh hiển thị tự động ở giao diện người dùng, còn gì tuyệt vời hơn nữa? :) 

Hãy bắt đầu sử dụng WP Media Folder với trình soạn thảo văn bản 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ể thấy plugin hoạt động trực tiếp, hãy xem thử!

Một plugin với những tính năng tuyệt vời cho phép chúng ta không chỉ tạo thư viện ảnh mà còn sắp xếp phương tiện của mình, nhập từ Google Photos và cả giải phóng dung lượng nữa! 

Tương thích với tất cả các trình tạo trang phổ biến sẽ cho phép chúng ta 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, vậy bạn còn chờ gì nữa? Hãy truy cập tại đây và nhận ngay!