Bạn không thích cách chủ đề WordPress hiện tại của bạn xử lý tiêu đề hoặc chân trang chính của nó? Làm thế nào để tùy chỉnh nó với Elementor? Trong hướng dẫn này, chúng tôi sẽ cho bạn biết cách tạo đầu trang & chân trang tùy chỉnh với Elementor chi tiết từng bước một và không yêu cầu kỹ năng mã hóa.
CONTENTS:
Tại sao lại là Elementor?
Elementor là plugin tạo dựng trang web yêu thích của chúng tôi dành cho WordPress. Thực tế, nó một trong những công cụ tốt nhất mà bạn có thể sử dụng để tùy chỉnh trang web WordPress của mình mà không cần biết cách viết mã.
Nếu bạn thích thay đổi giao diện hoặc chân trang hiện tại của bạn mà vẫn giữ được chủ đề của mình thì Elementor là lựa chọn tốt nhất dành cho bạn.
Những gì bạn cần để tạo tiêu đề & chân trang tùy chỉnh với Elementor
Có hai điều:
- plugin Elementor chính – miễn phí
- Elementor Pro – bản nâng cấp cao cấp trên phiên bản Elementor miễn phí
Để có được bản Pro, bạn cần đăng ký tại đây. Phiên bản cơ bản của Elementor Pro (cho một trang web) là 49 đô la / năm, đó là số tiền chi trả hợp lý, vì nó cung cấp cho bạn nhiều tính năng thú vị vượt xa yêu cầu của bạn.
Cài đặt Elementor miễn phí và chuyên nghiệp
Quá trình cài đặt Elementor miễn phí cũng giống như mọi plugin khác:
- Chỉ cần truy cập wp-admin của bạn → Plugins → Thêm mới và nhập Elementor vào hộp.
- Cài đặt và kích hoạt.
- Đây là một hướng dẫn riêng về cách cài đặt bất kỳ plugin WordPress nào nếu bạn chưa biết rõ về nó.
Để cài đặt tiện ích chuyên nghiệp, trước tiên bạn phải truy cập Elementor.com và mua một tài khoản. Sau đó, bạn có thể tải xuống tiện ích bổ sung từ hồ sơ khách hàng của mình.
Bạn cũng cần tạo khóa API mới cho bản sao Elementor Pro của mình. Hãy nhấp vào nút xem trang web trên cùng một trang (ảnh chụp màn hình ở trên), sau đó thêm địa chỉ trang web của bạn ở đó. Bạn sẽ nhận được khóa cấp phép mà bạn sẽ cần nhập khi kích hoạt Elementor Pro trên trang web của mình.
Quay trở lại wp-admin của bạn và tiến hành Plugins → Thêm mới một lần nữa. Bạn tải lên kho lưu trữ Elementor Pro bằng cách thủ công.
Tiến hành cài đặt và kích hoạt nó.
Sau đó, từ thanh bên chính của wp-admin, đi đến Elementor → License. Nhập mã giấy phép của bạn ở đó.
Tạo một mẫu tiêu đề hoặc chân trang trống
Từ thanh bên wp-admin của bạn, đi đến Mẫu. Ở đó sẽ không có gì để hiển thị.
Từ cửa sổ bật lên, chọn Đầu trang hoặc Chân trang dựa trên những gì bạn muốn tạo và cũng đặt tên cho mẫu của bạn nếu bạn muốn.
Bạn sẽ thấy Elementor khởi chạy và bạn có thể làm việc.
Để làm cho mọi thứ nhanh hơn, Elementor sẽ hiển thị cho bạn một danh sách các mẫu tiêu đề và chân trang đã làm sẵn. Bạn có thể chọn một trong số chúng hoặc bắt đầu làm việc trên đầu trang hoặc chân trang của riêng bạn từ đầu.
Đặt bố cục chung của đầu trang/chân trang của bạn
Đầu tiên, để tạo các tiêu đề & chân trang tùy chỉnh với Elementor, bạn cần chọn bố cục chính của đầu trang hoặc chân trang của bạn sẽ là gì.
Để bắt đầu, nhấp vào nút tùy chỉnh chính của tiêu đề của bạn để xem phần Bố cục trong thanh bên:
Chọn cấu trúc có vẻ tối ưu nhất. Tôi sẽ chỉ đi với ba cột bằng nhau.
Nếu bạn muốn, bạn cũng có thể quyết định kéo dài bố cục hoặc đặt chiều rộng cố định khi bạn tạo các tiêu đề và chân trang tùy chỉnh với Elementor. Các cài đặt cụ thể ở đây sẽ phụ thuộc vào chủ đề của bạn.
Thêm logo
Thêm logo là một bước rất đơn giản, nhưng chỉ với điều kiện là chủ đề hiện tại của bạn xử lý logo theo hướng dẫn chính thức của WordPress.
Trong Elementor, chọn khối Logo Trang web từ thanh bên. Đặt nó ở nơi bạn muốn. Nó sẽ tự động lấy logo thực tế của bạn.
Trong cài đặt, bạn có thể chọn cách logo hoạt động khi nhấp vào, đồng thời điều chỉnh kích thước và căn chỉnh của nó.
Thêm một menu
Lấy khối Menu Nav từ thanh bên Elementor và kéo nó đến nơi bạn muốn trong tiêu đề.
Dưới đây là những điều chính để điều chỉnh:
- Menu – chọn menu cụ thể bạn muốn làm nổi bật (bạn có thể chọn từ bất cứ thứ gì bạn đã đặt trong Giao diện → Menu).
- Bố cục – Ngang, dọc hoặc thả xuống
- Căn chỉnh – trái, giữa, phải hoặc kéo dài để lấp đầy toàn bộ khu vực có sẵn
- Con trỏ – cách bạn muốn làm nổi bật liên kết hoạt động
- Hoạt hình – cách bạn muốn con trỏ xuất hiện
Bạn cũng có thể đi vào hai tab khác – Kiểu và Nâng cao để điều chỉnh các chi tiết khác về thiết kế menu của bạn.
Bạn muốn nhiều tùy chọn hơn? Nhận một plugin miễn phí có tên NavMothy Addon cho Elementor. Nó cung cấp cho bạn các khối menu bổ sung mà bạn có thể sử dụng khi bạn tạo các tiêu đề & chân trang tùy chỉnh với Elementor. Khối Mega Menu đặc biệt thú vị.
Thêm một trường tìm kiếm
Để hoàn thiện thiết kế của mình, tôi sẽ chọn khối Biểu mẫu tìm kiếm và kéo nó vào cột bên phải của thiết kế tiêu đề của tôi.
Một vài lựa chọn thú vị ở đó:
- Skin – Cổ điển, Tối thiểu, Toàn màn hình
- Placeholder – có thể để trống, hoặc đặt một cái gì đó như Tìm kiếm trên mạng ở đó
- Alignment, Size – cả hai đều khá tự giải thích
Thêm các yếu tố bổ sung khác
Ngoài ra còn có một số khối khác mà bạn có thể sử dụng khi bạn tìm ra cách tạo tiêu đề & chân trang tùy chỉnh với Elementor. Bạn có thể thử nghiệm chúng một cách tự do để có được hiệu quả mà bạn mong muốn.
Elementor cũng cho phép bạn đặt bất kỳ khối Elementor khác vào đầu trang hoặc chân trang của bạn. Điều này bao gồm văn bản tùy chỉnh, hình ảnh, biểu tượng, bất cứ điều gì có thể cải thiện tiêu đề của bạn hơn nữa.
Xuất bản tiêu đề/chân trang của bạn
Điều cuối cùng cần làm là xuất bản tác phẩm của bạn trên trang web và chỉ định nó để thay thế toàn bộ trang tiêu đề/chân trang mặc định của bạn hoặc chỉ trên các trang cụ thể.
Để làm điều này, bấm vào chính PUBLISH nút trong Elementor. Bạn sẽ thấy một cửa sổ bật lên hỏi nơi bạn muốn hiển thị đầu trang hoặc chân trang mới của mình.
Điều kiện cơ bản nhất là Trang web Toàn bộ Trang web:
Bạn cũng có thể thử nghiệm với cài đặt này và chọn ra từng trang, bài đăng, danh mục, v.v. Ví dụ: đây là điều kiện để tiêu đề mới chỉ xuất hiện trên trang Liên hệ:
Khi hoàn tất, nhấp vào TIẾT KIỆM & ĐÓNG.
Tiêu đề hoặc chân trang mới của bạn hiện đang hoạt động
Bạn đã sẵn sàng để tạo dựng tiêu đề & chân trang tùy chỉnh của bạn với Elementor?
Tôi hy vọng hướng dẫn này hữu ích và bạn có thể tùy chỉnh một tiêu đề hoặc chân trang mới tuyệt vời!