Cách hiển thị hình ảnh trong WordPress

Hình ảnh là một phần gần như không thể thiếu của bất kỳ trang web nào. Không thành vấn đề nếu bạn là một nhiếp ảnh gia chuyên nghiệp trưng bày danh mục đầu tư của họ, một cửa hàng địa phương trưng bày sản phẩm của họ hoặc một blogger đang tìm cách làm cho nội dung của bạn sinh động hơn, bạn đang sử dụng ảnh

WordPress, với tư cách là một CMS, rất ý thức về điều này và cung cấp cho bạn các tùy chọn vượt trội để thêm hình ảnh vào bài đăng trên blog hoặc trang web của bạn. Thư viện hình ảnh gốc cho phép người dùng tải lên một hình ảnh trong thư viện phương tiện và dễ dàng đặt nó trên trang

Mặc dù bạn có thể thêm thư viện, nhưng thư viện gốc WordPress có chức năng rất hạn chế và thiếu nhiều tính năng, bao gồm cả hộp đèn sẵn dùng

Rất may, WordPress có thể mở rộng và thư mục plugin WordPress có đầy đủ các tùy chọn. Trên thực tế, nó có quá nhiều lựa chọn. Có rất nhiều plugin thư viện ngoài kia, nhiều trong số chúng có các tính năng giống hệt nhau, đến mức số lượng lựa chọn khả thi có thể khiến người dùng thất vọng

Trong bài viết này, chúng tôi sẽ trình bày một số plugin thư viện miễn phí mà chúng tôi đã sử dụng trong quá khứ

FooGallery

FooGallery rất dễ sử dụng và có thể mở rộng

Nó rất dễ sử dụng theo nghĩa là nếu bạn biết cách sử dụng một plugin thư viện, bạn có thể sử dụng tất cả chúng (ngoại trừ, có thể là NextGen, nhưng chúng ta sẽ làm được điều đó). Logic thường giống nhau. Plugin tạo một mục trong menu bảng điều khiển, bạn tạo một thư viện ở đó, chọn các tùy chọn của mình và được cung cấp một mã ngắn mà bạn có thể sử dụng để chèn thư viện của mình vào bất kỳ bài đăng hoặc trang nào

Khả năng mở rộng là điều mà cá nhân tôi yêu thích ở Foo Gallery. Cài đặt cơ bản là, chính xác là vậy. căn bản. Bạn có thể chọn tạo lưới thư viện, lưới Masonry (là bố cục giống Pinterest), thư viện đáp ứng đơn giản, v.v. Tuy nhiên, đây là tất cả những gì có. Không có hộp đèn, không có album thư viện, không có nhiều tùy chọn mà chúng tôi thấy trong giải pháp khác, đầy đủ hơn

Nhưng FooGallery không thực sự thiếu những tính năng này. Các tùy chọn ở đó, có thể cắm được, tất cả những gì bạn phải làm là kích hoạt các chức năng bạn muốn. Ví dụ: tiện ích mở rộng FooBox cung cấp cho bạn lớp phủ giống như hộp đèn để hiển thị hình ảnh của bạn. Có nhiều tiện ích mở rộng, cả miễn phí và trả phí, mà bạn có thể cài đặt để thêm chức năng, mẫu thư viện tạo sẵn, v.v.

Đúng vậy, những người tốt bụng tại FooGallery đã tạo một trình tạo, một bản soạn sẵn để tạo plugin FooGallery của riêng bạn. Bạn có thể thay đổi và ghi đè hoàn toàn mọi thứ từ cách hoạt động của FooGallery theo mặc định. Bất kỳ nhà phát triển nào trước đây từng thất vọng khi cố gắng thuần hóa một plugin để làm những gì họ muốn, đều có thể hiểu tại sao đây là một tính năng tuyệt vời

Unite Gallery Lite

Tiếp theo là một ứng dụng yêu thích khác của tôi, Unite Gallery Lite. Tôi đã sử dụng cái này trong một số trang web vì nó có rất nhiều tùy chọn. Bạn có thể tạo thư viện như bình thường và để nguyên cài đặt mặc định hoặc bạn có thể sử dụng các tùy chọn để tùy chỉnh thiết kế của mình

Bạn có thể định cấu hình lưới của mình theo ý muốn, chỉ định vị trí của thư viện và lề, tùy chỉnh hoàn toàn mọi thứ về tất cả văn bản được hiển thị, tiêu đề, mô tả, mọi thứ. Hộp đèn đi kèm cũng có đầy đủ các tùy chọn để định cấu hình

Tò mò về những gì bạn có thể làm với Unite Gallery Lite? . Bạn có thể giới thiệu hình ảnh của mình theo mọi cách bạn muốn. Từ màn hình ô xếp đến lưới, thanh trượt, băng chuyền hình thu nhỏ, bạn chỉ cần tưởng tượng cách bạn muốn thư viện của mình hiển thị và có thể bạn sẽ tìm thấy giải pháp tốt

Từ quan điểm của nhà phát triển, cũng có một tính năng rất hữu ích của Unite Gallery Lite. Bạn có thể viết các đoạn CSS hoặc JavaScript của riêng mình, ngay trên bảng điều khiển và yêu cầu chúng ghi đè các giá trị mặc định của thư viện. Với tư cách là một nhà phát triển, bạn có thể sẽ làm điều này theo cách tùy chỉnh. css và. tập tin js;

Phòng trưng bày hợp lý

Điều này đã được tôi yêu thích từ lâu trước khi tôi bắt đầu chuyển sang các plugin có cấu hình cao hơn. Nguyên nhân?

Trang demo của đối tác WordPress của nó cũng khá ấn tượng. Lưu ý tiêu đề hình ảnh di chuột qua, cũng như trang hộp đèn, với hình thu nhỏ của thư viện ở dưới cùng và menu được biểu tượng hóa ở trên cùng. Ngoài ra, hãy lưu ý cách các hình ảnh được căn đều, với chiều cao hàng có kích thước bằng nhau;

Plugin này thực hiện cuộc gọi đến sự kiện cuộn của Plugin jQuery Mouse Wheel. Khi ở chế độ hộp đèn, bạn có thể chuyển sang hình ảnh tiếp theo bằng cách cuộn, một hành vi mà tôi muốn thấy trên nhiều plugin hơn. Họ cũng cung cấp chuyển tiếp và một số hiệu ứng hoạt hình

Điều làm cho plugin này trở nên rất thú vị là nó sử dụng thư viện WordPress gốc. Bạn không có menu riêng nơi bạn phải tạo thư viện của mình và sao chép mã ngắn; . Nếu bạn đang sử dụng bộ sưu tập gốc của WordPress, khi bạn thêm plugin này, tất cả các bộ sưu tập của bạn trong các bài viết trước sẽ sử dụng các tính năng của nó

Thư viện của Envira (phiên bản miễn phí)

Đây là phiên bản miễn phí (và rất cơ bản) của Envira Gallery nổi tiếng. Phiên bản miễn phí cũng rất phổ biến, với hơn 70.000 lượt cài đặt đang hoạt động, tính đến thời điểm viết bài này và được xếp hạng rất cao

Envira hoạt động với giao diện kéo và thả, cho phép bạn tải trực tiếp hình ảnh từ máy tính của mình lên và sử dụng chúng hoặc bạn có thể chọn ảnh đã được tải lên trong thư viện phương tiện WordPress. Cài đặt mặc định của nó mang lại giao diện bóng bẩy và hiện đại cũng như bố cục đáp ứng đầy đủ. Nó sẽ tự động căn chỉnh ảnh của bạn, thay đổi kích thước chúng khi cần để có các hàng có chiều cao bằng nhau. Nó cũng sẽ cho phép bạn định cấu hình một số tùy chọn cơ bản, chẳng hạn như số cột sẽ hiển thị, chiều cao của hàng, bạn có muốn cắt hình ảnh của mình hay không, v.v.

Plugin miễn phí có một số tùy chọn mà khi bạn cố gắng truy cập chúng, bạn sẽ nhận ra rằng chúng chỉ là cao cấp và bạn phải nâng cấp để sử dụng chúng. Điều đó không tệ, vì các tùy chọn miễn phí đã là quá đủ để tạo bố cục thư viện cơ bản, hiện đại. Nó cũng cung cấp một số lượng đáng kinh ngạc các addon trả phí cho phép bạn, trong số những thứ khác, sử dụng hình ảnh từ Dropbox của bạn hoặc làm việc trực tiếp với Adobe Lightroom

Sự thật là, tôi chưa bao giờ thu thập được quá nhiều vào thư viện Envira. Phiên bản miễn phí có cảm giác hạn chế và các tùy chỉnh nhiều hơn phiên bản cơ bản có thể khó thực hiện. Mặc dù vậy, chắc chắn rằng phải có lý do khiến nó là một trong những plugin thư viện phổ biến nhất và chắc chắn rằng các tính năng bổ sung được cung cấp bởi phiên bản cao cấp của chúng rất linh hoạt

Tiếp theoThư viện GEN

Phòng trưng bày NextGEN là phổ biến nhất. Nó tự hào có hơn 1 triệu lượt cài đặt đang hoạt động và hơn 16 triệu lượt tải xuống kể từ năm 2007 khi nó xuất hiện lần đầu tiên

Khi bạn cài đặt NextGEN, bạn sẽ thấy một video và một loại trang chứng thực với hình ảnh của các chuyên gia sử dụng (và ủng hộ việc sử dụng) thư viện NextGEN

Thoạt nhìn, nó có vẻ dễ sử dụng, với giao diện trực quan và bạn có thể gọi nó trực tiếp từ trang Bài đăng mới của mình, cũng như từ menu riêng của nó. Nhưng một khi bạn đang thực sự cố gắng sử dụng nó, bạn có thể bị choáng ngợp

Đây là một ví dụ. Điều đầu tiên tôi làm một lần là tạo một thư viện, được gọi là “mới” từ menu NextGEN. Và bây giờ tôi đang ở bài viết mới của mình và tôi muốn chèn nó. Không có mã ngắn nào được cung cấp khi tôi tạo thư viện, nhưng có một liên kết ngay trên trang Bài đăng mới cho phép bạn chèn thư viện của mình. Vì vậy, đây là màn hình mà tôi phải đối mặt

Tôi không thể tìm thấy nơi để chèn bộ sưu tập được hiển thị. Bạn phải mở hộp “Bạn muốn hiển thị cái gì” để thực sự có thể chọn thư viện của mình. Nó thực sự không khó, nhưng nó chắc chắn không trực quan lắm. Ngoài ra, người dùng mới có thể cảm thấy choáng ngợp trước các tùy chọn, được hiển thị trên màn hình đầu tiên, họ cũng có thể bắt đầu tìm kiếm trong các tab, thay vì nhìn vào các tùy chọn thấp hơn trên màn hình và cảm thấy thứ yếu.

Tôi nghĩ NextGEN gallery đã thay đổi cách hiển thị hình ảnh trong WordPress và mở đường cho nhiều plugin khác. Nó cũng có các tùy chọn được đóng gói và cho phép người dùng quản lý các phòng trưng bày, album, sử dụng các thẻ, v.v. Tuy nhiên, người dùng mới thường sẽ không thích nó hơn một số tùy chọn trực quan hơn

Phần kết luận

Trong số các tùy chọn trên, cá nhân tôi là một fan hâm mộ lớn của FooGallery và Unite Gallery Lite. Tuy nhiên, đây chỉ đơn giản là sở thích cá nhân, danh sách này không có nghĩa là đầy đủ tất cả các tùy chọn thư viện tuyệt vời hiện có