Uncategorized

MÔ-ĐUN NỘI DUNG CỐ ĐỊNH

Lời chào bắt đầu

Mô-đun Nội dung cố định của ElementsKit cho phép bạn tạo bất kỳ phần nào của trang hoặc bài đăng dính vào một vị trí đã chọn. Trong hướng dẫn này, chúng tôi sẽ giải thích các tính năng khác nhau của mô-đun Nội dung cố định và cách tận dụng chúng để làm cho nội dung của bạn nổi bật.

Xem hướng dẫn video của chúng tôi:https://www.youtube.com/embed/pD6ctRLNmNI?feature=oembed

Hoặc, làm theo hướng dẫn từng bước:

Bật mô-đun nội dung cố định

Để bắt đầu sử dụng mô-đun Nội dung cố định, điều đầu tiên bạn nên làm là bật tính năng này từ danh sách các mô-đun ElementsKit. Nếu không bật mô-đun này, bạn không thể sử dụng nó với Elementor. Dưới đây là cách bật mô-đun Nội dung cố định:

  • Đi tới ElementsKit ➔ Mô-đun . Bây giờ, hãy BẬT mô-đun Nội dung cố định và nhấp vào Lưu thay đổi .

Dính trên đầu

Tính năng này sẽ giúp bạn dán bất kỳ phần nào lên đầu trang.

Xem hướng dẫn video của chúng tôi:https://www.youtube.com/embed/Xi8dd6F2NZ4?feature=oembed

Hoặc, làm theo hướng dẫn từng bước:

  • Điều hướng đến  ElementsKit → Header Footer → nhấp vào  Edit with Elementor.
  • Nhấp vào Biểu tượng Phần bên trong .
  • Đi tới Nâng cao -> Mở rộng ElementsKit Sticky .
  • Chọn Tùy chọn cố định➔ Trên cùng từ trình đơn thả xuống.
  • Tạo một trang mới-> Nhấp vào  Biểu tượng ElementsKit  để chèn bất kỳ trang nào đã sẵn sàng từ các mẫu tạo sẵn của chúng tôi.
  • Bây giờ hãy truy cập trang của bạn-> Bạn có thể thấy tiêu đề của bạn được dán ở trên cùng .

Thay đổi màu nền của Sticky ở trên cùng

Bạn có thể thấy vấn đề là phần tiêu đề dính nhưng nó trong suốt. Vì vậy, chúng ta cần thay đổi màu nền. Trong tính năng Sticky Until, bạn có thể tìm thấy tùy chọn thay đổi màu nền của phần dính.

  • Chọn màu nền dính: Màu trắng .
  • Nhấp vào Cập nhật
  • Đi tới Trang chủ-> Làm mới-> Cuộn xuống.
  • Bạn có thể thấy màu nền của tiêu đề đang hiển thị là màu trắng.

Sticky Until on Top

Nếu bạn muốn làm cho các phần của mình dính vào nhiều phần và dừng dính sau một phần cụ thể, bạn có thể đặt ID phần đó tại đây. Hãy làm cho nó kết dính cho đến phần Giới thiệu về chúng tôi.

  • Nhấp vào Chỉnh sửa bằng Elementor .
  • Nhấp vào biểu tượng Phần bên trong giới thiệu về chúng tôi .
  • Bây giờ, chuyển đến Cài đặt nâng cao, đặt ID CSS và Sao chép nó .
  • Đi tới Header ➔ Advanced ➔ Elementskit Sticky ➔ Sticky Until .
  • Bây giờ dán về chúng tôi phần của ID CSS vào Chú ý đến lĩnh vực .
  • Bây giờ bạn có thể thấy tiêu đề là Dính cho đến phần Giới thiệu về chúng tôi.

Tính năng Thêm Lớp

Khi bạn đang sử dụng tiêu đề trong suốt, bạn có thể gặp phải sự cố với màu nền. Nếu bạn cuộn xuống, bạn có thể cần màu nền. Vì vậy, ở đây, ElementsKit cung cấp cho bạn một tùy chọn khác và đó là tính năng thêm lớp. Nếu bạn cuộn xuống ví dụ 50px, một lớp mới sẽ được thêm vào và đó là “ekit-stick-Effects”. Sử dụng lớp này, bạn có thể tạo bất kỳ CSS nào bạn muốn. Hãy xem làm thế nào bạn có thể làm điều đó.

  • Chuyển đến tùy biến-> CSS bổ sung .
  • Sử dụng lớp: “ekit-stick-Effects” và tạo màu nền là Xám.
  • Đi tới tiêu đề-> Xóa Màu nền .
  • Thêm phần bù. Ví dụ: 50px .
  • Bạn có thể thấy màu nền là trong suốt . Nhưng sau khi cuộn lên đến 50px, một màu nền sẽ được thêm vào.

Phần bù dính trên đầu

  • Bạn có thể quyết định lượng không gian còn lại trong khi nội dung hoặc hình ảnh của bạn sẽ dính ở trên cùng. Bạn có thể làm tương tự đối với các vị trí dính khác. Cung cấp độ lệch dính: 100px. Bạn có thể thấy tiêu đề được hiển thị sau 100px.
  • Có ba tùy chọn lựa chọn thiết bị để bạn hiển thị cố định: Tất cả thiết bị, Chỉ máy tính để bàn, Máy tính để bàn & Máy tính bảng . Chọn một tùy chọn để quyết định chính xác (các) thiết bị bạn muốn hiển thị nội dung dưới dạng hấp dẫn.

Hiển thị cố định khi cuộn lên

Tính năng này sẽ giúp bạn dán bất kỳ phần nào của trang khi bạn cuộn lên.

Xem hướng dẫn video của chúng tôi:https://www.youtube.com/embed/bA1LpE6d39E?feature=oembed

Hoặc, làm theo hướng dẫn từng bước:

  • Nhấp vào  Biểu tượng ElementsKit  để chèn bất kỳ tiêu đề nào từ các mẫu tạo sẵn của chúng tôi.
  • Nhấp vào  Biểu tượng Phần bên trong .
  • Đi tới  Nâng cao ->  Mở rộng ElementsKit Sticky .
  • Chọn tùy chọn cố định➔  Hiển thị trên Cuộn lên  từ trình đơn thả xuống.

Đi tới Phần tử ➔ Kéo các tiện ích sau và thả vào khu vực đã chọn.

  • Phần mở đầu.
  • Nút Sáng tạo .
  • Hình ảnh .
  • Tiêu đề .
  • Video .
  • Nhấp vào Cập nhật-> Đi đến trang của bạn-> Làm mới-> Cuộn lên.
  • Bạn có thể thấy tiêu đề dính khi cuộn lên.

Cố định cho đến khi cuộn lên

Hãy làm cho nó dính cho đến phần Sticky Header.

  • Nhấp vào tiêu đề dính  Biểu tượng Phần bên trong .
  • Bây giờ, chuyển đến Cài đặt nâng cao, đặt  ID CSS và Sao chép nó .
  • Nhấp vào tiêu đề điều hướng cố định  Biểu tượng Phần bên trong .
  • Chuyển đến  Advanced ➔  Elementskit Sticky ➔  Sticky Until .
  • Bây giờ dán phần tiêu đề của nếp  ID CSS  vào  Chú ý đến  lĩnh vực .
  • Nhấp vào Cập nhật-> Đi tới Trang chủ-> Làm mới-> Cuộn lên.
  • Bây giờ bạn có thể thấy tiêu đề dính Cho đến khi phần tiêu đề dính và khi phần video xuất hiện trong tiêu đề không còn dính nữa.

Dính ở dưới cùng

Tính năng này sẽ giúp bạn dán bất kỳ phần nào ở cuối trang.

Xem hướng dẫn video của chúng tôi:https://www.youtube.com/embed/bA1LpE6d39E?feature=oembed

Hoặc, làm theo hướng dẫn từng bước:

  • Nhấp vào  Biểu tượng ElementsKit  để chèn bất kỳ chân trang nào từ các mẫu tạo sẵn của chúng tôi.

Đi tới Phần  tử  ➔ Kéo các tiện ích sau và thả vào khu vực đã chọn.

  • Tiêu đề .
  • Logo khách hàng .
  • Video .
  • Tiêu đề .
  • Nhấp vào  Biểu tượng Phần bên trong Chân trang .
  • Đi tới  Nâng cao ->  Mở rộng ElementsKit Sticky .
  • Chọn tùy chọn dính➔  Dưới cùng  từ trình đơn thả xuống.
  • Nhấp vào Cập nhật-> Đi đến trang của bạn-> Làm mới-> Cuộn lên.
  • Bạn có thể thấy phần chân trang bị dính khi cuộn lên.

Sticky Until on Bottom

Hãy làm cho nó dính cho đến Phần dính dưới cùng.

  • Nhấp vào Biểu tượng Phần bên trong Dính phía dưới  .
  • Bây giờ, chuyển đến Cài đặt nâng cao, đặt  ID CSS và Sao chép nó .
  • Bấm vào biểu tượng Phần bên trong chân trang  .
  • Chuyển đến  Advanced ➔  Elementskit Sticky ➔  Sticky Until .
  • Bây giờ dán đáy dính phần của  ID CSS  vào  Chú ý đến  lĩnh vực .
  • Nhấp vào Cập nhật-> Đi tới Trang chủ-> Làm mới-> Cuộn lên.
  • Bây giờ bạn có thể thấy phần đầu dính dính Cho đến khi phần dính dưới cùng và khi phần logo khách hàng ở chân trang không dính nữa.

Cố định trên cột

Tính năng này sẽ giúp bạn dán bất kỳ phần nào trên cột.

Xem hướng dẫn video của chúng tôi:https://www.youtube.com/embed/-a_QJTZvX7U?feature=oembed

Hoặc, làm theo hướng dẫn từng bước:

  • Chọn cấu trúc của bạn từ khu vực đã chọn. Ở đây tôi đang lấy 3 cột.

Đi tới Phần  tử  ➔ Kéo các tiện ích sau và thả vào khu vực đã chọn.

  • Tiêu đề .
  • Hình ảnh .
  • Hộp biểu tượng .

Hãy làm cho phần tiêu đề và hình ảnh dính.

  • Nhấp vào Biểu tượng Phần bên trong Tiêu đề .
  • Đi tới  Nâng cao ->  Mở rộng ElementsKit Sticky .
  • Chọn tùy chọn cố định➔ Cột từ menu thả xuống.
  • Nhấp vào Biểu tượng Phần bên trong Hình ảnh .
  • Đi tới  Nâng cao ->  Mở rộng ElementsKit Sticky .
  • Chọn tùy chọn cố định➔ Cột từ menu thả xuống.
  • Nhấp vào Cập nhật-> Đi đến trang của bạn-> Làm mới-> Cuộn xuống.
  • Bạn có thể thấy tiêu đề và hình ảnh dính và bên phải của nội dung hộp biểu tượng vẫn đang di chuyển.
Cảm xúc của bạn là gì

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Check Also
Close
Back to top button