Cách hiển thị ảnh WordPress theo cột và hàng

Nội dung bài viết

Bạn có muốn hiển thị ảnh WordPress theo cột và hàng không? Theo mặc định, WordPress thêm hình ảnh theo cột dọc chồng lên nhau. Tuy nhiên, nếu bạn đang thêm nhiều ảnh vào một bài đăng blog, thì điều này trông không được sạch sẽ và đòi hỏi người dùng của bạn phải cuộn nhiều. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng hiển thị ảnh WordPress theo cột và hàng.

Display WordPress photos in rows and columns

Tại sao bạn cần ảnh WordPress ở dạng cột và hàng

Theo mặc định, khi bạn thêm nhiều hình ảnh vào một bài đăng WordPress, chúng sẽ xuất hiện ngay cạnh nhau hoặc trên đầu trang của nhau.

default scrolling display of photos in WordPress

Điều này trông không đẹp lắm và người dùng của bạn sẽ phải cuộn rất nhiều để xem nhiều hình ảnh và ảnh chụp.

Bạn có thể dễ dàng giải quyết vấn đề này bằng cách hiển thị ảnh theo hàng và cột bằng cách sử dụng bố cục dựa trên lưới. Bằng cách này, hình ảnh sẽ xuất hiện trong một bố cục nhỏ gọn và cải thiện trải nghiệm người dùng trên trang web của bạn.

photos in columns and rows

Đã nói rằng, chúng ta hãy xem cách hiển thị ảnh WordPress theo cột và hàng.

1. Hiển thị ảnh ở dạng cột và hàng không có plugin

Phương pháp này không yêu cầu bạn cài đặt bất kỳ plugin mới nào trên trang web của mình. Nếu bạn không thêm nhiều ảnh quá thường xuyên, thì điều này sẽ phù hợp với bạn.

Trước tiên, bạn cần tạo một bài đăng mới hoặc chỉnh sửa một bài đăng hiện có mà bạn muốn hiển thị ảnh của mình. Trên màn hình chỉnh sửa bài đăng, nhấp vào nút ‘Thêm phương tiện’ để khởi chạy cửa sổ bật lên trình tải lên phương tiện WordPress.

Click on add media button to upload your photos in WordPress

Tiếp theo, bạn cần tải lên tất cả các bức ảnh mà bạn muốn hiển thị theo hàng và cột. Sau khi tải lên, bạn sẽ thấy ảnh của mình trong thư viện phương tiện.

Create gallery in WordPress

Những hình ảnh bạn vừa tải lên sẽ được chọn. Nếu bạn muốn bao gồm bất kỳ ảnh nào đã tải lên trước đó, thì bạn cũng có thể chọn chúng bằng cách chỉ cần nhấp vào chúng trong thư viện phương tiện.

Sau đó, bạn cần nhấp vào liên kết ‘Tạo thư viện’ từ cột bên trái và sau đó nhấp vào nút ‘Tạo thư viện mới’.

Click to create a new gallery of selected photos

Cửa sổ bật lên bây giờ sẽ thay đổi để hiển thị các tùy chọn cài đặt thư viện.

Bạn có thể chọn số lượng cột, nơi mỗi hình ảnh sẽ liên kết đến, kích thước hình ảnh sẽ hiển thị và sắp xếp thứ tự hiển thị ngẫu nhiên.

Gallery settings option

Sau đó, bạn cần nhấp vào nút chèn thư viện và WordPress sẽ chèn thư viện vào bài đăng trên blog của bạn.

Photos in columns and rows as a gallery in WordPress

Nếu bạn muốn thay đổi số lượng cột hoặc các cài đặt khác, thì bạn chỉ cần nhấp vào ảnh trong trình chỉnh sửa bài đăng.

WordPress sẽ chọn thư viện của bạn và sau đó bạn có thể nhấp vào biểu tượng bút chì để chỉnh sửa cài đặt thư viện của mình.

Edit gallery settings

Đó là tất cả, bạn có thể tiếp tục viết bài đăng của bạn hoặc lưu các thay đổi của bạn. Bạn có thể xem trước bài đăng ngay bây giờ để xem ảnh của mình theo hàng và cột.

Photos in rows and column layout in WordPress

Phương pháp này sẽ phù hợp với hầu hết người mới bắt đầu. Tuy nhiên, nếu bạn điều hành một blog nhiếp ảnh hoặc thường xuyên chia sẻ ảnh trên trang web của mình, thì phương pháp này thiếu một số tính năng quan trọng.

Ví dụ: sự xuất hiện của ảnh phụ thuộc vào chủ đề WordPress của bạn và bạn bị giới hạn trong một bố cục và phong cách cụ thể đó.

Hình ảnh của bạn sẽ không mở trong hộp đèn bật lên và người dùng sẽ phải tải chúng dưới dạng trang mới, sau đó nhấn nút quay lại để quay lại trang ban đầu.

Để có trải nghiệm người dùng chuyên nghiệp và đẹp mắt hơn, bạn nên thử phương pháp plugin.

2. Hiển thị ảnh ở dạng cột và hàng bằng plugin

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Envira Gallery. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .

Envira Gallery là một trong những plugin WordPress cao cấp của chúng tôi và giá bắt đầu từ $ 19 cho một giấy phép trang web.

Sau khi kích hoạt, bạn cần truy cập trang Cài đặt của Envira Gallery » để nhập khóa cấp phép của mình. Bạn có thể lấy khóa này từ tài khoản của mình trên trang web Envira Gallery.

Enter Envira Gallery license key

Bây giờ bạn đã sẵn sàng để tạo các thư viện hình ảnh đẹp.

Đi tới Thư viện Envira »Thêm trang mới để tạo thư viện đầu tiên của bạn.

Upload photos to create new gallery

Bạn có thể chọn và tải lên các tệp từ máy tính của mình hoặc bạn có thể chọn từ thư viện phương tiện WordPress.

Sau khi tải ảnh của bạn lên, chúng sẽ xuất hiện trong hộp cài đặt thư viện bên dưới.

Photos added to Envira Gallery

Tiếp theo, bạn cần nhấp vào tab cấu hình để tùy chỉnh cách bạn muốn hiển thị ảnh của mình.

Trong ‘Số cột Thư viện’, bạn có thể chọn số lượng cột cho ảnh của mình.

Configure number of columns for your photos

Bạn cũng có thể chỉ định kích thước chính xác của hình thu nhỏ mà bạn muốn hiển thị và khoảng cách bạn muốn giữa các hình ảnh trong các cột.

Sau đó, bạn có thể nhấp vào nút xuất bản để làm cho thư viện ảnh của bạn sẵn sàng được thêm vào trang web WordPress của bạn.

Bây giờ bạn cần chỉnh sửa một bài đăng hoặc tạo một bài mới. Bạn sẽ thấy nút ‘Thêm Thư viện’ mới trên đầu trình chỉnh sửa bài đăng.

Add gallery button

Nhấp vào đó sẽ hiện ra một cửa sổ bật lên, bạn cần chọn bộ sưu tập vừa tạo và nhấp vào nút chèn.

Insert gallery

Bây giờ plugin sẽ thêm shortcode thư viện vào trình chỉnh sửa bài đăng.

Bạn có thể lưu bài đăng của mình và xem trước nó để xem ảnh của bạn ở các cột và hàng trong một thư viện ảnh đẹp, đáp ứng cho thiết bị di động.

photos in columns and rows

Giờ đây, khi người dùng của bạn nhấp vào hình thu nhỏ của ảnh, nó sẽ mở ra trong một cửa sổ bật lên đẹp mắt. Họ cũng sẽ có thể duyệt hình ảnh mà không cần rời khỏi trang.

Browsing photos in a post

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách hiển thị ảnh WordPress theo cột và hàng. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách khắc phục các sự cố hình ảnh phổ biến trong WordPress .

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
error: Cảnh báo: Không có quyền !!