Elementor thường xuyên cung cấp các chủ đề giúp bạn tạo một trang web hoàn thành từ những điều này. Hàng tháng, chúng tôi phát hành các chủ đề mới được xây dựng xung quanh một thị trường ngách cụ thể, nhưng đủ linh hoạt để cuối cùng bạn có thể tùy chỉnh chúng cho phù hợp với nhu cầu của riêng mình.
Kết hợp với Elementor Chuyên nghiệp, những chủ đề này giúp bạn bắt đầu nhanh chóng với mọi phần của trang web của mình, bao gồm:
cái ptuổi tĩnh, như trang chủ,
- tiêu đề
- chân trang
- trang 404
- phần Lưu trữ
- blog
- Cửa sổ bật lên và những thứ khác
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn Làm thế nào để tạo ra một trang web hoàn thành bằng cách sử dụng trình tạo trang trực quan Elementor.
Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn
Sau đó trở lại lý do tại sao chúng ta ở đây.
Cách xây dựng một trang web hoàn chỉnh với chủ đề Elementor
Trong hướng dẫn này, bạn sẽ học cách sử dụng chủ đề làm cơ sở cho tất cả các phần quan trọng trên trang web của mình, sau đó kết hợp mọi thứ lại với nhau để tạo một trang web mạch lạc.
Chính xác hơn, chủ đề Đại lý kỹ thuật số.
Trang web của bạn sẽ có một số trang cơ bản, chẳng hạn như các trang:
- hoan nghênh
- À Propos
- DỊCH VỤ
- Khách hàng
- Blog
- Liên hệ
Và nó cũng cung cấp các phần dành riêng cho nội dung động. Ví dụ: kho lưu trữ bài đăng trên blog và các mẫu bài đăng của bạn sẽ tự động khớp với các trang độc lập của bạn. Bạn cũng có thể thay đổi đầu trang, chân trang và trang 404.
Đây là Làm thế nào để tạo ra một trang web với chủ đề Elementor:
1. Cài đặt và kích hoạt chủ đề Elementor Hello
Vì bạn sẽ sử dụng Elementor và một mẫu chủ đề để xây dựng toàn bộ trang web của mình, bạn không cần phải tìm kiếm các yếu tố khác.
Thay vào đó, bạn sẽ chỉ cần một trang web nhẹ, tối ưu hóa hiệu suất mà chủ đề Elementor Hello cung cấp.
Để bắt đầu, hãy đi đến Giao diện → Chủ đề → Thêm và tìm kiếm " Xin chào Elementor". Sau đó cài đặt và kích hoạt chủ đề.
2. Định cấu hình các trang tĩnh cơ bản trên trang web của bạn
Sau đó vào menu Trang → Thêm để tạo các trang cơ bản trên trang web của bạn.
Đầu tiên, hãy tạo một trang có tên " hoan nghênh "Và bấm vào nút Chỉnh sửa bằng phần tử để khởi chạy Elementor.
Bấm vào thiết lập để mở cài đặt trang và thay đổi bố cục của nó để bằng Phần tử hoặc toàn bộ băng thông.
Sau đó, mở thư viện mẫu Elementor và tìm kiếm "Digital Agency" trong trang :
Bạn sẽ thấy danh sách các mẫu trang của chủ đề này. Chèn mẫu Trang chủ từ danh sách các mô hình.
Bây giờ bạn sẽ thấy một trang chủ đầy đủ. Hiện tại tiêu đề có vẻ hơi buồn tẻ - nhưng đừng lo lắng, chúng tôi sẽ sớm khắc phục điều đó.
Tiếp theo, thêm một trang khác để sử dụng cho " À Propos".
Như trước đây, hãy tạo một trang và thay đổi Bố cục thành Elementor Fullwidth. Sau đó, mở thư viện mẫu và chèn mẫu vào Giới thiệu của chủ đề Digital Agency.
Bây giờ chỉ cần lặp lại quy trình tương tự để tạo tất cả các trang khác bao gồm: Dịch vụ, Khách hàng và Tiếp xúc.
Đừng lo lắng về trang Blog. Trang này không tĩnh như những trang khác. Vì lý do này, bạn sẽ tạo nó ở đó thông qua một phương pháp khác (mà chúng ta sẽ đề cập sau trong hướng dẫn này).
Để hoàn tất việc thiết lập các trang tĩnh của bạn, bạn cần yêu cầu cài đặt WordPress của mình sử dụng trang chủ tĩnh. Để làm điều này…
- Tiếp tục Cài đặt → Phát lại
- chọn Một trang tĩnh (chọn bên dưới) trong cài đặt trang chủ của bạn
- Chọn trang kết hợp với mẫu trang chủ của chủ đề
3. Tạo các phần khác của trang web của bạn
Bây giờ bạn đã sẵn sàng để xây dựng các phần khác của trang web của mình bằng Elementor. Elementor cho phép bạn tạo ra các trang tĩnh (như bạn đã làm ở trên).
Với Elementor, bạn cũng có thể thiết kế các phần như:n-đầu; footer, v.v.
Và nhờ chủ đề Elementor, bạn sẽ có thể nhập các mẫu cho tất cả các phần đã có trong các trang tĩnh mà bạn đã tạo ở bước trước.
Để truy cập trình tạo trực quan của Elementor, hãy truy cập Mẫu → Trình tạo chủ đề. Bạn sẽ cần cài đặt Elementor Pro để có thể truy cập nó.
Bây giờ đã đến lúc tạo các phần của bạn
cú đội đầu
Để bắt đầu, hãy chuyển đến tab Tiêu đề của giao diện trình tạo trực quan, sau đó nhấp vào Thêm mới. Trên màn hình tiếp theo, bạn sẽ thấy một lựa chọn các mẫu trong thư viện Elementor. Giống như bạn đã làm với các trang tĩnh, hãy tìm kiếm “Digital Agency”, sau đó chèn:
Bây giờ, bạn sẽ thấy bản xem trước trực quan của tiêu đề, cũng như menu điều hướng từ mẫu bạn đã chèn.
Nếu bạn muốn thay đổi nó
- Tiếp tục Ngoại hình → Menu trong bảng điều khiển WordPress của bạn
- Tạo menu mới
Khi bạn đã tạo menu, bạn có thể thêm các trang bạn đã tạo ở bước # 2 vào menu điều hướng của mình.
Đọc cũng: 10 công cụ tự động hóa cho tiếp thị doanh nghiệp nhỏ
Khi bạn đã hoàn tất việc thêm các mục menu, hãy lưu menu và quay lại mẫu tiêu đề của bạn trong giao diện Elementor.
sau đó công bố tiêu đề của bạn và sử dụng các điều kiện hiển thị để hiển thị mẫu tiêu đề trên toàn bộ trang web của bạn. Nếu muốn, bạn cũng có thể sử dụng các điều kiện hiển thị để tạo các tiêu đề khác nhau cho các loại nội dung khác nhau:
Sau đó nhấn Lưu & Đóng
Footer
Bây giờ đã đến lúc tạo chân trang trang web của bạn:
- Quay lại giao diện trình tạo trang trực quan
- Bấm vào tab Footer
- Nhấp vào nút để Thêm chân trang mới
- Trong cửa sổ bật lên, đặt tên cho chân trang của bạn và nhấp vào Tạo mẫu
Bây giờ bạn sẽ thấy danh sách các mẫu chân trang giống như bạn đã làm với đầu trang của mình. Tìm kiếm "Digital Agency" và chèn mẫu chân trang.
Khi bạn đã chèn mẫu chân trang, bạn sẽ thấy bản xem trước của chân trang của mình:
sau đó công bố mẫu chân trang của bạn và sử dụng các điều khoản hiển thị để hiển thị nó trên toàn bộ trang web của bạn.
Trang blog
Không giống như các trang tĩnh mà bạn đã tạo ở bước # 2, trang blog trên trang web của bạn là " lưu trữ ". Về cơ bản, điều này có nghĩa là nó tự động hiển thị nội dung mới nhất từ trang web của bạn.
Nếu người dùng nhấp vào một mục cụ thể trên trang blog, họ sẽ được đưa đến trang hiển thị nội dung của mục đó. Đây được gọi là trang "đơn". Thiết kế độc đáo của bạn đảm bảo rằng tất cả nội dung của bạn sẽ giống nhau - điều duy nhất thay đổi là nội dung thực tế (như tiêu đề bài đăng, nội dung, hình ảnh nổi bật, v.v.).
Khám phá cũng Cách thêm mục lục trong WordPress với Elementor
Để tạo các trang lưu trữ và các mẫu trang duy nhất, bạn nên sử dụng trình tạo trực quan Elementor - không phải vùng trang ou bài viết WordPress mặc định.
Để bắt đầu…
- Mở giao diện Trình tạo chủ đề
- Chuyển đến tab Lưu trữ
- Nhấp vào Thêm mới
- Đặt tên cho nó và nhấp vào Tạo mẫu
Như với đầu trang và chân trang, bạn sẽ thấy danh sách các mẫu trang lưu trữ. Tìm mẫu “Đại lý kỹ thuật số” và chèn nó.
Bây giờ bạn sẽ thấy thiết kế cơ bản của trang bài viết của mình.
Cần lưu ý rằng nếu bạn chỉ thấy một bài viết thì đó là điều bình thường, vì WordPress chỉ đi kèm với một ví dụ mặc định là “Hello World! ".
Hiện tại, tất cả những gì bạn cần làm là xuất bản trang lưu trữ của bạn và đặt nó hiển thị trên tất cả các trang lưu trữ.
Đọc hướng dẫn của chúng tôi trên Cách di chuyển thủ công một trang web WordPress
Sau đó, bạn có thể chuyển đến menu bài đăng trong trang tổng quan của mình và tạo các bài đăng trên blog mới. Gán mỗi mục vào một danh mục có tên là “Tin tức".
Bây giờ, khi bạn truy cập trang Blog của mình, bạn sẽ tự động thấy tất cả các bài đăng mới này:
Tạo trang mẫu bài đăng blog
Tại thời điểm này, trang blog của bạn có giao diện khá thân thiện với người dùng. Nhưng nếu bạn nhấp vào một bài đăng trên blog cụ thể, bố cục sẽ không khớp với phần còn lại của trang web của bạn.
Để giải quyết vấn đề này, bạn cần tạo một mẫu "duy nhất" với Elementor:
- Mở trình tạo trực quan Elementor
- Đi tới tab Độc thân Bài đăng
- Bấm vào Thêm mới
Trong cửa sổ bật lên Bản mẫu mới :
- Đặt tên
- Sélectionnez Bài đăng trong danh sách thả xuống Chọn loại bài đăng. Điều này cho Elementor biết rằng bạn muốn sử dụng mẫu này cho các bài đăng trên blog của mình (trái ngược với Trang hoặc một số loại bài đăng tùy chỉnh khác mà bạn có thể sử dụng)
Một lần nữa, bạn sẽ thấy thư viện mẫu Elementor. Tìm mẫu bài viết duy nhất của mẫu "Digital Agency" và chèn vào.
Đọc thêm Chế độ bảo trì trên WordPress: Giải thích và cấu hình
Nếu muốn, bạn có thể sử dụng nhiều tiện ích con dữ liệu xuất bản động để kiểm soát giao diện trang của mình.
Ví dụ: nếu bạn sửa đổi tiện ích con Đăng thông tin, bạn sẽ có thể kiểm soát các phần tử siêu dữ liệu xuất hiện, như trên ấn phẩm ...
- Tác giả
- Ngày xuất bản
- Bình Luận
- Vv
Khi bạn hài lòng với mẫu mặt hàng của mình, hãy nhấp vào xuất bản. Sau đó, bạn có thể sử dụng các tùy chọn hiển thị để mẫu duy nhất này chỉ áp dụng cho các bài đăng trong danh mục “Beyond News”:
- Chọn từ thể loại
- Chọn danh mục Tin tức
Sau đó nhấn Lưu & Đóng.
Bây giờ tất cả các bài đăng trên blog của bạn phải có thiết kế phù hợp với phần còn lại của trang web của bạn.
Để kết thúc mọi thứ, hãy truy cập Ngoại hình → Menu và thêm trang blog của bạn vào menu điều hướng của bạn. Để làm điều này, bạn có thể thêm liên kết đến danh mục "Tin tức" trong phần Thể loại.
Trang 404
Cuối cùng, bạn cần tạo trang 404 trên trang web của mình. Trang 404 trên trang web của bạn là trang mà khách truy cập sẽ nhìn thấy nếu họ đi theo một liên kết bị hỏng hoặc cố gắng truy cập một trang không tồn tại.
Khám phá cũng của chúng tôi 5 WordPress plugin để quản lý tốt hơn lỗi 404
Để tạo trang 404 của bạn, hãy sử dụng trình tạo trực quan Elementor để thêm một mẫu duy nhất khác.
- Mở trình tạo trực quan Elementor
- Đi tới tab Lỗi 404
- Bấm vào Thêm mới
- Chèn mẫu Đại lý kỹ thuật số từ trang 404
Tiếp theo, xuất bản mẫu của bạn để hoàn thành trang web của bạn.
Tải xuống Elementor Pro ngay!
Kết luận
Vì thế ! Đó là tất cả trong hướng dẫn này, nó sẽ chỉ cho bạn từng bước Làm thế nào để tạo ra một trang web hoàn thành với Elementor. Nếu bạn có bình luận hoặc đề xuất, đừng ngần ngại cho chúng tôi biết trong phần dành riêng.
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.
...
