Nội Dung Chính Trong Bài Viết

Bạn đang xem : thư viện hình ảnh chủ đề trang nhã

Mô-đun Thư viện Divi

Cách thêm, định cấu hình và tùy chỉnh mô-đun thư viện Divi.

Chia sẻ bộ sưu tập hình ảnh luôn là một cách tuyệt vời để thu hút người dùng một cách trực quan vào nội dung của bạn. Mô-đun Thư viện cho phép bạn tạo và tổ chức các phòng trưng bày ở bất kỳ đâu trên trang web của bạn. Mô-đun thư viện Divi Builder có cả định dạng lưới và thanh trượt, đồng thời hỗ trợ các thư viện lớn với tính năng phân trang.

mô-đun thư viện

Xem bản trình diễn trực tiếp của mô-đun này

Cách thêm mô-đun thư viện vào trang của bạn

Trước khi bạn có thể thêm mô-đun thư viện vào trang của mình, trước tiên bạn cần chuyển sang Trình tạo Divi. Khi Chủ đề Divi đã được cài đặt trên trang web của bạn, bạn sẽ thấy nút Sử dụng Trình tạo Divi phía trên trình chỉnh sửa bài đăng mỗi khi bạn tạo trang mới. Nhấp vào nút này sẽ bật Trình tạo Divi, cấp cho bạn quyền truy cập vào tất cả các mô-đun của Trình tạo Divi. Tiếp theo, nhấp vào nút Sử dụng trình tạo trực quan để khởi chạy trình tạo trong Chế độ trực quan. Bạn cũng có thể nhấp vào nút Sử dụng Trình tạo trực quan khi duyệt trang web của mình trên giao diện người dùng nếu bạn đã đăng nhập vào Trang tổng quan WordPress của mình.

mô-đun thư viện

Khi bạn đã vào Trình tạo trực quan, bạn có thể nhấp vào nút dấu cộng màu xám để thêm mô-đun mới vào trang của mình. Mô-đun mới chỉ có thể được thêm vào bên trong Hàng. Nếu bạn đang bắt đầu một trang mới, trước tiên, đừng quên thêm một hàng vào trang của bạn. Chúng tôi có một số hướng dẫn tuyệt vời về cách sử dụng các phần tử row section của Divi.

mô-đun thư viện

Tìm mô-đun thư viện trong danh sách các mô-đun và nhấp vào mô-đun đó để thêm vào trang của bạn. Danh sách mô-đun có thể tìm kiếm được, có nghĩa là bạn cũng có thể nhập từ “thư viện” và sau đó nhấp vào enter để tự động tìm và thêm mô-đun thư viện! Khi mô-đun đã được thêm vào, bạn sẽ được chào đón với danh sách các tùy chọn của mô-đun. Các tùy chọn này được chia thành ba nhóm chính: Nội dung , Thiết kế Nâng cao .

Ví dụ về trường hợp sử dụng: Thêm Thư viện hình ảnh có chiều rộng đầy đủ vào Ảnh giới thiệu.

Thêm Thư viện vào trang nhiếp ảnh của bạn là một cách tuyệt vời để quảng bá tác phẩm của bạn và tăng uy tín với khách hàng. Trong ví dụ này, tôi sẽ chỉ cho bạn cách bạn có thể sử dụng mô-đun thư viện để thêm thư viện hình ảnh với bố cục lưới kéo dài toàn bộ chiều rộng của trang. Các hình ảnh không có khoảng cách giữa các hình ảnh, giúp hình ảnh trình bày thiết thực và thẩm mỹ.

mô-đun thư viện

Và đừng quên rằng mỗi hình ảnh sẽ mở một cửa sổ bật lên hộp đèn để cuộn qua các phiên bản lớn hơn của hình ảnh trong thư viện.

mô-đun thư viện

Sử dụng Trình tạo trực quan, thêm phần mới bên dưới phần tiêu đề với hàng đầy đủ chiều rộng (1 cột). Sau đó, thêm Mô-đun thư viện vào hàng.

XEM THÊM  Cách kiểm tra xem các trang web có bị chặn ở Trung Quốc hay không - kiểm tra xem trang web có bị chặn ở Trung Quốc không

Cập nhật Cài đặt Mô-đun Thư viện như sau:

Tùy chọn nội dung

Hình ảnh trong thư viện: Nhấp vào thư viện được cập nhật để chọn những hình ảnh bạn muốn đưa vào thư viện.
Số hình ảnh: 12
Hiển thị Tiêu đề và Chú thích: KHÔNG
Hiển thị phân trang: KHÔNG

Tùy chọn thiết kế

Bố cục: Lưới
Hướng hình thu nhỏ: Ngang
Màu biểu tượng thu phóng: #ffffff
Màu lớp phủ khi di chuột: rgba (0,0,0,0.48)
Bộ chọn Biểu tượng Di chuột: mặc định

mô-đun thư viện

Lưu Cài đặt

Bây giờ, tất cả những gì còn lại phải làm là loại bỏ tất cả không gian xung quanh hình ảnh. Quay lại và chọn cài đặt hàng. Trong tab Thiết kế, hãy cập nhật thông tin sau:

Tạo cho hàng này có chiều rộng đầy đủ: CÓ
Sử dụng chiều rộng máng xối tùy chỉnh: CÓ
Chiều rộng máng xối: 1

Điều quan trọng cần nhớ là giá trị số “1” cho chiều rộng máng xối thực sự bằng 0 (không có chiều rộng nào cả).

mô-đun thư viện

Lưu Cài đặt

Vậy là xong!

Tùy chọn Nội dung Thư viện

Trong tab nội dung, bạn sẽ tìm thấy tất cả các yếu tố nội dung của mô-đun, chẳng hạn như văn bản, hình ảnh và biểu tượng. Mọi thứ kiểm soát những gì xuất hiện trong mô-đun của bạn sẽ luôn được tìm thấy trong tab này.

mô-đun thư viện

Hình ảnh Thư viện

Nhấp vào nút Cập nhật thư viện để khởi chạy thư viện phương tiện WordPress, nơi bạn có thể chọn hình ảnh bạn muốn hiển thị trong thư viện của mình.

Số hình ảnh

Xác định số lượng hình ảnh sẽ được hiển thị trên mỗi trang. Khi có nhiều hình ảnh hơn mức cho phép trên mỗi trang trong thư viện của bạn, phân trang sẽ xuất hiện bên dưới hình ảnh.

Hiển thị Tiêu đề và Chú thích:

Nếu tiêu đề hoặc chú thích của hình ảnh đã được thêm vào, chúng sẽ xuất hiện bên dưới hình ảnh trong thư viện. Nếu bạn muốn tắt các thành phần văn bản này thì bạn có thể làm như vậy bằng cách sử dụng tùy chọn này.

Hiển thị phân trang

Khi nhiều hình ảnh hơn mức cho phép trên mỗi trang được đưa vào thư viện của bạn, phân trang sẽ xuất hiện bên dưới hình ảnh. Nếu bạn muốn xóa phân trang, bạn có thể tắt cài đặt này.

Nhãn quản trị

Điều này sẽ thay đổi nhãn của mô-đun trong trình tạo để dễ dàng xác định. Khi sử dụng dạng xem WireFrame trong Trình tạo trực quan, các nhãn này sẽ xuất hiện trong khối mô-đun trong giao diện Trình tạo Divi.

Tùy chọn thiết kế thư viện

Trong tab thiết kế, bạn sẽ tìm thấy tất cả các tùy chọn kiểu dáng của mô-đun, chẳng hạn như phông chữ, màu sắc, kích thước và khoảng cách. Đây là tab bạn sẽ sử dụng để thay đổi giao diện của mô-đun. Mỗi mô-đun Divi đều có một danh sách dài các cài đặt thiết kế mà bạn có thể sử dụng để thay đổi bất kỳ điều gì.

mô-đun thư viện

Bố cục

Theo mặc định, các phòng trưng bày được hiển thị dưới dạng lưới hình ảnh. Bạn cũng có thể chọn hiển thị thư viện của mình dưới dạng thanh trượt hình ảnh.

Định hướng hình thu nhỏ

Bạn có thể chọn để các hình ảnh trong phòng trưng bày của mình được định dạng là dọc hoặc ngang. Nếu đang chuyển đổi chế độ, bạn có thể cần phải tạo lại hình thu nhỏ của mình .

Màu biểu tượng thu phóng

Khi di chuột qua một mục trong mô-đun thư viện, biểu tượng lớp phủ sẽ xuất hiện. Bạn có thể điều chỉnh màu được sử dụng từ biểu tượng này bằng công cụ chọn màu trong cài đặt này.

Màu lớp phủ khi di chuột

Khi di chuột qua một mục trong mô-đun thư viện, màu lớp phủ mờ dần ở phía trên hình ảnh và bên dưới văn bản và biểu tượng tiêu đề của danh mục đầu tư. Theo mặc định, màu trắng nửa trong suốt được sử dụng. Nếu muốn sử dụng màu khác, bạn có thể điều chỉnh màu bằng công cụ chọn màu trong cài đặt này

Bộ chọn biểu tượng di chuột

Tại đây, bạn có thể chọn biểu tượng tùy chỉnh để hiển thị khi khách truy cập di chuột qua các mục thư viện trong mô-đun.

Màu văn bản

Tại đây, bạn có thể chọn văn bản của mình nên sáng hay tối. Nếu bạn đang làm việc với nền tối, thì văn bản của bạn phải sáng. Nếu nền sáng thì văn bản của bạn phải được đặt thành tối.

Phông chữ tiêu đề

Bạn có thể thay đổi phông chữ của văn bản tiêu đề bằng cách chọn phông chữ mong muốn từ trình đơn thả xuống. Divi đi kèm với hàng tá phông chữ tuyệt vời được cung cấp bởi Google Fonts. Theo mặc định, Divi sử dụng phông chữ Open Sans cho tất cả văn bản trên trang của bạn. Bạn cũng có thể tùy chỉnh kiểu văn bản của mình bằng cách sử dụng các tùy chọn in đậm, in nghiêng, viết hoa toàn bộ và gạch chân.

XEM THÊM  Cách sửa lỗi curl: (6) Không thể giải quyết lỗi máy chủ lưu trữ trong Linux - không thể giải quyết máy chủ:

Kích thước phông chữ tiêu đề

Tại đây, bạn có thể điều chỉnh kích thước văn bản tiêu đề của mình. Bạn có thể kéo thanh trượt phạm vi để tăng hoặc giảm kích thước văn bản của mình hoặc bạn có thể nhập trực tiếp giá trị kích thước văn bản mong muốn của mình vào trường nhập ở bên phải thanh trượt. Các trường đầu vào hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập “px” hoặc “em” sau giá trị kích thước của mình để thay đổi loại đơn vị của nó.

Màu văn bản tiêu đề

Theo mặc định, tất cả các màu văn bản trong Divi sẽ xuất hiện dưới dạng trắng hoặc xám đậm. Nếu bạn muốn thay đổi màu của văn bản tiêu đề, hãy chọn màu bạn muốn từ công cụ chọn màu bằng cách sử dụng tùy chọn này.

Khoảng cách chữ cái tiêu đề

Khoảng cách giữa các chữ cái ảnh hưởng đến khoảng cách giữa mỗi chữ cái. Nếu bạn muốn tăng khoảng cách giữa mỗi chữ cái trong văn bản tiêu đề của mình, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng cách hoặc nhập kích thước khoảng cách mong muốn của bạn vào trường nhập ở bên phải thanh trượt. Các trường đầu vào hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập “px” hoặc “em” sau giá trị kích thước của mình để thay đổi loại đơn vị của nó.

Chiều cao dòng tiêu đề

Chiều cao dòng ảnh hưởng đến khoảng cách giữa mỗi dòng trong văn bản tiêu đề của bạn Nếu bạn muốn tăng khoảng cách giữa mỗi dòng, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng cách hoặc nhập kích thước khoảng cách mong muốn của bạn vào trường nhập liệu ở bên phải thanh trượt. Các trường đầu vào hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập “px” hoặc “em” sau giá trị kích thước của mình để thay đổi loại đơn vị của nó.

Phông chữ phụ đề

Bạn có thể thay đổi phông chữ của văn bản phụ đề bằng cách chọn phông chữ mong muốn từ trình đơn thả xuống. Divi đi kèm với hàng tá phông chữ tuyệt vời được cung cấp bởi Google Fonts. Theo mặc định, Divi sử dụng phông chữ Open Sans cho tất cả văn bản trên trang của bạn. Bạn cũng có thể tùy chỉnh kiểu văn bản của mình bằng cách sử dụng các tùy chọn in đậm, in nghiêng, viết hoa toàn bộ và gạch chân.

Kích thước phông chữ của phụ đề

Tại đây, bạn có thể điều chỉnh kích thước văn bản phụ đề của mình. Bạn có thể kéo thanh trượt phạm vi để tăng hoặc giảm kích thước văn bản của mình hoặc bạn có thể nhập trực tiếp giá trị kích thước văn bản mong muốn của mình vào trường nhập ở bên phải thanh trượt. Các trường đầu vào hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập “px” hoặc “em” sau giá trị kích thước của mình để thay đổi loại đơn vị của nó.

Màu văn bản của phụ đề

Theo mặc định, tất cả các màu văn bản trong Divi sẽ xuất hiện dưới dạng trắng hoặc xám đậm. Nếu bạn muốn thay đổi màu của văn bản phụ đề, hãy chọn màu bạn muốn từ công cụ chọn màu bằng cách sử dụng tùy chọn này.

Khoảng cách chữ cái phụ đề

Khoảng cách giữa các chữ cái ảnh hưởng đến khoảng cách giữa mỗi chữ cái. Nếu bạn muốn tăng khoảng cách giữa mỗi chữ cái trong văn bản phụ đề của mình, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng cách hoặc nhập kích thước khoảng cách mong muốn của bạn vào trường nhập ở bên phải thanh trượt. Các trường đầu vào hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập “px” hoặc “em” sau giá trị kích thước của mình để thay đổi loại đơn vị của nó.

Chiều cao dòng phụ đề

Chiều cao dòng ảnh hưởng đến khoảng cách giữa mỗi dòng trong văn bản phụ đề của bạn Nếu bạn muốn tăng khoảng cách giữa mỗi dòng, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng cách hoặc nhập kích thước khoảng cách mong muốn của bạn vào trường nhập liệu ở bên phải thanh trượt. Các trường đầu vào hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập “px” hoặc “em” sau giá trị kích thước của mình để thay đổi loại đơn vị của nó.

Sử dụng đường viền

Bật tùy chọn này sẽ tạo đường viền xung quanh mô-đun của bạn. Đường viền này có thể được tùy chỉnh bằng cách sử dụng các cài đặt có điều kiện sau đây.

XEM THÊM  Google Khám phá và Google Tin tức: Sự khác biệt là gì? - google khám phá so với google tin tức

Màu viền

Tùy chọn này ảnh hưởng đến màu của đường viền của bạn. Chọn một màu tùy chỉnh từ công cụ chọn màu để áp dụng nó vào đường viền của bạn.

Chiều rộng đường viền

Theo mặc định, đường viền có chiều rộng là 1 pixel. Bạn có thể tăng giá trị này bằng cách kéo thanh trượt phạm vi hoặc bằng cách nhập giá trị tùy chỉnh vào trường nhập ở bên phải thanh trượt. Đơn vị đo lường tùy chỉnh của các phép đo được hỗ trợ, có nghĩa là bạn có thể thay đổi đơn vị mặc định từ “px” thành một đơn vị khác, chẳng hạn như em, vh, vw, v.v.

Kiểu viền

Đường viền hỗ trợ tám kiểu khác nhau, bao gồm: đặc, chấm, đứt nét, kép, rãnh, rãnh, in chìm và bắt đầu. Chọn kiểu bạn muốn từ menu thả xuống để áp dụng cho đường viền của bạn.

Tùy chọn nâng cao của thư viện

Trong tab nâng cao, bạn sẽ tìm thấy các tùy chọn mà các nhà thiết kế web có kinh nghiệm hơn có thể thấy hữu ích, chẳng hạn như các thuộc tính CSS và HTML tùy chỉnh. Tại đây, bạn có thể áp dụng CSS tùy chỉnh cho bất kỳ phần tử nào trong số nhiều phần tử của mô-đun. Bạn cũng có thể áp dụng các ID và lớp CSS tùy chỉnh cho mô-đun, có thể được sử dụng để tùy chỉnh mô-đun trong tệp style.css của chủ đề con của bạn.

mô-đun thư viện

ID CSS

Nhập một ID CSS tùy chọn để sử dụng cho mô-đun này. Một ID có thể được sử dụng để tạo kiểu CSS tùy chỉnh hoặc để tạo liên kết đến các phần cụ thể trên trang của bạn.

Lớp CSS

Nhập các lớp CSS tùy chọn sẽ được sử dụng cho mô-đun này. Một lớp CSS có thể được sử dụng để tạo kiểu CSS tùy chỉnh. Bạn có thể thêm nhiều lớp, được phân tách bằng dấu cách. Các lớp này có thể được sử dụng trong Chủ đề con Divi của bạn hoặc trong CSS tùy chỉnh mà bạn thêm vào trang hoặc trang web của mình bằng cách sử dụng Tùy chọn chủ đề Divi hoặc Cài đặt trang Divi Builder.

CSS tùy chỉnh

CSS tùy chỉnh cũng có thể được áp dụng cho mô-đun và bất kỳ phần tử bên trong nào của mô-đun. Trong phần CSS tùy chỉnh, bạn sẽ tìm thấy trường văn bản nơi bạn có thể thêm CSS tùy chỉnh trực tiếp vào từng phần tử. Đầu vào CSS vào các cài đặt này đã được bao bọc trong các thẻ kiểu, vì vậy bạn chỉ cần nhập các quy tắc CSS được phân tách bằng dấu chấm phẩy.

Khả năng hiển thị

Tùy chọn này cho phép bạn kiểm soát các thiết bị mà mô-đun của bạn xuất hiện trên đó. Bạn có thể chọn tắt từng mô-đun của mình trên máy tính bảng, điện thoại thông minh hoặc máy tính để bàn. Điều này rất hữu ích nếu bạn muốn sử dụng các mô-đun khác nhau trên các thiết bị khác nhau hoặc nếu bạn muốn đơn giản hóa thiết kế dành cho thiết bị di động bằng cách loại bỏ một số yếu tố nhất định khỏi trang.


Xem thêm những thông tin liên quan đến chủ đề thư viện hình ảnh chủ đề thanh lịch

Add image to gallery in Elegant themes

alt

  • Tác giả: Yasser Shaikh
  • Ngày đăng: 2012-01-26
  • Đánh giá: 4 ⭐ ( 3080 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Add image to gallery in Elegant themes

Trang tin về hoạt động thư viện thuộc Bộ Văn hoá Thể Thao và Du Lịch

  • Tác giả: vuthuvien.bvhttdl.gov.vn
  • Đánh giá: 3 ⭐ ( 4805 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trang tin về hoạt động thư viện thuộc Bộ Văn hoá Thể Thao và Du Lịch quản lý các dịch vụ công thuộc lĩnh vực thư viện trong cả nước

THƯ VIỆN ẢNH

  • Tác giả: nlv.gov.vn
  • Đánh giá: 5 ⭐ ( 6840 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: THƯ VIỆN QUỐC GIA VIỆT NAM (NATIONAL LIBRARY OF VIETNAM)
    SỐ: 31 – PHỐ TRÀNG THI – QUẬN HOÀN KIẾM – HÀ NỘI
    ĐT: 04-38255397, FAX: 04-38253357
    E-MAIL: [email protected]

Thư viện ảnh – Trường Đại Học Nguyễn Tất Thành

  • Tác giả: thuvienanh.ntt.edu.vn
  • Đánh giá: 4 ⭐ ( 5999 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Thư viện hình Tập Thể Thanh Thiếu Nhi Minh Lý

  • Tác giả: hinhanh.ttnminhly.giaoducsangtao.com
  • Đánh giá: 4 ⭐ ( 5782 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Thư viện ảnh

  • Tác giả: baotangvinhlong.vn
  • Đánh giá: 3 ⭐ ( 2274 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Trung tâm Thư viện – Trường Đại học Công nghiệp Thành phố Hồ Chí Minh

  • Tác giả: lib.iuh.edu.vn
  • Đánh giá: 5 ⭐ ( 4906 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Đổi mới, nâng tầm cao mới – Năng động, hội nhập toàn cầu

Xem thêm các bài viết khác thuộc chuyên mục: WordPress

By DEVTEAM