Video: [Tienhoang Blog] Chèn gallery ảnh vào nội dung Post Wordpress 2025
Bạn có thể sử dụng cửa sổ WordPress Insert Media để chèn một thư viện ảnh đầy đủ vào bài viết của bạn. Tải lên tất cả hình ảnh của bạn và sau đó, thay vì nhấp vào nút Chèn vào bài viết, hãy nhấp vào liên kết Tạo thư viện ở phía bên trái của cửa sổ Chèn phương tiện. Cửa sổ Tạo Thư viện mở ra và hiển thị tất cả hình ảnh bạn đã tải lên trang web của mình.
Làm theo các bước sau để chèn một thư viện ảnh vào một bài đăng trên blog:
-
Trong cửa sổ Tạo Thư viện, chọn hình ảnh bạn muốn sử dụng trong thư viện của bạn.
Nhấp vào từng hình ảnh một lần để chọn nó để sử dụng trong thư viện. Hình ảnh được chọn hiển thị một dấu kiểm nhỏ ở góc trên bên phải.
-
Nhấp vào nút Tạo Thư viện Mới.
Trang Chỉnh sửa Thư viện mở ra.
-
(Tùy chọn) Thêm chú thích cho mỗi ảnh bằng cách nhấp vào khu vực Chú thích hình ảnh này và nhập phụ đề hoặc mô tả ngắn cho hình ảnh.
-
(Tùy chọn) Đặt thứ tự hình ảnh xuất hiện trong thư viện bằng cách sử dụng tùy chọn kéo và thả trên trang Chỉnh sửa Thư viện.
Nhấp và sau đó kéo và thả hình ảnh để thay đổi thứ tự.
-
(Tùy chọn) Chỉ định các tùy chọn sau trong mục Cài đặt Gallery ở phía bên phải của Trang Chỉnh sửa Thư viện:
-
Liên kết đến: tệp Media hoặc Trang Đính kèm.
-
Ngẫu nhiên Trật tự: Chọn ngẫu nhiên thứ tự hiển thị hình ảnh trong thư viện.
-
Gallery Columns: Chọn có bao nhiêu cột hình ảnh bạn muốn xuất hiện trong thư viện của bạn.
-
-
Nhấp vào nút Chèn Thư viện.
WordPress chèn vào bài viết của bạn một đoạn mã ngắn giống như sau:.
-
(Tùy chọn) Thay đổi thứ tự xuất hiện của hình ảnh trong thư viện, cũng như đánh dấu (các thẻ HTML hoặc bộ chọn CSS).
Sử dụng mã vạch của WordPress để thay đổi các khía cạnh khác nhau của hiển thị thư viện trong bài viết của bạn:
-
captiontag : Thay đổi đánh dấu bao quanh chú thích ảnh bằng cách thay đổi mã vạch của thư viện. Ví dụ: các thẻ địa điểm xung quanh chú thích ảnh. (Thẻ này được coi là một yếu tố cấp độ khối và tạo một vùng chứa riêng cho nội dung)
Nếu bạn muốn thư viện xuất hiện trên một dòng của riêng nó, mã sẽ đặt các thẻ xung quanh chú thích hình ảnh. Các đánh dấu mặc định cho các tùy chọn captiontag là dd.
-
icontag : Định nghĩa đánh dấu HTML xung quanh mỗi hình thu nhỏ riêng lẻ trong thư viện của bạn. Thay đổi đánh dấu xung quanh icontag (biểu tượng thu nhỏ) của hình ảnh bằng cách thay đổi mã vạch của thư viện thành một cái gì đó tương tự, đặt các thẻ quanh mỗi biểu tượng thu nhỏ.Các đánh dấu mặc định cho icontag là dt.
-
itemtag : Định nghĩa đánh dấu HTML xung quanh mỗi mục trong thư viện của bạn. Thay đổi đánh dấu quanh mục mục (mỗi mục) trong thư viện bằng cách thay đổi mã vạch của thư viện thành một cái gì đó tương tự, đặt các thẻ quanh mỗi mục trong thư viện. Các đánh dấu mặc định cho các itemtag là dl.
-
orderby : Xác định trình tự hiển thị hình ảnh trong thư viện của bạn. Thay đổi thứ tự được sử dụng để hiển thị hình thu nhỏ trong thư viện bằng cách thay đổi mã vạch của thư viện thành một cái gì đó tương tự, hiển thị hình thu nhỏ theo thứ tự menu tăng dần. Một tham số bạn có thể sử dụng là ID_order ASC, hiển thị các hình thu nhỏ theo thứ tự tăng dần theo ID của chúng.
-
| Kết quả | Một phòng trưng bày bốn cột có chứa hình ảnh trung bình |
|---|---|
| Một thư viện có mười cột chứa hình thu nhỏ được kéo từ | |
| bài đăng trên blog với ID 215
Một thư viện ba cột (mặc định), trong đó mỗi ảnh được |
|
| được bao quanh bởi các thẻ và chú thích ảnh
được bao quanh bởi các thẻ Xác định kiểu của các thẻ trong biểu định kiểu CSS của bạn. |
-
Thẻ tạo một phần tử nội tuyến. Một phần tử chứa trong một thẻ nằm trên cùng một dòng với phần tử trước nó; không có ngắt dòng. Bạn cần một chút kiến thức về CSS để thay đổi các thẻ. Nhấp vào tab Thiết kế trong Bảng điều khiển WordPress của bạn, sau đó nhấp vào tab phụ Trình chỉnh sửa chủ để chỉnh sửa biểu định kiểu cho chủ đề của bạn.
Dưới đây là ví dụ về những gì bạn có thể thêm vào biểu định kiểu (style.css) cho chủ đề hiện tại của bạn:
span. gallery-icon img (padding: 3px; nền trắng; đường viền: 1px màu đen; lề: 0 5px;}
Đặt CSS này trong bảng định kiểu (style.css) của chủ đề hoạt động của bạn sẽ tự động đặt một đường viền màu đen 1 pixel quanh mỗi hình thu nhỏ, với 3 điểm ảnh đệm và nền trắng. Lề trái và phải rộng 5 pixel, tạo khoảng trắng đẹp giữa các hình ảnh trong thư viện.
Nhấp vào nút Cập nhật tệp để lưu các thay đổi cho mẫu Biểu định kiểu của bạn (theo kiểu.css).
-
Hình này hiển thị một bài đăng với một bộ sưu tập ảnh được hiển thị, sử dụng các bước trước và ví dụ CSS trong chủ đề WordPress mặc định: Twenty Twelve. Matt Mullenweg, người sáng lập nền tảng WordPress, đã tạo ra một bộ sưu tập ảnh rất phong phú bằng cách sử dụng các tùy chọn thư viện tích hợp trong WordPress. Kiểm tra bộ sưu tập ảnh tuyệt vời này.
