Bạn có muốn đặt hình ảnh cạnh nhau trong nội dung WordPress của mình không?
Những người mới bắt đầu thường gặp khó khăn trong việc tìm cách đặt hai hình ảnh cạnh nhau trong các bài đăng và trang WordPress của họ.
Trong hướng dẫn từng bước này, chúng tôi sẽ chỉ cho bạn cách dễ dàng đặt các hình ảnh cạnh nhau trong WordPress (không cần viết bất kỳ mã nào).
Sử dụng Trình chỉnh sửa khối để đặt hình ảnh cạnh nhau
Cách dễ nhất để đặt các hình ảnh của bạn cạnh nhau là sử dụng trình chỉnh sửa khối WordPress .
Trình chỉnh sửa khối có khối ‘Thư viện’ đặc biệt cho phép bạn hiển thị hình ảnh theo hàng và cột.
Trước tiên, bạn cần tạo một bài đăng/trang mới hoặc chỉnh sửa bài đăng/trang hiện có để mở trình chỉnh sửa nội dung. Sau khi vào bên trong, nhấp vào biểu tượng (+) để thêm một khối mới.
Tiếp theo, bạn cần chọn khối Thư viện và thêm nó vào trang của mình. Bạn có thể tìm thấy khối Thư viện trong phần Khối chung hoặc bạn có thể sử dụng thanh tìm kiếm để nhanh chóng xác định vị trí của nó.
Giờ đây, bạn có thể dễ dàng thêm hình ảnh vào khối thư viện của mình bằng cách kéo chúng vào đó hoặc bằng cách sử dụng nút Tải lên. Bạn cũng có thể chọn hình ảnh từ thư viện phương tiện WordPress của mình .
Như bạn có thể thấy, chúng tôi đã thêm 2 hình ảnh vào khối Thư viện của mình. WordPress đã tự động đặt chúng cạnh nhau.
Nếu bạn muốn 3 hình ảnh cạnh nhau thì sao? Đây là những gì sẽ xảy ra nếu chúng ta thêm một hình ảnh thứ ba. WordPress chỉ cần thay đổi kích thước những cái khác để phù hợp với cả 3 cạnh nhau:
Nếu bạn tải lên hình ảnh thứ tư, thì WordPress sẽ đặt nó bên dưới những hình ảnh khác.
Bạn có thể thay đổi số lượng hình ảnh mà WordPress nên đặt cạnh nhau trong một cột.
Đầu tiên, nhấp vào khối Thư viện, nếu nó chưa được chọn. Ở bên phải màn hình, bạn sẽ thấy cài đặt khối của Thư viện.
Bạn có thể điều chỉnh số cột ở đây thành bất kỳ số nào trong khoảng từ 1 đến 4. Ví dụ: nếu bạn muốn hai hình ảnh cạnh nhau và hai hình ảnh khác bên dưới chúng, bạn có thể đặt Cột thành 2.
Nó đơn giản như vậy!
Nếu bạn muốn thay đổi vị trí của hình ảnh trong bộ sưu tập của mình, chỉ cần nhấp vào hình ảnh đó. Sau đó, bạn sẽ thấy các mũi tên mà bạn có thể sử dụng để di chuyển tới hoặc lùi trong thư viện.
Đây là bản trình diễn thư viện đã hoàn thành từ bài đăng mẫu của chúng tôi:
Sử dụng Plugin để đặt hình ảnh cạnh nhau trong WordPress
Nếu bạn đang sử dụng trình chỉnh sửa WordPress cổ điển cũ hoặc nếu bạn muốn tạo các thư viện phức tạp hơn khối Thư viện mặc định, thì bạn sẽ cần một plugin thư viện WordPress.
Chúng tôi khuyên bạn nên sử dụng Envira Gallery vì đây là plugin thư viện WordPress tốt nhất
Vì lợi ích của hướng dẫn này, chúng tôi sẽ sử dụng phiên bản Envira miễn phí, nhưng bạn có thể muốn có phiên bản Pro để có được các tính năng mạnh mẽ như album, trình chiếu hình ảnh, v.v.
Trước tiên, bạn cần cài đặt và kích hoạt plugin Envira Gallery . Nếu bạn không chắc chắn về cách thực hiện, chỉ cần xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .
Tiếp theo, bạn có thể truy cập Envira Gallery »Thêm mới trong bảng điều khiển WordPress của mình.
Bạn sẽ cần đặt tiêu đề cho thư viện của mình. Chúng tôi đã gọi chúng tôi là ‘Phòng trưng bày mẫu’. Tiếp theo, tải lên những hình ảnh bạn muốn sử dụng.
Bạn có thể kéo và thả chúng vào hộp tải lên hoặc bạn có thể sử dụng một trong các nút ‘Chọn tệp’.
Đây là hình ảnh trông như thế nào sau khi chúng được tải lên:
Bạn có thể đặt tiêu đề và văn bản thay thế cho hình ảnh của mình tại đây. Tiêu đề xuất hiện bên dưới hình ảnh của bạn khi người dùng đưa con trỏ chuột lên trên nó.
Tiêu đề cũng xuất hiện bên dưới hình ảnh trong chế độ bật lên hộp đèn mà chúng ta sẽ xem xét trong giây lát.
Để chỉnh sửa tiêu đề và văn bản thay thế , nhấp vào nút Chỉnh sửa trên một hình ảnh trong bộ sưu tập.
Sau đó, bạn có thể thay đổi tiêu đề cho hình ảnh của mình. Nó mặc định là tên tệp của hình ảnh.
Bạn cũng nên nhập văn bản thay thế, vì điều này hữu ích cho SEO trang web WordPress của bạn . Nếu tiêu đề của bạn mô tả hình ảnh thì bạn chỉ cần lặp lại tiêu đề đó cho văn bản thay thế.
Khi bạn đã hoàn tất, vui lòng đảm bảo rằng bạn nhấp vào nút ‘Lưu siêu dữ liệu’ trước khi nhấp vào X để đóng cửa sổ.
Để thêm bộ sưu tập của bạn trên trang web, trước tiên bạn cần xuất bản nó. Hãy tiếp tục và nhấp vào nút Xuất bản ở phía bên phải màn hình.
Bây giờ, hãy chỉnh sửa bài đăng hoặc trang hoặc tạo một bài đăng hoặc trang mới. Bên trong trình chỉnh sửa nội dung , nhấp vào (+) để thêm khối vào bài đăng của bạn và chọn khối Thư viện Envira. Bạn có thể tìm thấy nó trong phần Khối chung hoặc bạn có thể sử dụng thanh tìm kiếm.
Sau đó, bạn sẽ cần nhấp vào danh sách thả xuống để chọn thư viện của mình.
Bạn sẽ thấy bộ sưu tập của mình ở vị trí trong bài đăng của bạn.
Bạn có thể điều chỉnh cài đặt ở bên phải màn hình. Chẳng hạn, bạn có thể muốn thay đổi bố cục cột hoặc kích thước của lề giữa các hình ảnh.
Chúng tôi quyết định đặt bộ sưu tập của mình luôn hiển thị trong hai cột. Chúng tôi cũng đã thêm một lề rộng hơn giữa các hình ảnh.
Người dùng có thể nhấp vào hình ảnh để xem phiên bản có kích thước đầy đủ trong hộp đèn. Họ cũng có thể cuộn qua các hình ảnh bằng hộp đèn.
Nếu bạn muốn thêm nhiều hình ảnh hơn vào thư viện của mình, thì bạn có thể quay lại thư viện đó bằng cách truy cập Envira Gallery » Tất cả thư viện trong bảng điều khiển WordPress của bạn. Chỉ cần nhấp vào tên thư viện của bạn để chỉnh sửa nó.
Bất kỳ thay đổi nào bạn thực hiện đối với thư viện của mình sẽ xuất hiện ở bất cứ nơi nào bạn đặt nó trong các bài đăng, trang hoặc thanh bên của mình. Bạn không cần phải thêm nó vào những thứ này một lần nữa.
Mẹo: Nếu bạn đang sử dụng trình chỉnh sửa cổ điển thay vì trình chỉnh sửa khối , bạn vẫn có thể sử dụng Envira Gallery.
Bạn sẽ thấy nút ‘Thêm thư viện’ phía trên trình chỉnh sửa cổ điển mà bạn có thể sử dụng để thêm thư viện hiện có vào bài đăng của mình.
Bạn cũng có thể tạo một thư viện mới bằng cách nhấp vào nút ‘Thêm Phương tiện’, sau đó nhấp vào ‘Tạo Thư viện’.
Chúng tôi hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách đặt hình ảnh cạnh nhau trong WordPress. Bạn cũng có thể muốn xem qua hướng dẫn của chúng tôi về cách căn chỉnh hình ảnh trong trình chỉnh sửa khối WordPress và danh sách toàn diện của chúng tôi về các plugin WordPress phải có (lựa chọn của chuyên gia) .