Tiêu đề của một website là phần thông tin đầu tiên được cảm nhận bởi khách của trang web của bạn. Nó cho phép bạn làm nổi bật logo thương hiệu của mình, sắp xếp các trang trên trang web của bạn cũng như cung cấp các tính năng quan trọng khác (tìm kiếm, kết nối, v.v.). Ngoài ra, việc có tiêu đề nổi và minh bạch là cần thiết vì nó cải thiện trải nghiệm người dùng.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo tiêu đề và làm cho nó trong suốt với Elementor. Nhưng trước đây, chúng ta sẽ xem tiêu đề nổi và trong suốt là gì.

Tiêu đề nổi và trong suốt là gì?

Tiêu đề nổi là một thanh điều hướng luôn cố định ngay cả khi khách truy cập cuộn xuống trang web. Nó rất thích hợp cho các trang có các trang có các bài báo dài, các bài đánh giá và các trang một trang. Và khía cạnh trong suốt của nó cho phép bạn nhìn thấy màu nền của trang cũng như nội dung của nó.

ghim và làm cho tiêu đề trong suốt với Elementor

Tại sao sử dụng tiêu đề nổi và trong suốt

Các trang web hiện đại ngày càng sử dụng các tiêu đề nổi và trong suốt vì chúng có tác động trực quan đến khách của trang web. Những lý do để áp dụng chúng là nhằm mục đích:

  • Nâng cao nhận thức về thương hiệu của bạn,
  • Tăng cường trải nghiệm người dùng,
  • Cải thiện điều hướng

Khám phá cũng Cách tạo tiêu đề hai màu trong Elementor

Ghim và làm cho tiêu đề trong suốt với Elementor

Để tạo tiêu đề nổi và trong suốt, bạn phải có cả hai phiên bản củaElementor (Pro và Lite). Nếu không, hãy tải xuống (Elementor, Elementor Pro) trước khi bắt đầu.

Sau khi cài đặt, hãy làm theo các bước tiếp theo.

Bươc 1: Tạo menu với Elementor

Để tạo menu, hãy làm theo các bước sau:

  • chọn liên tiếp Giao diện >> Menu
  • Đặt tên cho menu
  • Cho biết vị trí của menu
  • Xác thực bằng cách nhấp vào nút lưu menu
ghim và làm cho tiêu đề trong suốt với Elementor
  • Kiểm tra các trang, bài viết hoặc bài đăng trong nhóm Thêm các mục menu
  • Bấm vào Thêm vào Menu để thêm các mục đã đánh dấu vào menu
  • Cuối cùng bấm vào Lưu trình đơn
tạo tiêu đề nổi và trong suốt với Elementor

Lire aussi Elementor: Cách hiển thị văn bản phía trên hình ảnh

Bước 2: Chọn Mẫu tiêu đề từ Thư viện mẫu Elementor

Người dùng củaElementor Người chuyên nghiệp có quyền truy cập vào thư viện các mẫu có sẵn hữu ích để thiết kế các phần khác nhau của trang web. Website. Bạn cũng sẽ tìm thấy nhiều mẫu tiêu đề khác nhau ở đây. Để làm điều này,

  • Đi liên tiếp đến Mô hình >> Thêm
tạo tiêu đề nổi và trong suốt với Elementor
  • Bạn sẽ thấy một cửa sổ bật lên phương thức
  • Sélectionnez cú đội đầu
  • Cuối cùng bấm vào Tạo một mẫu
tạo tiêu đề nổi và trong suốt với Elementor

Từ đó trở đi, thư viện được hiển thị. Theo mặc định, nó hiển thị các khối tiêu đề. Duyệt qua các mẫu được cung cấp, sau đó chèn mẫu mà bạn quan tâm.

tạo tiêu đề nổi và trong suốt với Elementor
tạo tiêu đề nổi và trong suốt với Elementor

Mẫu tiêu đề sẽ mở trong khung vẽ Elementor.

tạo tiêu đề nổi và trong suốt với Elementor

Bước 3: Ghim tiêu đề bằng Elementor

Để ghim tiêu đề, hãy làm theo các bước sau:

  • Nhấn nút Chỉnh sửa phần tiêu đề
  • Sau đó chọn tab nâng cao
  • sau đó Hiệu ứng chuyển động
tạo tiêu đề nổi và trong suốt với Elementor
  • Kéo menu xuống Ghim và chọn giá trị Lên, điều này sẽ đóng băng tiêu đề trang web của bạn khi khách truy cập cuộn xuống các trang.
  • Theo mặc định, tiêu đề sẽ được ghim tự động trên các phương tiện như máy tính để bàn, máy tính bảng và thiết bị di động
tạo tiêu đề nổi và trong suốt với Elementor

Cũng duyệt Elementor: Cách xuất và nhập các mẫu

Bước 4: Làm cho tiêu đề trong suốt với Elementor

Để đạt được điều này, hãy lặp lại phương pháp dưới đây:

  • đi phong cách >> nền >> công cụ chọn màu
tạo tiêu đề nổi và trong suốt với Elementor
  • Sau đó, thay đổi độ mờ của nền
tạo tiêu đề nổi và trong suốt với Elementor

Nếu bạn muốn làm cho tiêu đề hoàn toàn trong suốt, hãy thay đổi loại nền bằng cách chọn loại cổ điển. Do đó, các menu điều hướng sẽ bị ẩn do độ tương phản màu văn bản (màu trắng).

tạo tiêu đề nổi và trong suốt với Elementor

Để khắc phục tình trạng này, hãy làm như sau:

  • Nhấp thành công vào Menu Sửa đổi của duyệt qua >> phong cách
  • Sau đó, trên công cụ chọn màu
  • Chọn màu mong muốn (trong trường hợp của chúng tôi, không cần phải thay đổi nó).
tạo tiêu đề nổi và trong suốt với Elementor

Sau khi hoàn tất, bạn có thể xuất bản trang web của mình. Nhưng trước đó, hãy xem cách thay thế các menu điều hướng trong mẫu của chúng ta bằng những menu chúng ta đã tạo. Hãy nhớ rằng tên được chỉ định cho của chúng tôi là menu tiêu đề (xem bước 1):

  • Chọn tab nội dung
  • Sau đó, sửa đổi thực đơn bằng cách chọn tên tiêu đề của bạn
tạo tiêu đề nổi và trong suốt với Elementor

Và ở đó bạn đi :).

Kết luận

Các tiêu đề trong suốt và nổi có thể hữu ích cho bạn trong một số trường hợp. Chúng tôi hy vọng bài viết này có thể đáp ứng nhu cầu của bạn về cách tạo tiêu đề trong suốt và nổi bằng Elementor. Nếu bạn có bất kỳ mối quan tâm nào khác liên quan đến chủ đề này, hãy cho chúng tôi biết trong phần bình luận.