Bỏ qua đến nội dung chính

Làm thế nào để tạo ra một bố cục tùy chỉnh với Elementor

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Bạn có muốn tạo bố cục tùy chỉnh của riêng bạn trên WordPress không? Bạn có muốn dễ dàng tạo một trang web với diện mạo chuyên nghiệp? Vì vậy, bạn phải Tải xuống plugin WordPress Elementor tại đây.

 Elementor là một trình tạo trang trực quan cung cấp tính năng "Kéo và thả" cho phép bạn dễ dàng tạo bố cục tùy chỉnh trên WordPress mà không cần bất kỳ kiến ​​thức mã hóa nào.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách dễ dàng tạo bố cục WordPress tùy chỉnh với Elementor chỉ bằng vài cú nhấp chuột. Chúng tôi cũng cung cấp kiểm tra các lựa chọn thay thế khác của plugin WordPress đẹp này.

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.

Tại sao và khi nào tạo bố cục tùy chỉnh trên WordPress?

Trước khi bắt đầu, bạn có thể khám phá về plugin WordPress này bằng cách tham khảo các bài viết Trình bày trang xây dựng WordPress: Elementor hoặc khám phá Hướng dẫn về Elementor: Giới thiệu giao diện 

Nhiều chủ đề WordPress miễn phí và cao cấp cung cấp một số lựa chọn bố cục cho các loại trang khác nhau. Tuy nhiên, đôi khi không có mẫu bố cục nào đáp ứng nhu cầu của bạn.

Tuy nhiên, nếu bạn là người hâm mộ PHP, HTML và CSS, bạn có tùy chọn tạo mẫu trang của riêng mình hoặc thậm chí tạo chủ đề con cho trang web của mình. Nhưng, phần lớn người dùng WordPress không phải là nhà phát triển, vì vậy tùy chọn này không phù hợp với họ.

Khám phá những Các plugin 8 WordPress để dễ dàng tạo bố cục của bạn

Sẽ không tuyệt vời khi tạo bố cục bằng giao diện đơn giản (Kéo và Thả) phải không?

Đây chính xác là những gì Elementor làm. Đây là một plugin tạo trang WordPress cho phép bạn dễ dàng tạo bố cục WordPress tùy chỉnh của riêng mình mà không cần bất kỳ kỹ năng viết mã nào.

Nó có giao diện người dùng trực quan cho phép bạn tạo các bố cục tùy chỉnh với bản xem trước thời gian thực. Nó đi kèm với nhiều mô-đun làm sẵn cho tất cả các loại yếu tố thiết kế web.

Nó cung cấp một số mẫu trang được thiết kế chuyên nghiệp mà bạn có thể tải và sử dụng ngay lập tức như một điểm khởi đầu. Điều đó nói rằng, chúng ta hãy xem cách tạo bố cục WordPress tùy chỉnh bằng plugin WordPress Elementor.

Bắt đầu với Elementor

Trước tiên, bạn sẽ cần mua plugin " Elementor Pro ". Đây là phiên bản trả phí của plugin " Elementor Miễn phí cho phép bạn truy cập vào các tính năng bổ sung và hỗ trợ khách hàng của 1.

Sau đó, bạn sẽ phải cài đặt và kích hoạt plugin Elementor. Để biết thêm chi tiết, xem hướng dẫn từng bước của chúng tôi trên cách cài đặt một plugin WordPress.

Sau khi kích hoạt, hãy truy cập " Elementor> Cài đặt Để cấu hình hoạt động của plugin này.

Phần tử

Tại đây bạn có thể kích hoạt "Elementor" cho các loại ấn phẩm khác nhau. Theo mặc định, nó được kích hoạt cho các bài viết và trang WordPress của bạn. Nếu bạn có các định dạng xuất bản tùy chỉnh trên trang web của mình, chúng cũng sẽ xuất hiện ở đây và bạn cũng có thể bật chúng.

Bạn sẽ có thể loại trừ hoặc bao gồm các vai trò người dùng có thể sử dụng Elementor trong khi viết bài đăng hoặc trang. Theo mặc định, nó chỉ được bật cho quản trị viên.

Khám phá của chúng tôi Các plugin 8 WordPress để quản lý vai trò và người dùng

Đừng quên nhấp vào nút « Lưu thay đổi Để lưu các thiết lập của bạn.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Tạo bố cục tùy chỉnh với Elementor

Đầu tiên, bạn cần tạo một trang (hoặc bài đăng) mới trên trang web WordPress của mình. Trên trang chỉnh sửa bài đăng, bạn sẽ thấy nút "Edit With Elementor" mới.

Chỉnh sửa bằng elementor

Nhấp vào nó sẽ khởi chạy giao diện người dùng Elementor nơi bạn có thể chỉnh sửa trang của mình bằng trình tạo trang trực quan với chức năng kéo và thả.

Kéo và thả phần tử

Bây giờ bạn có thể thêm các phần và tạo trang của mình từ đầu hoặc bạn vẫn có thể tải một trong các mẫu vận chuyển mặc định.

Mô hình là một cách nhanh hơn để bắt đầu nhanh chóng. Do đó, Elementor cung cấp một số mẫu được thiết kế chuyên nghiệp mà bạn có thể tùy chỉnh bao nhiêu tùy ý.

Hãy bắt đầu với một mẫu bằng cách nhấp vào nút " Thêm một mẫu '.

Điều này sẽ hiển thị một cửa sổ bật lên nơi bạn có thể thấy các mô hình khác nhau có sẵn. Bạn nên tìm kiếm một mô hình trông giống như những gì bạn muốn. 

Layout elemntor plugin

Bây giờ bấm vào để chọn mô hình bạn muốn, sau đó bấm vào nút chèn Để thêm nó vào trang của bạn.

Elementor sẽ tải mẫu cho bạn.

Bây giờ bạn có thể bắt đầu sửa đổi mẫu cho phù hợp với nhu cầu của mình. Chỉ cần trỏ và nhấp vào bất kỳ phần tử nào để chọn phần tử đó và Elementor sẽ hiển thị cho bạn cài đặt của phần tử đó ở cột bên trái.

Bắt đầu chỉnh sửa trang trên phần tử

Bây giờ hãy nói về cách bố trí của Elementor.

Các mô hình được cung cấp bởi plugin Elementor được xây dựng trên các phần, cột và widget. Các phần giống như các dòng hoặc khối mà bạn đặt trên trang của bạn.

Mỗi phần có thể có nhiều cột và mỗi phần và cột có thể có kiểu, màu sắc, nội dung riêng, v.v.

Chỉnh sửa trang bằng elementor

Bạn có tùy chọn thêm các phần tử vào các cột và phần của mình bằng các tiện ích mà Elementor cung cấp.

Các widget này là các loại khối nội dung mà bạn có thể đặt trong các phần của trang của mình.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Chỉ cần chọn một tiện ích và thả nó vào phần hoặc cột của bạn. Có một bộ rất lớn các widget có sẵn bao gồm mọi yếu tố thiết kế web phổ biến mà bạn có thể tưởng tượng.

Yếu tố e thiết kế với elementor

Bạn có thể thêm hình ảnh, văn bản, chủ đề, thư viện hình ảnh, video, bản đồ, biểu tượng, lời chứng thực, thanh trượt, băng chuyền và hơn thế nữa.

Xem thêm Các chủ đề và mẫu của 15 Elementor để tạo một trang web

Bạn cũng có thể thêm các widget WordPress mặc định và thậm chí các widget được tạo bởi các plugin WordPress khác vào trang web của mình.

Khi bạn đã hoàn thành việc tạo riêng hoặc sửa đổi bố cục của mình, bạn có thể nhấp vào nút " Enregistrer Để giữ những thay đổi của bạn.

Tùy chỉnh bố cục với elementor

Remarque: Lưu bố cục sẽ không xuất bản trang lên trang web WordPress của bạn. Nó chỉ đơn giản là sẽ lưu bố cục của bạn.

Tại thời điểm này, bạn có tùy chọn để xem trước trang của mình hoặc truy cập trang tổng quan WordPress. Điều này sẽ đưa bạn trở lại trình chỉnh sửa bài đăng mặc định của WordPress. Bây giờ bạn có thể lưu trang WordPress của mình hoặc xuất bản nó lên trang web của bạn.

Xuất bản bố cục với phần tử

Vậy là đã hoàn thành việc tạo trang bằng plugin WordPress Elementor.

Nhưng giống như nhiều người xây dựng trang, nó cũng cung cấp các tiện ích mở rộng điều này sẽ cho phép bạn dễ dàng và nhanh chóng tạo các bố cục mới bằng cách đưa nhiều yếu tố thiết kế hơn vào plugin mặc định.

Tải xuống Elementor

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. JetElements 

Plugin này sẽ nâng cao gói Elementor của bạn với nhiều mô-đun khác nhau, sẽ cực kỳ hữu ích khi xây dựng trang web của bạn. Các yếu tố mạnh mẽ đã được tạo ra đặc biệt để tích hợp với chức năng của Elementor để cuối cùng cung cấp cho bạn các giải pháp linh hoạt và các yếu tố trang nhã.

Elementor wordpress plugin jetelement

Các tính năng chính của nó là: nhiều mô-đun hữu ích, chứa nhiều tùy chọn kiểu dáng, tham số chức năng và các yếu tố hoàn toàn có thể tùy chỉnh, các yếu tố đáng kinh ngạc để nhanh chóng khởi chạy cửa hàng trực tuyến của bạn, hỗ trợ các ngôn ngữ RTL, Hỗ trợ plugin WPML và một mô-đun Liên hệ Mẫu 7 tuyệt vời, cho phép bạn thêm các biểu mẫu liên hệ và nhúng chúng vào trang web của bạn.

Tải về | Bản demo | Web hosting

2. JetMenu 

JetMothy là một phần mở rộng rất chức năng plugin Elementor, cho phép bạn tạo megamenus với các yếu tố cuộn dễ sử dụng. Plugin này không giới hạn trí tưởng tượng của bạn và có khả năng tạo ra các menu tuyệt vời và tân trang chúng theo tầm nhìn và nhu cầu của bạn.

Trình cắm phần tử Jetmenu wordpress

Các tính năng chính của nó là: Không yêu cầu kiến ​​thức mã hóa, tính năng phong phú kết hợp hoàn hảo với sự đơn giản và rõ ràng, một lựa chọn lớn các mô-đun nội dung, được phát triển đặc biệt để giúp bạn tạo các menu của mình, bố cục có độ phản hồi cao và hơn thế nữa.

Nếu bạn muốn thêm gia vị cho các menu hoặc megamenus của trang web của mình, plugin WordPress này là để tham khảo.

Tải về | Bản demo | Web hosting

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

3. JetWooBuilder 

JetWooBuilder là một addon bắt buộc cho phép bạn tạo các trang sản phẩm WooC Commerce chính thức với Elementor.

Jetwoobuilder wordpress elementor plugin

Như các tính năng bạn sẽ tìm thấy trong số những người khác: một số mẫu trang sản phẩm độc đáo, nhiều hình ảnh để tạo các trang sản phẩm WooCommercenhiều widget nội dung bắt mắt, chẳng hạn như Thêm vào giỏ hàng, Xem trước, Hình ảnh, Xếp hạng, Liên quan và nhiều tiện ích khác, khả năng hiển thị phân loại sản phẩm và nhiều hơn nữa.

Tải về | Bản demo | Web hosting

Một số tài nguyên hữu ích:

Kết luận:

Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn tạo bố cục hiện đại và chuyên nghiệp với plugin Elementor.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, 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.

Đặc biệt chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...

Bài viết này chứa comments 24

  1. Xin chào Thierry!

    Rất cám ơn cho bài viết tuyệt vời này.
    Tôi sử dụng ELEMENTOR PRO và tôi đã tạo một trang mà tôi đã tải xuống qua ELEMENTOR một bố cục đã được tạo sẵn. Tuy nhiên, tôi không hiểu, nó được tìm thấy trong TẤT CẢ trang web của tôi ... tất cả kiến ​​trúc web của tôi đã thay đổi và đó là bố cục này mà tôi tìm thấy trong tất cả các trang của trang web của mình. Mặt khác, bố cục cũ vẫn chưa bị xóa nhưng được tìm thấy ở cuối trang. Khi tôi nhấp vào “CHỈNH SỬA bằng ELEMENTOR”, tôi không thể xóa nó… bất kỳ ý tưởng nào nó đến từ đâu?
    Xin chân thành cảm ơn!

  2. Xin chào Thierry
    Từ tận đáy lòng tôi cảm ơn bạn rất nhiều về bài viết. Bây giờ tôi có một mối quan tâm đã làm phiền tôi trong một vài ngày, tôi mới sử dụng wordpress và tôi sử dụng Ocean WP làm chủ đề và sau đó tôi đã cài đặt elementor dưới dạng phiên bản miễn phí vì vậy với phiên bản miễn phí này tôi đã bắt đầu bằng cách tạo các trang của mình và điều đó tốt nhưng vấn đề nảy sinh với tôi là khi tôi xuất bản trang của mình hoặc bài báo khi tôi có nó, các chữ cái viết hoa không xuất hiện sau một điểm hoặc ở đầu câu của tôi có cần thiết không cài đặt về kiểu chữ hoặc họ phông chữ được chọn ngắn gọn để giúp tôi hiểu rõ hơn đâu là phiên bản miễn phí không có chữ in hoa sau dấu chấm. Cảm ơn vì đã hiểu.

    1. Bonjour,

      Tôi khuyên bạn nên liên hệ với bộ phận hỗ trợ plugin Elementor trên trang WordPress.org của nó. Bạn chắc chắn sẽ tìm thấy một câu trả lời từ các tác giả.

  3. Xin chào, bạn có thể sử dụng Elementor để thay đổi trang bắt đầu không? Nếu có thì ở đâu? Tôi có thể tạo một hình thức liên lạc bằng cách sử dụng plugin này? 🙂

  4. Xin chào
    Tôi đã tạo trang chủ của mình thông qua tab tùy chỉnh của giao diện wordpress. Tại sao tôi không tìm thấy điều tương tự trong nguyên tố? trên phần tử, thanh menu của tôi không ở cùng một chỗ và tôi không có logo của mình xuất hiện! Tôi thích cái trên wordpress nhưng khi tôi hình dung trang web của tôi là trang chủ của phần tử xuất hiện! Bạn có thể cho tôi biết làm thế nào để làm điều đó?
    Cảm ơn bạn

  5. Bonjour,
    Tôi gặp sự cố Trong một vài tháng, tôi đã không cập nhật trang web của mình nơi tôi sử dụng phần tử này; hôm nay tôi đã cố gắng làm điều đó nhưng tôi gặp sự cố, hầu hết các phần hiển thị cho tôi một hộp bị gạch chéo với từ TẮT PHẦN và tôi không thể làm gì được. Tôi chỉ có thể chỉnh sửa một phần của trang, phần mà tôi có văn bản.
    Bạn có biết những gì nó có thể làm việc?

  6. xin chào, bạn chỉnh sửa mẫu lưu trữ trong elementor pro bằng cách nào và ở đâu? Tôi không thể chèn nội dung vào cột bên blog

  7. Bonjour,
    Tôi đang học cách xây dựng một trang web bằng WordPress, Elementor là một plugin tuyệt vời, nó giúp ích rất nhiều, tôi khám phá ra một điều mới.
    Ngoài ra vấn đề;) Tôi thường đối phó với các giải pháp. Không phải bây giờ.

    Tôi gặp sự cố với việc soạn thảo văn bản. Cả đoạn văn và tiêu đề đều cứng nhắc và tôi không thể thay đổi phông chữ, màu sắc, độ đậm nhạt, v.v. Bất chấp những thay đổi trong cài đặt, không có gì thay đổi. Đó không phải là vấn đề về mẫu, vì nó có kiểu chữ và bảng màu khác với những gì Elementor mang lại cho tôi.
    Tôi không biết làm thế nào để thay đổi tham số mẫu này đã xảy ra với tôi ngay cả với tiêu đề 1, nhưng tôi đã thay đổi nó bằng cách nhập mã html vào tiêu đề và được trợ giúp, bây giờ nó không hoạt động.

    Điều này sẽ thay đổi như thế nào? - xin vui lòng giúp đỡ.

    1. Bonjour,

      Hãy thử tắt tất cả các plugin WordPress và thử lại. Nếu vấn đề của bạn được giải quyết khi tất cả chúng bị tắt, hãy bắt đầu bằng cách kích hoạt từng cái một, sau đó kiểm tra từng lần.

      Nếu đó là vấn đề tương thích với một plugin khác, bạn sẽ biết cái nào.

  8. Bonsoir.
    Tôi đã thêm một bức ảnh trên trang web (Trang Đích) và tôi đang cố gắng thay đổi một bức ảnh khác mà tôi không thể… xóa nhiều lần và tôi đặt ảnh mới nhưng nó không tải… ảnh cũ vẫn còn…
    Bạn có thể giúp tôi được không?

  9. Xin chào và cảm ơn bạn vì bài viết này xác nhận sự lựa chọn của tôi về Elementor làm trình tạo trang của tôi. ^^

    Mặt khác, bạn nghĩ gì về việc tạo trang con trước khi sửa đổi. Điều này có cần thiết với Elementor không?

    Tôi sợ rằng tất cả các thay đổi được thực hiện sẽ bị ghi đè khi cập nhật chủ đề? Không có rủi ro?

    Cảm ơn bạn đã trả lời,
    Biên à vous,
    Nicolas

  10. Xin chào và cảm ơn bạn vì bài viết rất thú vị này.
    Tôi bắt đầu sử dụng Elementor và tự hỏi liệu có cần bất kỳ nhu cầu nào trước khi tôi tiến hành tạo một chủ đề con của chủ đề tôi đang sử dụng hay không. Nếu không, không có rủi ro rằng tất cả các bản cập nhật của chủ đề hoặc plugin sẽ ghi đè lên bố cục được xây dựng bằng Elementor?
    Cám ơn bạn đã quay trở lại,

  11. Bonjour,

    Tôi muốn biết cách lấy mã PHP của tiện ích mở rộng ELEMENTOR để tích hợp nó vào trang chủ của tôi?

    Cảm ơn bạn đã chú ý đến yêu cầu của tôi.

  12. Bonjour,

    bài rất thú vị.
    Tôi có một câu hỏi cho phần tử chuyên nghiệp mà bạn.
    Có thể thêm phương thức = "POST" vào các biểu mẫu đã tạo không?

    Jeanson

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang