Hình ảnh hiển thị WordPress

Kích thước của hình ảnh có thể được chỉ định bằng pixel hoặc theo tỷ lệ phần trăm của tổng kích thước của bài đăng hoặc trang. Để chỉ định kích thước bằng pixel, hãy sử dụng thuộc tính src với giá trị là “widthxheight”

MẸO CHUYÊN NGHIỆP. Khi thêm hình ảnh vào bài đăng hoặc trang WordPress, hãy nhớ thêm thuộc tính “alt” và “title”. Các thuộc tính này cung cấp thông tin về hình ảnh cho các công cụ tìm kiếm và trình đọc màn hình

Để chỉ định kích thước theo tỷ lệ phần trăm của tổng kích thước của bài đăng hoặc trang, hãy sử dụng thuộc tính kích thước có giá trị là “chiều rộng x chiều cao%. png”

Thuộc tính src và kích thước cũng có thể được sử dụng để liên kết đến các tệp trên máy chủ của bạn. Để thực hiện việc này, hãy sử dụng thuộc tính href và chỉ định đường dẫn đầy đủ đến tệp

Để biết thêm thông tin về cách sử dụng hình ảnh trong WordPress, vui lòng xem WordPress Codex

4 câu trả lời câu hỏi liên quan được tìm thấy

Làm cách nào để hiển thị tệp PDF trong WordPress?

Có nhiều cách để hiển thị PDF trong WordPress, tùy thuộc vào những gì bạn đang tìm kiếm. Bạn có thể sử dụng plugin, chủ đề hoặc loại bài đăng tùy chỉnh. Plugin Cách phổ biến nhất để hiển thị tệp PDF trong WordPress là sử dụng plugin

Làm cách nào để nhận thông báo trên WordPress?

Nếu bạn muốn được thông báo khi một bài đăng hoặc trang được cập nhật trên trang web WordPress của mình, bạn có thể sử dụng plugin hoặc tính năng WordPress. thông báo plugin. Có một số plugin sẽ gửi thông báo cho bạn khi bài đăng hoặc trang được cập nhật trên trang web WordPress của bạn. Plugin phổ biến nhất cho mục đích này là plugin Thông báo WordPress, có hơn 5 triệu người dùng đang hoạt động

Làm cách nào để dịch văn bản trong WordPress?

WordPress là một hệ thống quản lý nội dung phổ biến (CMS) được sử dụng để tạo một trang web hoặc blog. WordPress cho phép người dùng thêm văn bản, hình ảnh và nội dung khác vào trang web hoặc blog của họ. Để thêm văn bản trong WordPress, người dùng có thể sử dụng trình chỉnh sửa WordPress hoặc họ có thể sử dụng plugin dịch thuật

Làm cách nào để quản lý tệp trong WordPress?

Nếu bạn giống như hầu hết người dùng WordPress, bạn có thể quản lý các tệp của mình trong khu vực quản trị WordPress. WordPress cung cấp nhiều cách khác nhau để thực hiện việc này, bao gồm trình chỉnh sửa tệp trong khu vực quản trị và trình quản lý tệp được tích hợp trong thư viện phương tiện WordPress. Bất kể bạn quản lý tệp của mình như thế nào, điều quan trọng cần nhớ là tệp của bạn luôn có thể truy cập được trong khu vực quản trị 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. nền tảng. 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ó

Tại sao hình ảnh WordPress của tôi không hiển thị?