Cách tạo trang web WordPress bằng Elementor: Hướng dẫn cơ bản

Một trang web được thiết kế đẹp mắt có thể tạo ra ấn tượng ban đầu tuyệt vời. Tuy nhiên, việc xây dựng một trang hàng đầu không phải lúc nào cũng dễ dàng – đặc biệt nếu bạn chưa có kinh nghiệm thiết kế hoặc phát triển trước đó.

Đó là nơi mà trình tạo trang web WordPress Elementor xuất hiện. Bằng cách chọn plugin hiện đại, thân thiện với người dùng này, bạn có thể tạo một trang web tuyệt đẹp mà không cần viết một dòng mã nào.

Bài đăng này sẽ bao gồm mọi thứ bạn cần biết về trình tạo trang WordPress cực kỳ phổ biến này. Sau đó, chúng tôi sẽ hướng dẫn bạn cách điều hướng một số tác vụ cần thiết nhất của Elementor, chẳng hạn như tạo bố cục, trang và thậm chí cả các mẫu Elementor tùy chỉnh. Bắt đầu nào!

Giới thiệu về WordPress Elementor

Trong những ngày đầu của Internet, việc tạo ra một trang web đòi hỏi kỹ năng thiết kế và phát triển web nâng cao hoặc tiếp cận với một nhóm chuyên gia. Điều này có nghĩa là việc xây dựng một trang web tốn nhiều thời gian, thường gây khó chịu và có thể tốn kém.

Nhờ các trình tạo trang hiện đại, giờ đây bạn có thể tạo một trang web được thiết kế chuyên nghiệp, có hiệu suất cao mà không cần các kỹ năng chuyên môn. Khi trang web của bạn bắt đầu và đang chạy, bạn có thể nhanh chóng và dễ dàng thêm nội dung hoặc thay đổi bố cục bất kỳ lúc nào, ngay cả khi bạn không phải là lập trình viên.

Có nhiều trình tạo trang WordPress khác nhau, nhưng với hơn năm triệu lượt cài đặt đang hoạt động, plugin Elementor là một trong những plugin phổ biến nhất. Elementor cho phép bạn tạo mọi thứ từ toàn bộ trang web đến các trang đích đơn lẻ thông qua trình chỉnh sửa kéo và thả trực quan.

Với Elementor, bạn có thể kiểm soát tất cả các khía cạnh của thiết kế trang web của mình bằng cách sử dụng một nền tảng duy nhất. Bằng cách đó, trang web của bạn có thể phản ánh hoàn hảo thương hiệu của bạn.

Trình chỉnh sửa trực quan, không chứa mã của Elementor đặc biệt phổ biến đối với các chủ sở hữu trang web không có kinh nghiệm thiết kế và phát triển. Nó cũng rất phù hợp cho các doanh nhân và doanh nghiệp nhỏ có ý tưởng kinh doanh trực tuyến nhưng không nhất thiết phải có đủ tiền để thuê một nhóm thiết kế hoặc phát triển chuyên dụng.

Ngay cả khi bạn là một chuyên gia có kinh nghiệm, có rất nhiều lý do để sử dụng Elementor. Chỉ vì bạn có kỹ năng viết mã không có nghĩa là bạn luôn tạo ra mọi thứ từ đầu là điều khôn ngoan.

Elementor có nhiều tính năng để giúp bạn xây dựng các trang web đoạt giải thưởng trong thời gian ngắn hơn. Điều này bao gồm hơn 90 widget làm sẵn và các mẫu web được thiết kế chuyên nghiệp.

Bằng cách này, Elementor có thể tăng năng suất và lợi nhuận của bạn. Các tính năng tiết kiệm thời gian này có thể tỏ ra đặc biệt sinh lợi nếu bạn thường xuyên xây dựng các trang web WordPress (tức là dành cho các nhà phát triển tự do và các đại lý WordPress).

Elementor Free vs Elementor Pro

Elementor là phần mềm “freemium”. Bạn có thể tải xuống miễn phí plugin lõi Elementor hoặc mua giấy phép Elementor Pro.

Plugin WordPress miễn phí đi kèm với mọi thứ bạn cần để xây dựng các trang bán hàng, danh sách sản phẩm, trang web doanh nghiệp và hơn thế nữa. Nó bao gồm hơn 40 widget, 100 mẫu và hơn 300 khối. Các khối là các mẫu phần được thiết kế sẵn mà bạn có thể trộn và kết hợp để tạo ra các thiết kế độc đáo.

Nếu bạn muốn có thêm chức năng nâng cao, bạn có thể mua Elementor Pro. Điều này mở khóa một số tiện ích bổ sung, cùng với Trình tạo chủ đề của Elementor.

Sử dụng Trình tạo chủ đề, bạn có thể chỉnh sửa gần như mọi thành phần của trang web, bao gồm đầu trang và chân trang. Bạn cũng có thể tạo các thiết kế trang lưu trữ và bài đăng tùy chỉnh.

Nếu bạn đang phát triển một cửa hàng trực tuyến, Elementor Pro cũng bao gồm Trình tạo WooCommerce. Bạn có thể sử dụng điều này để tùy chỉnh nội dung WooCommerce trên trang web của mình, bao gồm trang sản phẩm, kho lưu trữ sản phẩm và trang thanh toán. Bạn cũng sẽ có quyền truy cập vào các tiện ích con được thiết kế rõ ràng để tăng chuyển đổi, chẳng hạn như Thêm vào giỏ hàng, Bán thêm và Liên quan đến sản phẩm.

Elementor Pro cũng đi kèm với Trình tạo cửa sổ bật lên và Trình tạo biểu mẫu. Mặc dù có các plugin riêng biệt có thể giúp bạn tạo biểu mẫu và cửa sổ bật lên, bằng cách chọn Elementor, bạn có thể giảm thiểu số lượng plugin cần cài đặt và duy trì.

Sử dụng quá nhiều plugin có thể khiến trang web của bạn dễ bị tin tặc tấn công. Nó thậm chí có thể ảnh hưởng đến hiệu suất trang web của bạn. Vì vậy, cách tốt nhất là giảm thiểu số lượng bạn đã cài đặt. Ngoài ra, vì bạn đang thiết kế tất cả các phần tử của trang web bằng cách sử dụng cùng một nền tảng, bạn sẽ thấy dễ dàng hơn để đạt được giao diện nhất quán.

Giấy phép Elementor Pro bao gồm quyền truy cập vào hơn 60 bộ công cụ trang web chuyên nghiệp. Đây là các gói mẫu, trang, cửa sổ bật lên và các thành phần khác có thể giúp bạn tạo một trang web hoàn chỉnh. Nếu bạn mua giấy phép Chuyên gia hoặc cao hơn, bạn cũng sẽ có quyền truy cập vào 20 bộ công cụ trang web chuyên gia.

Ngoài ra, mọi giấy phép Pro đều bao gồm hỗ trợ cao cấp. Thông thường, bạn sẽ nhận được câu trả lời từ nhóm hỗ trợ chuyên gia của Elementor trong vòng một ngày. Tuy nhiên, nếu bạn chọn Elementor Pro Studio trở lên, bạn sẽ được nâng cấp lên hỗ trợ VIP. Điều này cho phép bạn tham gia vào các cuộc trò chuyện trực tiếp với nhóm Hỗ trợ VIP của Elementor. Bạn cũng sẽ nhận được các phản hồi ưu tiên về vé của mình, thường sẽ đến sau chưa đầy 30 phút.

Nếu bạn là đại lý, nhà phát triển hoặc nhà thiết kế, bạn có thể quan tâm đến hồ sơ Mạng chuyên gia. Ở đó, bạn có thể giới thiệu công việc của mình và thu hút sự chú ý của khách hàng tiềm năng.

Nếu bạn quan tâm đến việc quảng cáo qua Mạng lưới chuyên gia, bạn cũng có thể quan tâm đến giấy phép Chuyên gia, Studio hoặc Đại lý của Elementor Pro. Các giấy phép này cho phép bạn tạo hồ sơ trên thị trường phổ biến này.

Gói Elementor Pro dao động từ $ 49 đến $ 999 mỗi năm. Công ty cũng cung cấp bảo đảm hoàn tiền trong 30 ngày, vì vậy bạn có thể dùng thử trước khi mua.

Cách cài đặt Elementor

Vì đây là một plugin WordPress nên việc cài đặt Elementor rất nhanh chóng và dễ dàng. Bạn có thể tải xuống plugin miễn phí trực tiếp từ bảng điều khiển WordPress của mình.

Để tải xuống phiên bản miễn phí, hãy điều hướng đến Plugin> Add New . Trong trường tìm kiếm, nhập Elementor . Khi plugin xuất hiện, hãy nhấp vào Cài đặt ngay .

Khi được nhắc, hãy nhấp vào Kích hoạt . Plugin sẽ thêm tùy chọn Elemento r vào thanh bên WordPress của bạn.

Bây giờ bạn đã sẵn sàng để bắt đầu sử dụng Elementor! Để bắt đầu, chỉ cần nhấp vào tùy chọn Elementor trong thanh bên.

Ngoài ra, bạn có thể tải xuống plugin Elementor trực tiếp từ kho lưu trữ WordPress. Sau đó, đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến Plugin> Thêm mới> Tải lên plugin . Sau đó, bạn có thể nhấp vào Chọn tệp và chọn tệp .zip Elementor mà bạn vừa tải xuống.

Cách kết nối Elementor Pro với WordPress

Có hai cách để kết nối Elementor Pro với WordPress. Nếu bạn chưa mua giấy phép Elementor Pro, bạn cần truy cập trang web chính thức và chọn Bắt đầu .

Sau đó, bạn có thể làm theo hướng dẫn trên màn hình để tạo tài khoản Elementor. Khi được nhắc, hãy nhập một số thông tin về loại trang web bạn muốn tạo.

Tiếp theo, chọn gói bạn muốn mua. Vì Elementor yêu cầu một trang web WordPress đang hoạt động, bạn sẽ cần nhập tên miền của trang web của mình. Elementor sau đó sẽ thực hiện kiểm tra để xác minh rằng trang web của bạn đang sử dụng nền tảng WordPress.

Giả sử rằng bạn có một trang web WordPress đang hoạt động, bước tiếp theo là nhấp vào Install Elementor . Bạn sẽ tự động được chuyển hướng đến trang plugin Elementor nếu bạn hiện đang đăng nhập vào trang web của mình.

Khi được nhắc, hãy nhấp vào Cài đặt ngay bây giờ> Kích hoạt . Elementor sau đó sẽ thêm plugin trình tạo trang vào trang web của bạn.

Ngoài ra, nếu bạn đã mua giấy phép Elementor Pro, hãy truy cập trang web chính thức và đăng nhập bằng thông tin chi tiết bạn nhận được trong email xác nhận của mình.

Trong tài khoản Elementor của bạn, hãy chọn Đăng ký từ menu bên trái. Sau đó, bạn có thể nhấp vào Tải xuống Zip.

Tiếp theo, đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến Plugin> Add New . Sau đó, bạn có thể tải lên tệp .zip Elementor Pro mà bạn vừa tải xuống.

Sau khi cài đặt và kích hoạt Elementor Pro, WordPress sẽ nhắc bạn nhập khóa cấp phép của mình. Ngoài ra, bạn có thể điều hướng đến Elementor> License> Connect & Activate .

WordPress sẽ tự động xác minh giấy phép của bạn nếu bạn hiện đã đăng nhập vào tài khoản Elementor của mình. Nếu bạn không, hãy nhập tên người dùng và mật khẩu Elementor của bạn khi được nhắc kích hoạt giấy phép của bạn.

Sử dụng Elementor: 4 nhiệm vụ cần thiết để thành thạo

Với Elementor, bạn có thể thiết kế các trang web độc đáo mà không cần kỹ năng thiết kế hoặc phát triển đặc biệt. Tuy nhiên, nó sẽ giúp bạn làm quen với các nguyên tắc cơ bản trước khi xây dựng một trang web hoàn chỉnh. Dưới đây là phần giới thiệu nhanh về quy trình làm việc Elementor có lưu ý đến điều đó.

1. Khởi chạy Trình tạo trang phần tử

Để thiết kế một trang hoặc bài đăng mới trong trình tạo trang Elementor, hãy điều hướng đến Trang / Bài đăng> Thêm mới . Bạn có thể khởi chạy trình chỉnh sửa Elementor bằng cách nhấp vào Chỉnh sửa bằng Elementor.

Ngoài ra, bạn có thể có một trang hiện có có thể được hưởng lợi từ việc trang điểm. Chỉ cần điều hướng đến trang được đề cập và mở nó để chỉnh sửa trong trường hợp này. Sau đó, bạn có thể nhấp vào nút Edit with Elementor .

Ở bên trái của màn hình, bạn sẽ thấy thanh bên Elementor. Đây là nơi bạn sẽ tìm thấy tất cả các yếu tố bạn có thể thêm vào thiết kế của mình, chẳng hạn như các nút và tiêu đề.

Thanh bên Elementor cũng chứa phần Global Widgets . Nếu bạn định sử dụng lại cùng một tiện ích con trên nhiều thiết kế, bạn có thể muốn lưu nó thành một Tiện ích con toàn cầu. Điều này làm cho phần tử tùy chỉnh của bạn có thể dễ dàng truy cập bất cứ lúc nào. Nó cũng cung cấp một vị trí trung tâm, nơi bạn có thể chỉnh sửa tiện ích con của mình một lần để thực hiện các thay đổi chung. Elementor sau đó sẽ sao chép những thay đổi này trên toàn bộ trang web của bạn.

Ở bên phải là khung xem trước trực tiếp, nơi bạn có thể tạo thiết kế của mình. Elementor sẽ tự động cập nhật để hiển thị các thay đổi của bạn trong thời gian thực khi bạn thực hiện các chỉnh sửa của mình.

2. Thêm Phần, Cột và Tiện ích

Trình chỉnh sửa Elementor cung cấp quyền truy cập vào ba khối xây dựng chính: Phần, Cột và Tiện ích. Chúng tôi đã đề cập đến các vật dụng làm sẵn của Elementor, vì vậy hãy xem cách bạn có thể thêm chúng vào thiết kế của mình.

Thông thường, bạn sẽ bắt đầu bằng cách tạo Phần, bằng cách nhấp vào biểu tượng + trong canvas chính. Elementor sau đó sẽ yêu cầu bạn Chọn cấu trúc của bạn.

Tùy chọn cấu trúc bao gồm một hoặc nhiều Cột. Cuối cùng, bạn sẽ đặt tiện ích con của mình bên trong các Cột này. Chúng đóng một vai trò quan trọng trong việc tạo ra các bố cục có tổ chức hơn.

Sau khi đưa ra quyết định của bạn, Elementor sẽ thêm Phần này vào bố cục của bạn. Để di chuyển Phần này đến một vị trí mới, hãy nhấp vào nó và sau đó lấy tay cầm màu xanh lam chấm chấm xuất hiện.

Để chỉnh sửa một Phần, chỉ cần Control khi nhấp vào nút điều khiển màu xanh lam chấm chấm này. Thao tác này sẽ khởi chạy menu ngữ cảnh, nơi bạn có thể thực hiện các thay đổi đơn giản như sao chép hoặc xóa Phần đã chọn.

Giả sử bạn muốn thực hiện các chỉnh sửa phức tạp hơn, hãy Control-bấm vào nút điều khiển màu xanh lam và chọn Edit Section . Thanh bên Elementor giờ sẽ cập nhật để hiển thị tất cả các thay đổi bổ sung mà bạn có thể thực hiện đối với Phần này.

Bạn cũng có thể thêm các widget vào Phần này. Trong thanh bên Elementor, tìm tiện ích con bạn muốn sử dụng và kéo nó vào khung vẽ chính.

Trong khi bạn đang kéo tiện ích, Elementor sẽ đánh dấu tất cả các Phần và Cột khác nhau nơi bạn có thể thả mục này. Khi bạn đã sẵn sàng, chỉ cần thả chuột ra. Elementor bây giờ sẽ thêm tiện ích này vào Phần bạn đã chọn.

3. Chỉnh sửa Cài đặt Trang web của Bạn

Bạn có thể sử dụng Elementor để chỉnh sửa cài đặt trên toàn trang web của mình. Điều này bao gồm việc thay đổi phông chữ và màu HTML mặc định. Bạn cũng có thể sửa đổi các đường viền và bóng mà WordPress thêm vào các phần tử như hình ảnh trang web của bạn.

Bằng cách điều chỉnh các cài đặt này ở cấp trang web, bạn có thể đảm bảo giao diện nhất quán trên toàn bộ trang web WordPress của mình. Quá trình này cũng nhanh hơn và dễ dàng hơn đáng kể so với việc áp dụng những thay đổi này trên cơ sở từng trang. Để xem các cài đặt trang có sẵn, hãy nhấp vào menu bánh hamburger trong thanh bên Elementor.

Bây giờ bạn có thể khám phá các tùy chọn của mình và thực hiện bất kỳ thay đổi cần thiết nào. Khi bạn đã sẵn sàng xuất bản cài đặt trang web mới của mình, hãy nhấp vào nút Cập nhật ở cuối thanh bên Elementor.

4. Kiểm tra lịch sử sửa đổi của bạn

Trong khi bạn đang chỉnh sửa thiết kế của mình, Elementor đang âm thầm ghi lại những thay đổi của bạn. Bạn có thể dễ dàng bóc lại các chỉnh sửa của mình, đây có thể là một cứu cánh nếu bạn nhận ra mình đã mắc sai lầm.

Nhật ký lịch sử của Elementor cũng cho phép bạn tự do thử nghiệm. Bạn có thể thử nghiệm các thay đổi khác nhau và sau đó loại bỏ chúng một cách nhanh chóng. Bằng cách khuyến khích bạn thử nghiệm, Elementor có thể cải thiện chất lượng của các thiết kế đã hoàn thành của bạn.

Để xem nhật ký của Elementor, hãy nhấp vào biểu tượng Lịch sử ở cuối thanh bên. Tab Hành động ghi lại mọi thay đổi bạn thực hiện trong Elementor. Đây có thể là bất cứ điều gì từ việc tạo một Phần mới đến chỉnh sửa văn bản hiện có:

Mỗi khi bạn nhấn Lưu , Elementor sẽ ghi lại phiên bản hiện tại của trang của bạn dưới dạng bản sửa đổi mới. Bạn có thể xem tất cả các ảnh chụp nhanh này trong tab Bản sửa đổi . Nếu bạn muốn hoàn nguyên về bản lưu trước đó, chỉ cần tìm nó trong danh sách Bản sửa đổi và nhấp vào nó.

Cách tạo một trang trong Elementor (2 phương pháp)

Bây giờ bạn đã quen thuộc với quy trình làm việc Elementor cần thiết, hãy xem cách bạn có thể sử dụng bí quyết này để thiết kế một số trang mới. Đầu tiên, chúng ta sẽ đề cập đến việc tạo một trang WordPress tiêu chuẩn bằng cách sử dụng plugin Elementor miễn phí. Sau đó, chúng ta sẽ xem xét cách bạn có thể phát triển một trang sản phẩm có chuyển đổi cao bằng cách sử dụng WooCommerce và Elementor Pro.

1. Cách tạo một trang WordPress chuẩn

Mỗi trang web đều khác nhau. Tuy nhiên, có một số yếu tố phổ biến mà bạn sẽ tìm thấy trên các trang web khác nhau. Điều này bao gồm các tiêu đề, nội dung và phương tiện như hình ảnh. Hãy xem cách bạn có thể tạo một trang có các thành phần quan trọng này.

Để bắt đầu, hãy tạo một trang mới bằng cách điều hướng đến Trang> Thêm mới> Chỉnh sửa bằng Elementor . Tiếp theo, thêm Phần vào thiết kế của bạn bằng cách nhấp vào biểu tượng + . Chúng ta sẽ bắt đầu với tiêu đề của mình, vì vậy chúng ta sẽ muốn chọn bố cục một Cột.

Trong thanh bên Elementor, hãy tìm tiện ích Tiêu đề. Bây giờ, hãy kéo và thả tiện ích này vào Phần mới của bạn. Sau đó, bạn có thể nhập văn bản tiêu đề của mình vào thanh bên Elementor và sử dụng các cài đặt khác nhau để tạo kiểu cho tiêu đề của bạn.

Sau đó, nhấp vào biểu tượng + để thêm Phần thứ hai. Chúng tôi sẽ nhúng một hình ảnh và sau đó cung cấp một số văn bản hỗ trợ, vì vậy bây giờ chúng tôi sẽ chọn bố cục Nhiều Cột.

Tiếp theo, kéo tiện ích Trình soạn thảo Văn bản từ thanh bên Elementor và thả nó vào Phần mới này. Sau đó, bạn có thể thêm và tạo kiểu cho văn bản của mình bằng cách sử dụng cài đặt thanh bên.

Khi bạn hài lòng với văn bản của mình, hãy tìm tiện ích Hình ảnh. Một lần nữa, sử dụng kéo và thả để thêm tiện ích này vào Phần của bạn.

Trong thanh bên, nhấp vào hình thu nhỏ xem trước. Bây giờ bạn có thể sử dụng Thư viện phương tiện WordPress để tải lên một hình ảnh mới hoặc chọn một hình ảnh đã tải lên trước đó.

Để xem thiết kế của bạn đang hoạt động, hãy nhấp vào biểu tượng con mắt ở cuối thanh bên Elementor. Điều này sẽ hiển thị bản xem trước của bố cục trang của bạn trong một tab mới.

Khi bạn hài lòng với thiết kế của mình, hãy nhấp vào nút Xuất bản . Lưu ý rằng nếu trang của bạn đã hoạt động, nút này sẽ yêu cầu bạn Cập nhật thay thế.

2. Cách tạo trang sản phẩm WooCommerce

Nếu đang chạy cửa hàng WooCommerce, bạn có thể sử dụng Elementor Pro để tạo trang sản phẩm tùy chỉnh. Điều này có thể liên quan đến việc sửa đổi trang WooCommerce cổ phiếu để phản ánh thương hiệu trang web của bạn tốt hơn. Ngoài ra, bạn có thể đang cố gắng tối ưu hóa trang của mình để thúc đẩy nhiều chuyển đổi hơn.

Để thiết kế trang sản phẩm WooCommerce tùy chỉnh, hãy chọn Mẫu từ trang tổng quan WordPress. Sau đó, nhấp vào nút Thêm mới . Trong cửa sổ tiếp theo, mở menu thả xuống đầu tiên và chọn Sản phẩm đơn lẻ .

Đặt tên mô tả cho mẫu mới của bạn và nhấp vào Tạo mẫu . Thao tác này sẽ khởi chạy thư viện Elementor với tất cả các thiết kế Sản phẩm Đơn có sẵn.

Để xem xét kỹ hơn một mẫu, hãy di chuột qua mẫu đó rồi nhấp vào biểu tượng kính lúp khi nó xuất hiện. Nếu bạn muốn áp dụng thiết kế này cho cửa hàng của mình, hãy nhấp vào Chèn .

Các mẫu của Elementor có một loạt các thành phần làm sẵn. Để chỉnh sửa bất kỳ yếu tố nào trong số này, chỉ cần nhấp vào chúng. Thanh bên Elementor sẽ cập nhật để hiển thị tất cả các cài đặt cho mục cụ thể đó.

Elementor Pro cung cấp một loạt các tiện ích WooCommerce mà bạn có thể thêm vào thiết kế của mình. Để xem những gì có sẵn, hãy cuộn đến phần WooCommerce hoặc Sản phẩm trong thanh bên Elementor.

Các phần này bao gồm các widget với chức năng tích hợp nâng cao, chẳng hạn như WooCommerce Breadcrumbs, Cart và Checkout. Để thêm các yếu tố này vào thiết kế của bạn, chỉ cần kéo chúng vào canvas Elementor và thả chúng ra. Sau đó, bạn có thể thả tiện ích vào Phần mà bạn muốn hiển thị nội dung này.

Khi bạn hài lòng với thiết kế của mình, hãy nhấp vào Xuất bản . Sau đó, bạn có thể chọn Thêm Điều kiện và chỉ định các khu vực mà bạn muốn sử dụng thiết kế này. Ví dụ: bạn có thể áp dụng mẫu này cho một danh mục sản phẩm cụ thể hoặc sử dụng mẫu này trên toàn bộ cửa hàng của bạn.

Cách tìm và cài đặt các mẫu phần tử tạo sẵn

Các mẫu phần tử là các Trang và Khối được thiết kế sẵn để đơn giản hóa quá trình tạo trang web. Các trang là bố cục nội dung đầy đủ, trong khi Khối là các Phần chứa các tiện ích con được tạo sẵn. Một số ví dụ phổ biến về Blocks bao gồm đầu trang, chân trang, đánh giá và lời chứng thực, và Câu hỏi thường gặp (FAQ).

Plugin Elementor miễn phí đi kèm với hơn 100 mẫu toàn trang và hơn 300 Khối. Nếu nâng cấp lên Elementor Pro, bạn sẽ có quyền truy cập vào một số tùy chọn bổ sung.

Nhấp vào biểu tượng Thêm mẫu để áp dụng mẫu cho thiết kế hiện tại của bạn. Nút này sẽ xuất hiện như một phần của mỗi khối Phần và được thể hiện bằng một thư mục màu trắng. Thao tác này sẽ khởi chạy Thư viện Elementor.

Tại đây, bạn sẽ tìm thấy tất cả các mẫu Khối và Trang mà bạn có thể áp dụng cho trang của mình. Bạn có thể xem trước bất kỳ mẫu nào bằng cách di chuột qua nó và nhấp vào biểu tượng kính lúp của nó.

Khi bạn tìm thấy một mẫu bạn muốn sử dụng, hãy nhấp vào Chèn . Nếu trước đó bạn chưa kết nối với thư viện mẫu của Elementor, cửa sổ bật lên sẽ yêu cầu bạn hoàn thành bước đó.

Sau khi thực hiện kết nối này, Elementor sẽ chèn mẫu bạn đã chọn. Bây giờ bạn có thể tùy chỉnh nó. Ví dụ: bạn có thể thêm nhiều tiện ích hoặc xóa bất kỳ nội dung giữ chỗ nào.

Cách tạo mẫu với Elementor

Elementor đi kèm với nhiều lựa chọn mẫu làm sẵn. Tuy nhiên, đôi khi bạn có thể có một cái nhìn cụ thể trong tâm trí. Trong trường hợp đó, bạn có thể thích thiết kế các mẫu của mình hơn.

Tạo thiết kế của bạn có thể đảm bảo tính nhất quán trên toàn bộ trang web của bạn. Bạn thậm chí có thể sử dụng các mẫu để tăng tốc thiết kế và phát triển nếu bạn là đại lý WordPress. Ví dụ: bạn có thể xây dựng một thư viện mẫu có tất cả nội dung và cài đặt mà bạn thường áp dụng cho các trang web khách hàng của mình. Sau đó, bạn có thể sử dụng các mẫu này làm điểm khởi đầu cho tất cả các dự án trong tương lai.

Để bắt đầu, hãy chọn Mẫu từ bảng điều khiển WordPress. Sau đó, nhấp vào Thêm mới .

Trong cửa sổ bật lên tiếp theo, hãy mở menu thả xuống đầu tiên và chọn loại mẫu bạn muốn tạo. Các tùy chọn của bạn là Trang , Phần hoặc Trang Đích .

Tiếp theo, đặt tên mô tả cho thiết kế này và nhấp vào Tạo mẫu . Thao tác này sẽ khởi chạy trình tạo trang Elementor tiêu chuẩn. Bây giờ bạn có thể tạo mẫu của mình giống như cách bạn tạo một trang thông thường. Chỉ cần thêm Phần, Cột và widget cho đến khi bạn hài lòng với bố cục của mình.

Để lưu thiết kế này làm mẫu, hãy nhấp vào mũi tên xuất hiện cùng với nút Cập nhật / Xuất bản . Sau đó, bạn có thể chọn Lưu dưới dạng Mẫu .

Thiết kế này sẽ được lưu vào thư viện Elementor. Bạn có thể truy cập nó bằng cách khởi chạy thư viện và chọn tab Mẫu của tôi .

Ngoài ra, bạn có thể truy cập các mẫu tùy chỉnh của mình bằng cách điều hướng đến Mẫu> Mẫu đã Lưu trong bảng điều khiển WordPress. Bạn cũng có thể mở bất kỳ thiết kế nào của mình và thực hiện bất kỳ thay đổi cần thiết nào.

Mẹo và thủ thuật để bắt đầu với Elementor

Elementor có thể giúp bạn thiết kế và xây dựng một trang web WordPress nhanh chóng. Tuy nhiên, một số thủ thuật tiết kiệm thời gian có thể thúc đẩy năng suất của bạn hơn nữa.

Đôi khi, bạn có thể tạo một Phần mà bạn muốn sử dụng lại trong cùng một trang. Thay vì tạo lại Phần này theo cách thủ công, bạn có thể tạo một bản sao. Chỉ cần bấm để chọn Phần được đề cập, sau đó bấm Control khi bấm vào ô điều khiển có dấu chấm xuất hiện.

Sau đó chọn Nhân đôi . Điều này tạo ra một Phần trùng lặp ngay bên dưới phần gốc.

Ngoài ra, đôi khi bạn có thể muốn sử dụng lại cùng một Phần trên nhiều trang hoặc thậm chí trên các trang web khác nhau. Bạn có thể lưu bất kỳ Phần nào dưới dạng mẫu Khối. Điều này thêm thiết kế của bạn vào thư viện Elementor, vì vậy nó luôn nằm trong tầm tay.

Để biến một Khối thành một mẫu có thể sử dụng lại, hãy bấm Control khi nhấp vào biểu tượng có dấu chấm của nó. Sau đó chọn Lưu dưới dạng Mẫu .

Bạn có thể chỉnh sửa bất kỳ tiện ích nào bằng cách chọn nó trên canvas của mình, sau đó sử dụng các điều khiển trong thanh bên Elementor. Tuy nhiên, việc điều hướng giữa các widget khác nhau có thể trở nên khó khăn khi bạn có nhiều widget khác. Điều này đặc biệt đúng đối với các widget chồng chéo hoặc khi bạn đã thêm nhiều phần tử trong một không gian nhỏ.

Elementor’s Navigator cung cấp chế độ xem danh sách của tất cả các tiện ích con trên trang của bạn, được tổ chức thành các Phần và Cột tương ứng của chúng. Bạn có thể dễ dàng điều hướng giữa các tiện ích con của mình bằng cách chọn chúng trong “bảng điều khiển hình cây” này. Sau đó, thanh bên Elementor sẽ cập nhật để hiển thị tất cả các tùy chọn cho tiện ích con hiện được chọn.

Các phím tắt là cách tiết kiệm thời gian tối ưu và Elementor đi kèm với nhiều phím nóng tích hợp sẵn khác nhau. Nhấn Cmd / Ctrl +? trên bàn phím của bạn để xem các phím tắt này.

Thao tác này sẽ khởi chạy một cửa sổ chứa tất cả các phím nóng có sẵn. Bạn có thể tăng cường thiết kế và phát triển web của mình bằng cách tự làm quen với một số hoặc tất cả các phím tắt này.

Bản tóm tắt

Tạo một trang WordPress không phải lúc nào cũng dễ dàng, đặc biệt nếu bạn không phải là nhà thiết kế hoặc nhà phát triển web có kinh nghiệm. May mắn thay, trình tạo trang Elementor có thể loại bỏ sự phức tạp và khó khăn khi xây dựng trang web của bạn.

Bất kể bạn chọn plugin miễn phí hay cao cấp, bạn có thể sử dụng Elementor để thiết kế và xây dựng bất kỳ loại bài đăng hoặc trang nào bạn cần. Trình xây dựng này cũng đi kèm với một loạt các mẫu tạo sẵn. Ngoài ra, bạn có thể tạo các mẫu của mình và sử dụng lại chúng trên nhiều trang hoặc trên các trang web khác nhau.

Bạn có bất kỳ câu hỏi nào về cách sử dụng plugin WordPress Elementor không? Cho chúng tôi biết trong phần ý kiến dưới đây!