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 600.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?

Đó 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 bạn mà không cần bất kỳ kỹ năng mã hóa nào.

Nó có giao diện người dùng trực quan cho phép bạn tạo bố cục tùy chỉnh với chế độ xem trước theo thời gian thực. Nó đi kèm với nhiều mô-đun sẵn sàng sử dụng 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 làm điểm bắt đầu. Điều đó nói rằng, hãy xem cách tạo bố cục WordPress tùy chỉnh với plugin WordPress Elementor.

Bắt đầu với Elementor

Đầu 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 plugin WordPress.

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

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 có thể loại trừ hoặc bao gồm các vai trò người dùng có thể sử dụng Elementor khi viết bài hoặc trang. Theo mặc định, nó chỉ được kích hoạ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 mới (hoặc bài đăng) trên trang web WordPress của bạn. Trên trang ấn phẩm, bạn sẽ nhận thấy nút "Chỉnh sửa với phần tử" mới.

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 với chức năng kéo và thả.

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.

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 chỉnh sửa mẫu cho phù hợp với nhu cầu của bạn. Chỉ cần chỉ và nhấp vào bất kỳ mục nào để chọn nó và Elementor sẽ hiển thị cho bạn các cài đặt của nó ở cột bên trái.

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 dáng, màu sắc, nội dung riêng, v.v.

Bạn có thể thêm các mục vào cột và phần của mình bằng cách sử dụng widget Elementor.

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]

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.

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

Bạn có thể thêm hình ảnh, văn bản, chủ đề, phòng trưng bày hình ảnh, video, bản đồ, biểu tượng, lời chứng thực, thanh trượt, băng chuyền và nhiều hơn 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 trên trang web của bạn.

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.

Remarque: Lưu bố cục sẽ không xuất bản trang trên trang web WordPress của bạn. Nó chỉ đơn giản 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 bảng điều khiển WordPress. Điều này sẽ đưa bạn trở lại nhà xuất bản mặc định của WordPress. Bây giờ bạn có thể lưu trang WordPress của bạn hoặc xuất bản nó trên trang web của bạn.

Thế là xong, tạo xong một trang với Elementor plugin WordPress.

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 đó sẽ cho phép bạn dễ dàng và nhanh chóng tạo bố cục mới bằng cách thêm nhiều yếu tố thiết kế 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ẽ tăng cường 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ào các chức năng của Elementor và 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ố thanh lịch.

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 thật tuyệt vời, cho phép bạn thêm các hình thức liên lạc của bạn và tích hợp 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.

Các tính năng chính của nó là: Không cần kiến ​​thức về mã hóa, từ 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.

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 yếu tố trực quan để tạo các trang sản phẩm WooCommerce, nhiều tiện ích nội dung hấp dẫn, như Thêm vào giỏ hàng, Xem trước, Hình ảnh, Ký hiệu, Liên quan và nhiều tiện ích khác, khả năng xem 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 cảm ơn bạn rất nhiều cho 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 ngày. Tôi bắt đầu với wordpress và tôi sử dụng Ocean WP làm chủ đề và sau đó tôi đã cài đặt phần tử trong 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 tôi hoặc bài viết một khi có chữ in hoa không xuất hiện sau một điểm hoặc ở đầu câu của tôi thì cần thiết Các cài đặt về kiểu chữ hoặc họ phông chữ đã được chọn một cách 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ó vốn sau một điểm. Cảm ơn bạn đã 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 có một vấn đề Trong những tháng gần đây, tôi đã không cập nhật trang web của mình mà tôi sử dụng yếu tố này; hôm nay tôi đã cố gắng để làm điều đó nhưng tôi có một vấn đề, hầu hết các phần cho tôi thấy một hộp có chữ TẮT PHẦN và tôi không thể làm gì. 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, làm thế nào và ở đâu để bạn chỉnh sửa một mẫu lưu trữ trong Elementor pro? Tôi không thể chèn nội dung vào cột bên của blog

  7. Bonjour,
    Tôi học cách xây dựng một trang web với WordPress, Elementor là một plugin tuyệt vời, nó cho phép rất nhiều, tôi khám phá một cái gì đó 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 vấn đề với chỉnh sửa văn bản. Đ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, độ dày, v.v. Mặc dù những thay đổi trong cài đặt, không có gì thay đổi. Đây không phải là một vấn đề về mẫu bởi vì phông chữ và bảng phối màu của nó khác với các phần tử của Elementor.
    Tôi không biết làm thế nào để thay đổi thông số mẫu này xảy ra với tôi cùng 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à đã 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à một 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 hình ảnh trên trang web (Trang Đích) và tôi đã cố thay đổi một trang khác mà tôi không thể ... xoá nhiều lần và tôi đã đặt ảnh mới nhưng không tải ... ảnh cũ vẫn còn ...
    Bạn có thể giúp tôi không?

  9. Xin chào và cảm ơn bạn vì bài viết này đã củng cố cho tôi trong việc lựa chọn Elementor làm người xây dựng trang. ^^

    Mặt khác, bạn nghĩ gì về việc tạo ra một trang web trẻ em trước khi sửa đổi? Có cần thiết với Elementor không?

    Nỗi sợ của tôi là tất cả các thay đổi được thực hiện đều bị ghi đè khi cập nhật chủ đề? Có nguy cơ không?

    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 nếu nó không cần thiết trước khi tiếp tục tạo ra một chủ đề con của một trong những tôi sử dụng. Nếu không, không có nguy cơ chủ đề hoặc maJ cắm trình cắm thêm sẽ ghi đè bố cục dựng sẵn với Elementor không?
    Cám ơn bạn đã quay trở lại,

  11. Bonjour,

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

    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 các yếu tố chuyên nghiệp mà bạn đang có.
    Có thể thêm vào các biểu mẫu đã tạo, phương thức = "POST" không?

    Jeanson

  13. rất tốt bài viết, gan muốn hỏi, khi tôi bắt đầu đi đến các yếu tố, hoặc tại sao nó có vẻ như có một tiêu đề và footernya, làm thế nào để nhìn trống

Để 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
23 cổ phiếu
cổ phiếu18
tweet
Enregistrer5