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ó.
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
- 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
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
- 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ừ đó 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.
Mẫu tiêu đề sẽ mở trong khung vẽ 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
- 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
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
- Sau đó, thay đổi độ mờ của nền
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).
Để 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ó).
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
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.
hello,
Cảm ơn bạn cho bài viết của bạn.
Tôi thực sự đã tạo một tiêu đề trong suốt để vẫn hiển thị ảnh ở nền.
Tuy nhiên ảnh này chỉ có trên Trang chủ.
Tôi muốn nói rõ rằng tiêu đề này chỉ minh bạch trên trang chủ vì nếu không thì trên các bài viết của tôi, tôi không còn nhìn thấy nó nữa!
Tôi đã loay hoay tìm kiếm một giải pháp... không thành công!
Cảm ơn sự giúp đỡ của bạn