Bạn có muốn tạo một tiêu đề tùy chỉnh trong WordPress với Elementor không?
Tiêu đề là một trong những yếu tố quan trọng mà mọi trang web cần phải có. Tiêu đề thường chứa một menu, giúp khách truy cập dễ dàng điều hướng đến các trang quan trọng trên trang web của bạn. Một yếu tố khác thường được tìm thấy trên tiêu đề trang web là logo.
Khám phá Cách cài đặt Elementor trên WordPress
Nhất Chủ đề WordPress, cho dù miễn phí hay trả phí, cho phép bạn tùy chỉnh tiêu đề bằng cách thêm biểu trưng trang web của bạn hoặc menu điều hướng. Một số Chủ đề WordPress, cho phép bạn thêm các yếu tố bổ sung như thanh tìm kiếm và các biểu tượng truyền thông xã hội.
Nhưng liệu có thể tạo một tiêu đề tùy chỉnh trong WordPress để thay thế tiêu đề của theme WordPress tài sản ?
Tất nhiên, bạn có thể tạo tiêu đề tùy chỉnh để ghi đè tiêu đề mặc định cho chủ đề hiện đang hoạt động trên trang web WordPress của bạn.
Nếu bạn có kỹ năng lập trình (PHP trong trường hợp này), hãy tạo một tiêu đề tùy chỉnh cho theme WordPress không phải là một vấn đề lớn. Nếu bạn không có bất kỳ kỹ năng lập trình nào, Elementor cho phép bạn tạo tiêu đề tùy chỉnh mà không cần viết một dòng mã nào. Bạn có thể tạo tiêu đề thông qua trình chỉnh sửa kéo và thả trực quan.
Lưu ý: Theme Builder chỉ có sẵn trên Elementor Pro.
Cách tạo tiêu đề tùy chỉnh trong WordPress với Elementor
Phiên bản chuyên nghiệp của Elementor đi kèm với một tính năng được gọi là Trình tạo chủ đề. Tính năng này cho phép bạn tạo một theme WordPress không cần mã hóa. Các thành phần chủ đề bạn có thể tạo bằng trình tạo chủ đề của Elementor bao gồm:
- cú đội đầu
- chân trang
- Mẫu bài đăng đơn
- Lưu trữ mẫu trang
- Mẫu trang 404
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo tiêu đề tùy chỉnh cho chủ đề WordPress của bạn với Elementor. Sau khi được xuất bản, tiêu đề tùy chỉnh này sẽ thay thế tiêu đề chủ đề hiện tại của bạn.
Trước khi bắt đầu, hãy đảm bảo rằng bạn đã cài đặt Elementor Pro trên trang web WordPress của bạn.
Đầu tiên, hãy truy cập Mẫu -> Trình tạo Chủ đề.
Trên trang Trình tạo chủ đề, hãy chuyển đến tab Tiêu đề và nhấp vào nút Thêm On để tạo một tiêu đề mới.
Một cửa sổ bật lên sẽ xuất hiện, yêu cầu bạn đặt tên cho mẫu của mình. Nhập tên mô hình của bạn và nhấp vào nút TẠO MÔ HÌNH.
Elementor cho phép bạn tạo tiêu đề từ một mẫu. Chọn một trong các mô hình có sẵn trong thư viện mô hình và nhấp vào nút chèn để tải nó vào trình soạn thảo Elementor.
Bạn cũng có thể tạo tiêu đề từ đầu. Nếu bạn muốn tạo tiêu đề từ đầu, bạn chỉ có thể đóng thư viện mẫu để mở trình chỉnh sửa Elementor.
Về mặt kỹ thuật, bạn có thể thêm bất kỳ tiện ích Elementor nào - mà bạn có thể khám phá trên bảng điều khiển bên trái - vào tiêu đề của mình. Tuy nhiên, không phải tất cả các widget đều thực sự cần thiết khi tạo tiêu đề trang web.
Đọc hướng dẫn của chúng tôi: Elementor Free vs Elementor Pro: So sánh tính năng chi tiết
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm các yếu tố phổ biến của tiêu đề: biểu trưng trang web, menu điều hướng và thanh tìm kiếm. Trong trường hợp này, bạn sẽ cần một phần mới có ba cột. Nhấp vào biểu tượng dấu cộng trong trình chỉnh sửa Elementor và chọn cấu trúc ba cột.
Đặt chiều rộng của mỗi cột bằng cách kéo dải phân cách sang trái hoặc phải. Hãy xem hình chụp bên dưới.
- Thêm biểu trưng trang web
Để thêm biểu trưng trang web, hãy kéo tiện ích Logo của trang web từ bảng điều khiển bên trái đến một trong các cột trong trình chỉnh sửa Elementor.
Tiện ích Logo của trang web sẽ tải logo trang web của bạn. Nếu bạn chưa chỉ định biểu trưng trang web của mình, bạn có thể truy cập Xuất hiện -> Tùy chỉnh để thêm logo của bạn.
Đọc cũng: Cách nhập hoặc xuất mô hình trong Elementor
Bạn có thể tùy chỉnh logo của mình thông qua bảng điều khiển bên trái. Bạn có thể xác định các yếu tố như căn chỉnh, liên kết, chiều rộng, v.v.
Chỉ cần chơi xung quanh bảng điều khiển bên trái cho đến khi bạn hài lòng với kết quả.
- Thêm menu điều hướng
Để thêm menu điều hướng, hãy kéo tiện ích Menu điều hướng vào một trong các cột trong trình chỉnh sửa Elementor.
Tiện ích Menu điều hướng sẽ tải menu chính của trang web của bạn. Nếu bạn chưa tạo bất kỳ menu nào trên trang web của mình, bạn có thể truy cập Giao diện -> Thực đơn để tạo một. Nếu bạn có nhiều menu trên trang web của mình, bạn có thể chỉ định menu nào bạn muốn hiển thị từ menu thả xuống tùy chọn Menu của bảng điều khiển bên trái.
Một lần nữa, bạn có thể thử với bảng điều khiển bên trái để tùy chỉnh menu của mình. Bạn có thể đặt bố cục (ngang, dọc), căn chỉnh, hiệu ứng hoạt ảnh, v.v.
- Thêm thanh tìm kiếm
Để thêm thanh tìm kiếm, bạn có thể kéo tiện ích Form tìm kiếm trong cột còn lại.
Một khi hình thức đã thêm, bạn có thể vào bảng điều khiển bên trái để tùy chỉnh.
Tùy chỉnh tiêu đề
Theo mặc định, tiêu đề của bạn sẽ có nền trắng. Bạn có thể thay đổi màu này để phù hợp với màu chủ đề của bạn. Để làm như vậy, hãy kích hoạt phần bằng cách nhấp vào phần đó trong trình duyệt (Ctrl+i).
Đi tới tab Phong cách trên bảng điều khiển bên trái và chọn màu yêu thích của bạn bằng cách nhấp vào bộ chọn màu trong tùy chọn Màu của phần lý lịch.
Nếu bạn muốn có một tiêu đề cố định, bạn có thể chuyển đến tab Nâng cao. Trong tùy chọn Dính, dưới phần Hiệu ứng chuyển động, đặt vị trí Sticky. Theo mặc định, hiệu ứng Sticky sẽ được áp dụng cho tất cả các loại thiết bị (máy tính để bàn, máy tính bảng và điện thoại thông minh).
Đọc cũng: Elementor Pro: 10 tính năng tuyệt vời để mở khóa - Phần I
Nếu bạn muốn tắt hiệu ứng Dính trên một loại thiết bị nhất định, chỉ cần xóa thiết bị khỏi trường.
Xuất bản tiêu đề tùy chỉnh của bạn
Cho đến nay, bạn đã tạo thành công tiêu đề tùy chỉnh của mình. Có rất nhiều tùy chọn điều chỉnh khác mà bạn có thể đặt và không thể đề cập hết chúng trên bài đăng này.
Xem thêm: Cách tạo một mẫu bài đăng độc đáo với Elementor Pro
Chỉ cần chơi xung quanh bảng điều khiển bên trái cho đến khi bạn thực sự hài lòng với kết quả. Khi bạn hoàn thành, hãy nhấp vào nút PUBLISH ở cuối bảng điều khiển bên trái để xuất bản mẫu tiêu đề của bạn.
Trong bước tiếp theo, bạn sẽ được yêu cầu thiết lập điều kiện hiển thị. Nhấn nút THÊM ĐIỀU KIỆN
Theo mặc định, mẫu tiêu đề của bạn sẽ được áp dụng cho toàn bộ trang web. Vì vậy, nếu bạn muốn mẫu tiêu đề của mình được áp dụng cho toàn bộ trang web, bạn chỉ cần nhấp vào nút LƯU & ĐÓNG.
Đọc cũng: Cách tạo footer trong WordPress với Elementor
Hoặc, nếu bạn muốn áp dụng mẫu tiêu đề của mình cho một trang cụ thể, bạn có thể chỉ định trang bằng cách nhấp vào trình đơn thả xuống. Chọn trang từ menu thả xuống khác xuất hiện tiếp theo. Nhấn nút LƯU & ĐÓNG khi bạn hoàn thành việc chỉ định trang.
Tải xuống Elementor Pro ngay!
Kết luận
Đây ! Đó là nó cho bài viết này hướng dẫn bạn cách tạo tiêu đề tùy chỉnh trong WordPress với Elementor. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho chúng tôi biết trong ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
