Cách tạo bộ sưu tập ảnh cho bài viết trong WordPress không dùng plugin

Cách tạo bộ sưu tập ảnh cho bài viết trong WordPress không dùng plugin

Bạn có nghĩ rằng một website mà bài nào cũng chỉ có chữ và một vài hỉnh ảnh đơn lẻ thì sẽ khá đơn điệu hay không? Hoặc những bài viết của bạn mà có quá nhiều hình ảnh cần đăng tải thì sẽ làm như thế nào? Thường thì để cải thiện những trường hợp như vậy, bạn có thể chỉnh sửa một chút ở bố cục bài viết bằng cách đưa nhiều ảnh vào và trình bày nó dạng một album ảnh (hay trong WordPress còn gọi là một bộ sưu tập ảnh / image gallery). Như vậy, bài viết của bạn nhìn vừa chuyên nghiệp, lại vừa bắt mắt.

Việc này làm không khó, chỉ cần với vài thao tác đơn giản là ai cũng có thể làm được. Hãy theo dõi phần hướng dẫn cách tạo một bộ sưu tập ảnh trong WordPress dưới đây của mình nhé.

Lợi ích của việc tạo bộ sưu tập ảnh trong WordPress

Như đã nói ở trên, thay vì trình bày các hình ảnh trong bài viết theo cách truyền thống là từng ảnh một, thứ tự từ trên xuống dưới trông khá tẻ nhạt thì bạn có thể dùng bộ sưu tập ảnh để tổng hợp ảnh vào một khu vực, sắp xếp và trình bày nó dưới dạng slider, hay dạng lưới như dưới đây.

lợi ích của việc tạo bộ sưu tập ảnh cho bài viết trong WordPress không dùng plugin

Bộ sưu tập ảnh được hiển thị dưới dạng lưới

Bạn có thấy trình bày như này sẽ tiện cho người xem hơn, và cũng bắt mắt hơn không?

Tất nhiên là khi nhấn vào từng hình trên thì ảnh sẽ đều được phóng to lên để xem đầy đủ. Chuyên nghiệp hơn hẳn đúng không nào? Mình tin chắc là làm như này thì người đọc bài viết của bạn sẽ cảm thấy hứng thú với bài viết hơn đó.

Nào, giờ hãy cùng tìm hiểu cách tạo bộ sưu tập ảnh như trên như thế nào trong WordPress nhé.

Nhưng trước hết, bạn cần lưu ý là WordPress có hai loại giao diện là “classic editor” (tạm gọi là giao diện cổ điển) và Gutenberg. Cách thao tác trong 2 giao diện này hơi khác nhau một chút, nên ở bài này mình sẽ tách hướng dẫn riêng cho từng giao diện nhé.

Cách tạo bộ sưu tập ảnh trong WordPress giao diện cổ điển

Bước 1: Chọn ảnh cho album

Hãy tìm nút “Add media” và nhấn vào để tải ảnh lên web đã nhé.

chọn ảnh và tải lên bộ sưu tập ảnh trong WordPress giao diện cổ điển

Bạn có thể tải nhiều hình ảnh cùng lúc từ máy tính của bạn lên thư viện ảnh. Hoặc bạn cũng có thể chọn những ảnh có sẵn ngay trong thư viện ảnh của bạn (nhấn Shift hoặc Ctrl và click vào từng ảnh để chọn nhiều ảnh).

Bước 2: Tạo album ảnh

Sau khi chọn các ảnh bạn muốn, hãy nhìn sang phía bên trái, và nhấn vào dòng chữ “Create Gallery”. Tiếp sau đó nhấn vào nút “Create a new gallery” ở góc dưới bên phải. (xem ảnh dưới đây)

tạo bộ sưu tập ảnh trong WordPress giao diện cổ điển

Bước 3: Thiết lập thông số cho album ảnh

Bây giờ, màn hình của bạn sẽ hiển thị như ảnh dưới đây.

Thiết lập thông số cho album ảnh trong WordPress giao diện cổ điển

Bạn có thể thêm chú thích cho từng ảnh tại dòng chữ “caption this image” và chọn cách trình bày các hình ảnh như thế nào, số cột, kích thước, … ở cột cài đặt phía bên tay phải.

Sau khi thiết lập các thông số xong, thì bạn nhớ nhấn nút “Insert gallery” để thêm bộ sưu tập ảnh bạn vừa tạo vào bài viết nhé.

Như vậy là bạn đã thêm cả album ảnh vào bài viết rồi đó, hãy lưu bài viết và xem thử album ảnh của bạn hiển thị ra như thế nào nhé.

Ví dụ mình đã thử làm với các ảnh có kích thước khác nhau thì cho kết quả như sau:

Ở giao diện cổ điển của WordPress, khi tạo album ảnh trực tiếp như trên, bạn sẽ gặp một vài bất tiện sau đây:

  1. Khi click vào ảnh thì hình ảnh sẽ được mở lên trong một trang mới, và bạn muốn xem tiếp ảnh khác, thì phải quay trở lại trang bài viết, và nhấn vào ảnh khác để xem, khá bất tiện.
  2. Hiển thị không hoàn toàn responsive với điện thoại di động
  3. Không tự động “cắt ảnh” trong một số chế độ sắp xếp ảnh
  4. Phụ thuộc vào theme và hầu hết các bộ sưu tập đều có chung một phong cách

Tuy nhiên, nếu bạn đang sử dụng Gutenberg, thì sẽ cải thiện được nhược điểm số 1, 2, và 3 nhé, nhưng tất nhiên là thao tác với giao diện Gutenberg sẽ hơi khác một chút. Hãy cùng xem cách tạo album ảnh trong giao diện Gutenberg nhé.

Cách tạo bộ sưu tập ảnh trong WordPress với giao diện Gutenberg

Bước 1: Tạo album ảnh

Trong giao diện viết bài, bạn hãy tìm đến biểu tượng thêm block hình “dấu cộng” ở góc trên cùng bên trái, nhấn vào đó và sẽ thấy một cửa sổ dưới đây hiện ra.

tạo bộ sưu tập ảnh trong WordPress với giao diện Gutenberg

Bạn hãy tìm đến và nhấn vào block có tên là “Gallery” bằng cách kéo xuống để tìm, hoặc gõ từ khóa vào ô tìm kiếm cho nhanh.

Bước 2: Thêm ảnh vào bộ sưu tập

Sau khi bạn chọn thêm block “Gallery” như ở bước 1, trong phần chỉnh sửa bài viết của bạn sẽ hiện ra một block như ảnh dưới đây.

Thêm ảnh vào bộ sưu tập trong WordPress với giao diện Gutenberg

Hãy nhấn nút “Upload” nếu bạn muốn thêm ảnh từ máy tính của bạn, hoặc nhất nút “Media Library” nếu bạn muốn chọn ảnh có sẵn trong thư viện ảnh.

Cửa sổ thư viện ảnh sẽ hiện ra, bạn hãy tải hoặc chọn ảnh bạn muốn cho vào album nhé. Sau khi chọn xong ảnh thì hãy nhấn nút “Create a new gallery”.

tạo bộ sưu tập ảnh trong WordPress với giao diện Gutenberg

Sau đó, hãy nhấn tiếp nút “Insert Gallery” như trong ảnh dưới đây

chèn ảnh trong WordPress với giao diện Gutenberg

Bước 3: Thiết lập thông số cho album ảnh

Lúc này, bạn sẽ được quay trở lại giao diện chỉnh sửa bài viết lúc đầu, nhưng sẽ thấy có thêm album ảnh của bạn hiển thị ra khá đẹp mắt rồi.

Bạn hãy lựa chọn các thông số ở cột phía bên tay phải (xem ảnh) để tùy chỉnh cách hiển thị cho album của bạn nhé.

Thiết lập thông số cho bộ sưu tập ảnh

Và cuối cùng, hãy lưu bài viết của bạn.

Như cảm quan ban đầu của mình thì thấy có vẻ như tạo gallery trên giao diện Gutenberg đẹp hơn, nhưng lại ít sự lựa chọn hơn. Đặc biệt hơn cả là với Gutenberg thì mình đã thoát được một sự bất tiện so với giao diện cổ điển đó là: khi click vào từng ảnh để xem, các ảnh sẽ hiển thị lên như dạng slider, và có nút chuyển để xem các ảnh khác trên cùng một cửa sổ, và cũng có nút tắt cửa sổ xem ảnh để quay trở lại bài viết để đọc tiếp (như ảnh dưới). Khá là tiện lợi đấy!

Như vậy là bạn đã biết cách thao tác để tạo một album ảnh đẹp mắt cho bài viết rồi đó. Nếu như bạn muốn có thêm nhiều lựa chọn cho cách hiển thị 1 album ảnh, thì bạn có thể thử một số plugin để tạo gallery nhé. Chúc các bạn sẽ có những bài viết hấp dẫn hơn với tip này nhé!

Gửi phản hồi