Làm thế nào để xây dựng một tiêu đề minh bạch với Elementor

Muneeb Hướng dẫn WordPress Oct 18, 2021

Elementor Page Builder là hình ảnh thu nhỏ của sự tùy biến và sáng tạo. Với một số chỉnh sửa đơn giản ở đây và ở đó, bạn có thể có một sáng tạo hợp lệ để nâng trang web của mình lên một dặm.

Tiêu đề là một khía cạnh quan trọng của trang web của bạn và với Elementor, bạn có thể tạo tiêu đề tùy chỉnh trong vòng vài phút. Bên cạnh đó, quá trình này không yêu cầu các phương pháp tùy chỉnh và phức tạp hoặc mã hóa không cần thiết mà có thể thực hiện đơn giản bằng trình chỉnh sửa kéo và thả của Elementor.

Cách tạo Tiêu đề trong suốt với Elementor

Để bắt đầu, hãy đảm bảo rằng bạn đã cài đặt và kích hoạt Elementor Pro trên WordPress của mình.

Tiếp theo, đi tới bảng điều khiển WordPress của bạn và tìm Elementor và từ đó chuyển đến Mẫu của tôi .

Tạo trang web tuyệt vời

Với trình tạo trang miễn phí tốt nhất Elementor

Bắt đầu bây giờ

Nhấn Thêm Mới và bạn sẽ được dẫn đến một trang giống như biểu mẫu, nơi bạn sẽ chọn Tiêu đề trong trường thả xuống và chọn tên cho tiêu đề của bạn. Nhấn nút Tạo mẫu để tiếp tục.

Bạn sẽ được đưa đến thư viện mẫu, nơi bạn sẽ tìm thấy các mẫu làm sẵn. Nhưng vì chúng tôi đang tạo tiêu đề tùy chỉnh, hãy tiếp tục và đóng bảng điều khiển.

Tiếp theo, bạn cần quyết định xem bạn có muốn hiển thị đầy đủ tiêu đề của mình hay không. Đối với hướng dẫn này, chúng tôi sẽ sử dụng Chiều rộng nội dung đầy đủ cho tiêu đề.

Tiếp theo, bạn cần tạo tiêu đề cho trang web của mình và tiến tới làm cho nó trở nên minh bạch. Đảm bảo sử dụng các màu thay thế cho văn bản và nền trong khi chỉnh sửa.

Tiếp theo, bạn cần thêm một lớp vào tiêu đề của mình và dán CSS sau đây. Điều này sẽ làm cho tiêu đề của bạn chồng lên nội dung mà không để lại khoảng trắng.

.site-header {
    position: absolute!important;
    width: 100%;
    left: 0%;
    z-index: 500;
}

Bây giờ tiêu đề sẽ được đặt ở trên cùng và sẽ trong suốt. Đối với phần đệm, bạn có thể thực hiện theo các cài đặt bên dưới hoặc thay đổi chúng để có giao diện mong muốn.

Xin chúc mừng! Tiêu đề trong suốt của bạn đã sẵn sàng. Đảm bảo truy cập lại cài đặt của bạn trước khi xuất bản.

Đây là cách dễ dàng để tạo tiêu đề trong suốt với Trình tạo trang phần tử . Đảm bảo theo dõi chúng tôi trên Facebook  và Twitter của chúng tôi để tiếp tục cập nhật về các hướng dẫn của chúng tôi.

Divi WordPress Theme