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

Cách sử dụng plugin Divi Builder trên WordPress

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ị]

Divi chắc chắn là một trong những chủ đề WordPress phổ biến nhất hiện nay. Một trong những yếu tố cấu thành sức mạnh của chủ đề này là trình tạo của nó (Trình tạo Divi), nhắc nhở chúng ta rất nhiều về Trực quan Composer.

Divi Builder có hai dạng: tiêu chuẩn "Back-end Builder" và "Visual Builder". Cả hai giao diện đều cho phép bạn xây dựng chính xác cùng một loại trang web với cùng các yếu tố nội dung và thông số thiết kế. Sự khác biệt duy nhất là giao diện. Trình xây dựng back-end tồn tại bên trong bảng điều khiển WordPress và có thể truy cập được với tất cả các cài đặt WordPress chuẩn khác.

Nó nằm trong giao diện người dùng WordPress và thay thế trình chỉnh sửa thư tiêu chuẩn WordPress. Thật tuyệt khi thực hiện các thay đổi nhanh chóng khi bạn ở trong bảng điều khiển, nhưng nó cũng bị giới hạn bởi bảng điều khiển và được hiển thị dưới dạng đại diện cho trang web khối của bạn. Hướng dẫn này sẽ chỉ tập trung vào các nhà xây dựng trực quan.

Tải xuống DIVI WordPress Theme

divi builder.jpeg

Trình tạo hình ảnh hoàn toàn mới, mặt khác, cho phép bạn xây dựng các trang của mình trên giao diện người dùng của trang web! Đó là một trải nghiệm tuyệt vời và cho phép thiết kế nhanh hơn nhiều. Khi bạn thêm nội dung hoặc điều chỉnh các thông số thiết kế bên trong trình tạo hình ảnh, các thay đổi của bạn sẽ xuất hiện ngay lập tức.

Bạn có thể nhấp vào trang và bắt đầu nhập. Bạn có thể đánh dấu văn bản và điều chỉnh phông chữ và kiểu của nó. Bạn có thể thêm nội dung mới, xây dựng trang của bạn và xem mọi thứ đang diễn ra trước mắt bạn.

sử dụng of-visual-builder.jpg

Cách bật Trình tạo hình ảnh

Khi bạn đăng nhập vào bảng điều khiển WordPress của mình, bạn có thể điều hướng đến bất kỳ trang nào ở phía trước trang web của mình và nhấp vào nút "Bật Trình tạo hình ảnh" trong thanh quản trị WordPress để khởi chạy trình tạo thị giác.

cách bật visualer.jpeg trực quan

Nếu bạn chỉnh sửa trang của mình trên trang tổng quan, bạn có thể chuyển sang Trình tạo hình ảnh bằng cách nhấp vào nút "Bật Trình tạo hình ảnh" ở đầu giao diện đầu cuối Divi Builder (lưu ý rằng trước tiên bạn phải kích hoạt Divi Builder trước khi nút Visual Builder xuất hiệ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ả giá đắt cho những gì bạn có thể tự làm. [Miễn phí]

sử dụng trình tạo hình ảnh Divi.jpeg

Những điều cơ bản của Visual Builder

Sức mạnh của Divi nằm trong Visual Builder, một trình xây dựng trang hoạt động với "Kéo và thả", cho phép bạn xây dựng bất kỳ loại trang web nào bằng cách kết hợp và sắp xếp các yếu tố nội dung.

Trình tạo sử dụng ba khối xây dựng chính: phần, hàng và mô-đun. Sử dụng chúng trong unison cho phép bạn tạo ra vô số bố trí. Các phần là khối xây dựng lớn nhất và chúng chứa các nhóm hàng. Các hàng nằm bên trong các phần và được sử dụng để chứa các mô-đun. Các mô-đun được đặt bên trong các hàng. Đây là cấu trúc của mỗi trang web Divi.

Mục

Các khối xây dựng cơ bản và lớn nhất được sử dụng trong thiết kế bố trí với Divi là các phần. Chúng được sử dụng để tạo các nhóm nội dung lớn và đây là điều đầu tiên bạn thêm vào trang của mình. Có ba loại phần: Regular, Specialty và Full Width.

Các phần thông thường bao gồm các hàng cột trong khi các phần có chiều rộng đầy đủ bao gồm các mô-đun chiều rộng đầy đủ mở rộng toàn bộ chiều rộng của màn hình. Phần đặc biệt cho phép bố trí bên nâng cao hơn.

hàng

Các hàng nằm bên trong các phần và bạn có thể đặt bất kỳ số hàng nào bên trong một phần. Có nhiều loại cột khác nhau để bạn lựa chọn. Khi bạn đã xác định cấu trúc cột cho hàng của mình, bạn có thể đặt mô-đun vào cột mong muốn. Không có giới hạn về số lượng mô-đun bạn có thể đặt trong một cột.

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

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

Modules

Mô-đun là các yếu tố nội dung tạo nên trang web của bạn. Mỗi mô-đun Divi có thể thích ứng với bất kỳ chiều rộng cột nào và chúng đều hoàn toàn đáp ứng.

Xây dựng trang đầu tiên của bạn

Ba khối xây dựng cơ bản (phần, đường và mô-đun) được sử dụng để xây dựng trang của bạn.

xây dựng trang Divi.jpg

Thêm phần đầu tiên của bạn

Trước khi bạn có thể thêm bất kỳ thứ gì vào trang của mình, trước tiên bạn cần phải thêm một phần. Bạn có thể thêm các phần bằng cách nhấp vào nút màu xanh lam (+). Khi bạn di chuột qua một phần đã tồn tại trên trang, nút màu xanh dương (+) sẽ xuất hiện bên dưới phần đó. Khi bạn nhấp vào, một phần mới sẽ được thêm vào phần mà bạn hiện đang bay.

Nếu bạn bắt đầu một trang mới, phần đầu tiên của bạn sẽ được thêm tự động.

danh sách các phần divi.jpg

Thêm dòng đầu tiên của bạn

Sau khi thêm phần đầu tiên của bạn, bạn có thể bắt đầu thêm hàng cột bên trong. Một phần có thể chứa bất kỳ số dòng nào và bạn có thể trộn và đối sánh các hàng của các loại cột khác nhau để tạo nhiều bố cục khác nhau.

Để thêm hàng, hãy nhấp vào nút màu xanh lá cây (+) bên trong một phần trống hoặc nhấp vào nút màu xanh lá cây (+) xuất hiện khi di chuột qua hàng hiện tại để thêm hàng mới bên dưới. Khi bạn nhấp vào nút màu xanh lá cây (+), bạn sẽ được chào đón bằng danh sách các loại cột. Chọn cột bạn chọn và bạn đã sẵn sàng để thêm mô-đun đầu tiên của mình.

cách chèn hàng Divi.jpeg

Thêm mô-đun đầu tiên của bạn

Các mô-đun có thể được thêm vào bên trong các hàng và mỗi hàng có thể chứa bất kỳ số lượng mô-đun nào. Mô-đun là các yếu tố nội dung của trang của bạn, và Divi đi kèm với hơn 40 các yếu tố khác nhau mà bạn có thể sử dụng để xây dựng.

Bạn có thể sử dụng các mô-đun cơ bản như Văn bản, Hình ảnh và Nút hoặc các mô-đun nâng cao hơn như Thanh trượt, Danh mục thư viện và Cửa hàng thương mại điện tử.

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

Tải xuống WooC Commerce miễn phí, 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. [Khuyến nghị]

Để thêm mô-đun, hãy nhấp vào nút (+) màu xám tồn tại bên trong cột trống hoặc nhấp vào nút (+) màu xám tồn tại khi bạn di chuột qua mô-đun trên trang để thêm mô-đun mới bên dưới . Khi bạn nhấp vào nút, bạn sẽ được chào đón bằng danh sách các mô-đun.

Chọn mô-đun bạn chọn và mô-đun sẽ được thêm vào trang của bạn và bảng điều khiển của mô-đun sẽ xuất hiện. Sử dụng bảng điều khiển này, bạn có thể bắt đầu định cấu hình mô-đun của mình.

chèn một mô-đun DIVI.jpeg

Đó là nó cho hướng dẫn này. Với những gì bạn đã học được ngày hôm nay, bạn sẽ có thể tạo một layout với Divi. Chúng tôi sẽ quay trở lại với các hướng dẫn nâng cao về chủ đề này. Bạn đã có thể tải xuống chủ đề Divi.

Hướng dẫn Divi khác

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

Để 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 chỉ định bằng *

Trang web này sử dụng Akismet để giảm thư rác. Tìm hiểu thêm về cách sử dụng dữ liệu phản hồi của bạn.

Trở lại đầu trang
7 cổ phiếu
cổ phiếu
tweet2
Enregistrer5