Khi làm việc với Magento, bạn có thể đã thường xuyên bắt gặp các thuật ngữ như tiện ích mở rộng, mô-đun hoặc plugin Magento . Mỗi thuật ngữ đóng vai trò riêng biệt trong hiệu suất, khả năng tương thích và khả năng mở rộng của cửa hàng Magento.

Mặc dù chúng có vẻ có thể thay thế cho nhau, nhưng thực tế không phải vậy. Việc biết được sự khác biệt sẽ giúp bạn đưa ra những quyết định chiến lược hơn về việc tùy chỉnh cửa hàng. 

Vì vậy, cho dù bạn là chủ cửa hàng đang tìm kiếm tính năng mới hay là nhà phát triển đang thực hiện một số tùy chỉnh, bạn đã đến đúng nơi.

Trong hướng dẫn này, bạn sẽ tìm hiểu tất cả về sự khác biệt giữa tiện ích mở rộng, mô-đun và plugin Magento. Chúng tôi sẽ giải thích ý nghĩa thực sự của từng loại và cách sử dụng chúng để đáp ứng nhu cầu cụ thể của doanh nghiệp bạn.

Kiến thức cơ bản về tùy chỉnh Magento: Tiện ích mở rộng, mô-đun và plugin là gì?

Một điểm khiến Magento nổi bật so với các nền tảng thương mại điện tử khác là tính linh hoạt và cách nó xử lý các tùy chỉnh. Tuy nhiên, trước khi bắt đầu tinh chỉnh mã để thêm tính năng mới, bạn cần hiểu rõ các nền tảng cơ bản đằng sau nó. 

Chúng ta hãy cùng tìm hiểu tiện ích mở rộng, mô-đun hoặc plugin của Magento là gì.

Tiện ích mở rộng Magento

Khi mọi người nói về việc “cài đặt một số tính năng mới” trên cửa hàng của họ, họ thường nhắc đến tiện ích mở rộng.

Tiện ích mở rộng Magento là gì?

Tiện ích mở rộng Magento là các gói mã có thể cài đặt, bổ sung các tính năng mới hoặc mở rộng chức năng Magento hiện có với nỗ lực tối thiểu.

Chúng thường chứa một nhóm các thành phần như một hoặc nhiều mô-đun, plugin, tệp cấu hình, thay đổi giao diện người dùng của bảng quản trị, mẫu giao diện người dùng và nhiều thứ khác. 

Ngoài các chi tiết kỹ thuật, tiện ích mở rộng Magento là tập hợp nhiều tệp hoặc thành phần hoạt động cùng nhau để cung cấp một tính năng cụ thể trong cửa hàng của bạn.

Lợi ích của tiện ích mở rộng Magento 2

Bạn thường gặp tiện ích mở rộng nhất vì chúng phổ biến nhất. Không chỉ vì chúng tiết kiệm thời gian mà còn vì nhiều lý do:

• Giải pháp sẵn có:  Bạn không cần phải tốn thời gian và tiền bạc vào việc phát triển tùy chỉnh để giới thiệu một tính năng mới cho cửa hàng của mình. Tiện ích mở rộng Magento đã đáp ứng tất cả.
• Dễ dàng tích hợp và cập nhật: Phần lớn các tiện ích mở rộng của Magento 2 có thể được cài đặt và cập nhật dễ dàng thông qua composer hoặc archive và một vài lệnh CLI .
• Hỗ trợ chuyên nghiệp: Các giải pháp đóng gói sẵn này thường được xây dựng và bảo trì bởi các nhà phát triển chuyên nghiệp. Điều này có nghĩa là bạn sẽ nhận được hỗ trợ chuyên nghiệp, cập nhật và tương thích với các phiên bản Magento mới nhất. 

Tuy nhiên, không phải tất cả tiện ích mở rộng đều được tạo ra giống nhau. Một số có thể được mã hóa kém hoặc không được bảo trì đúng cách, gây ra sự cố và xung đột trong hệ thống của bạn. 

Tóm lại, tiện ích mở rộng Magento rất tuyệt vời nếu bạn muốn cài đặt và bắt đầu tận hưởng các chức năng mới ngay lập tức. Chúng đã đáp ứng được nhu cầu cụ thể của bạn. 

Tuy nhiên, điều quan trọng là phải biết những gì bên trong chúng vì chính các mô-đun và plugin mới thực hiện công việc thực tế.

Mô-đun Magento

Đôi khi mọi người sử dụng phần mở rộng Magento và module Magento thay thế cho nhau. Nhưng chúng không hoạt động như vậy. Module Magento là một đơn vị hoàn toàn khác.

Magento Module là gì?

Mô-đun Magento là một tập hợp các tệp có cấu trúc, cung cấp một số chức năng cụ thể khi được kết hợp với nhau . Không giống như các tiện ích mở rộng, mô-đun Magento được thiết kế để xử lý một hoặc một nhóm tác vụ cụ thể.

Các mô-đun tập trung và mang tính kỹ thuật hơn so với phần mở rộng và thường chứa:

• Các lớp PHP định nghĩa logic nhất định, chẳng hạn như cách tính chiết khấu, v.v.
• Tệp registration.php để đăng ký một mô-đun trong hệ thống Magento
• Tệp module.xml chứa tên và phiên bản mô-đun
• Các mẫu, kiểu và tệp JavaScript tùy chọn xác định đầu ra giao diện người dùng

Tầm quan trọng của các mô-đun Magento

Về cơ bản, các mô-đun Magento mở rộng một số tính năng hiện có của Magento. Điều này cho phép các nhà phát triển xây dựng các giải pháp riêng biệt không có sẵn trong các tiện ích mở rộng có sẵn và: 

• Sửa đổi hoặc thêm các tính năng mới vào Magento mà không cần thay đổi các tệp lõi
• Bật hoặc tắt một số tính năng cụ thể
• Tái sử dụng mã trên nhiều cửa hàng hoặc môi trường

Tuy nhiên, mặc dù cực kỳ linh hoạt, các module Magento không được thiết kế cho người dùng tự làm. Điều này có nghĩa là bạn cần một nhà phát triển chuyên nghiệp để tạo các module tùy chỉnh cho bạn nếu bạn có yêu cầu cụ thể.

Hơn nữa, bạn không thể cài đặt các mô-đun tùy chỉnh trong môi trường trực tiếp. Điều cần thiết là phải thử nghiệm trên môi trường staging để xem liệu nó có ảnh hưởng đến giá cả, hàng tồn kho hoặc quy trình thanh toán hay không.

Và quan trọng nhất là phải mất thời gian để triển khai, hoàn thiện và tung ra một mô-đun tùy chỉnh, đây không phải là lựa chọn khả thi đối với nhiều người.

Plugin Magento (Interceptors)

Cuối cùng, chúng ta đã đến phần kỹ thuật nhất của các khối tùy chỉnh Magento — plugin Magento.

Plugin Magento là gì?

Plugin Magento — còn được gọi là interceptor — là một loại lớp cho phép bạn sửa đổi hành vi của các phương thức hiện có mà không cần sửa đổi trực tiếp mã lõi.

Đây là một phần của hệ thống tiêm phụ thuộc Magento và cung cấp một cách an toàn để tùy chỉnh các mô-đun Magento hiện có hoặc tiện ích mở rộng của bên thứ ba. 

Không giống như phần mở rộng hoặc mô-đun, plugin không xử lý logic rộng hơn. Chúng “chặn” các lệnh gọi phương thức để thêm một số logic tùy chỉnh trước, sau hoặc xung quanh phương thức ban đầu. 

Tầm quan trọng của plugin Magento

Plugin Magento cung cấp cho các nhà phát triển nhiều quyền kiểm soát hơn, đặc biệt hữu ích khi xây dựng cửa hàng tùy chỉnh. Tuy nhiên, plugin này còn có một số lợi thế khác:

• Các plugin cho phép thực hiện những thay đổi có mục tiêu , do đó bạn có thể thay đổi một số hành vi cụ thể mà không ảnh hưởng đến phần còn lại của hệ thống.
• Các plugin bảo toàn tính toàn vẹn của tệp cốt lõi , do đó việc cập nhật trong tương lai sẽ dễ dàng hơn.
• Có thể bật, tắt hoặc thay thế plugin mà không ảnh hưởng đến các phần khác của ứng dụng.

Mặc dù plugin giúp thực hiện tất cả những điều này, nhưng cũng có một số rủi ro cần cân nhắc. Nếu bạn lạm dụng hoặc tạo plugin kém chất lượng, nó sẽ làm giảm hiệu suất của cửa hàng hoặc gây ra những hành vi không mong muốn. Đặc biệt là khi nhiều plugin cùng chặn một phương thức.

Ví dụ

Bây giờ, để tóm tắt lại, hãy cùng xem xét tiện ích mở rộng, mô-đun và plugin Magento trong một hệ thống. Hãy tưởng tượng bạn muốn tích hợp một hệ thống đánh giá toàn diện vào Magento của mình. Trong trường hợp này:

• Tiện ích mở rộng đánh giá Magento sẽ bao gồm mọi thứ: cài đặt bảng quản trị, mẫu giao diện, thay đổi cơ sở dữ liệu và các mô-đun khác nhau để xử lý logic.
• Một mô-đun trong tiện ích mở rộng đó sẽ xử lý logic đằng sau việc gửi, chỉnh sửa, hiển thị và lưu trữ các bài đánh giá.
• Một plugin trong mô-đun đó sẽ thay đổi cách thức hoạt động của tính năng đăng nhập đánh giá Magento mặc định — ví dụ: để thay đổi cách xác thực đánh giá hoặc để nhận  thông báo đánh giá mới .

Riêng lẻ, module và plugin sẽ không mang lại lợi ích gì. Nhưng khi kết hợp, chúng sẽ mang đến giải pháp tiên tiến cho yêu cầu của bạn.

Phần mở rộng Magento so với Mô-đun so với Plugin: Sự khác biệt chính

Bây giờ bạn đã hiểu ý nghĩa kỹ thuật và thực tế của tiện ích mở rộng, mô-đun và plugin Magento, chúng ta hãy phân tích sự khác biệt.

Phạm vi và mục đích

Sự khác biệt chính ở đây là mục đích của một thành phần và phạm vi hoạt động của nó . Về cơ bản, plugin thay đổi hành vi, module bổ sung logic và tiện ích mở rộng cung cấp toàn bộ trải nghiệm. 

• Tiện ích mở rộng là các giải pháp được đóng gói sẵn. Chúng bao gồm một hoặc nhiều mô-đun, plugin, tài nguyên giao diện người dùng và cài đặt quản trị — tất cả trong một gói duy nhất. Mục đích của nó là bổ sung các tính năng hoàn chỉnh, chẳng hạn như blog, công cụ phân tích SEO hoặc trình quét bảo mật, vào cửa hàng của bạn.
• Mô-đun là các công cụ nội bộ. Chúng xử lý các tác vụ cụ thể, chẳng hạn như tạo phương thức vận chuyển tùy chỉnh hoặc điều chỉnh hành vi giỏ hàng. Vì là các khối xây dựng, chúng không thể được cài đặt riêng lẻ như các phần mở rộng. 
• Plugin là các công cụ. Chúng được sử dụng để thay đổi các hành vi cụ thể trong các phương thức Magento hiện có, chẳng hạn như thêm điều kiện trước khi thêm một mặt hàng vào giỏ hàng, v.v. Chúng không bao giờ có thể hoạt động độc lập . Chúng luôn là một phần của mô-đun.

Cách sử dụng

Không phải ai cũng có thể tương tác với từng thành phần này theo cùng một cách. Đó là lý do tại sao:

• Tiện ích mở rộng lý tưởng cho chủ cửa hàng, nhân viên tiếp thị và các vai trò phi kỹ thuật khác. Chúng cung cấp các giải pháp sẵn có cho các vấn đề phổ biến mà không cần người dùng phải chỉnh sửa mã.
• Các module và plugin mang tính kỹ thuật cao hơn, đòi hỏi phải có nhà phát triển. Các thành phần này xây dựng hoặc tùy chỉnh các tính năng của Magento và yêu cầu thay đổi mã. 

Vậy nên, về cơ bản, nếu bạn cần một giải pháp sẵn có, bạn hãy cài đặt tiện ích mở rộng. Còn nếu muốn thay đổi cách thức hoạt động của Magento, bạn hãy sử dụng các module và plugin.

Cài đặt và bảo trì

Có thể bạn đã đoán được rằng tiện ích mở rộng ít cần bảo trì hơn so với mô-đun và plugin. Nhưng hãy cùng phân tích sâu hơn một chút:

• Tiện ích mở rộng thường được cài đặt và cập nhật thông qua composer hoặc archive với sự can thiệp kỹ thuật tối thiểu. Hầu hết quản trị viên cửa hàng có thể tự mình cấu hình và thiết lập. 
• Các mô-đun yêu cầu nhà phát triển phải thực hiện cài đặt, cấu hình và thử nghiệm. 
• Plugin không được cài đặt riêng lẻ. Chúng được tạo trong các mô-đun và yêu cầu kiến ​​thức kỹ thuật cụ thể để tạo và duy trì. 

Hiệu suất và xung đột

Tất cả tiện ích mở rộng, mô-đun và plugin Magento đều hướng đến mục tiêu cải thiện chức năng cửa hàng của bạn. Tuy nhiên, tính linh hoạt cao đi kèm trách nhiệm lớn và đôi khi là xung đột lớn. 

• Tiện ích mở rộng có thể làm giảm hiệu suất cửa hàng của bạn nếu chúng bao gồm các module không cần thiết hoặc mã được tối ưu hóa kém. Việc sử dụng quá nhiều tiện ích mở rộng có thể gây xung đột nếu chúng chồng chéo cùng một chức năng. 
• Các mô-đun có thể gây xung đột khi ghi đè cùng một lớp. Các nhà phát triển phải cẩn thận với các phần phụ thuộc và kiểm tra kỹ lưỡng các mô-đun trước khi triển khai nội dung trực tiếp.
• Plugin có thể gây ra lỗi nhỏ và phá vỡ chức năng khi sử dụng quá mức. 

Chỉ cần cài đặt những gì bạn thực sự cần, kiểm tra chất lượng mã và luôn thử nghiệm trên môi trường thử nghiệm trước khi đưa vào hoạt động.

Các phương pháp hay nhất để quản lý tùy chỉnh Magento

Khi cửa hàng của bạn phát triển, nhu cầu thay đổi quy trình thanh toán, viết lại mã hoặc cài đặt một loạt tiện ích mở rộng cũng tăng theo. Tuy nhiên, nếu không được thực hiện cẩn thận, việc tùy chỉnh có thể dẫn đến hiệu suất kém, khó khăn khi cập nhật và quản lý không hiệu quả. 

Đó là lý do tại sao việc tuân theo các phương pháp tốt nhất lại rất quan trọng. 

Chọn chất lượng hơn số lượng

Với quá nhiều giải pháp trên thị trường, thật khó để không thử nhiều giải pháp. Nhưng thực tế, bạn không bao giờ cần đến nhiều giải pháp đến vậy. Hơn nữa, nếu chúng không được xây dựng tốt, bạn có thể gặp rắc rối. 

Vì vậy, hãy chỉ chọn những nhà cung cấp đáng tin cậy, kiểm tra khả năng tương thích của phiên bản Magento và đọc các đánh giá trước khi cài đặt bất kỳ thứ gì. 

Và nếu bạn đang tìm kiếm một giải pháp phù hợp với nhu cầu cụ thể của mình, tốt nhất nên chọn phát triển tùy chỉnh. Bằng cách này, bạn sẽ biết chắc chức năng mới sẽ được xây dựng, thử nghiệm và triển khai theo đúng nhu cầu.

Luôn sử dụng môi trường dàn dựng

Đừng bao giờ áp dụng bất kỳ thay đổi nào cho trang web đang hoạt động nếu bạn không muốn ảnh hưởng đến trải nghiệm của khách hàng. Tốt nhất là cài đặt tiện ích mở rộng mới hoặc tinh chỉnh mô-đun ngay từ đầu.

Bằng cách này, bạn có thể phát hiện ra các xung đột, sự cố giao diện và bất kỳ hành vi bất ngờ nào trước khi người dùng thực sự phát hiện ra.

Giữ mã tùy chỉnh được ghi chép lại

Việc xây dựng các module hoặc plugin tùy chỉnh không hề dễ dàng. Tuy nhiên, bạn có thể giúp việc cập nhật, gỡ lỗi và cộng tác nhóm trong tương lai dễ dàng hơn rất nhiều với tài liệu hướng dẫn rõ ràng và có cấu trúc.

Sử dụng cấu trúc tệp Magento được đề xuất và ghi lại chức năng của từng phần.

Bên cạnh đó, một cách làm tốt là sử dụng kiểm soát phiên bản (ví dụ: Git), giữ logic tùy chỉnh được tách biệt (để có thể tái sử dụng trên nhiều dự án) và tránh ghi đè trực tiếp lên các tệp cốt lõi.

Theo dõi và bảo trì thường xuyên

Magento thay đổi nhanh chóng và thường xuyên cập nhật, thay đổi mã lõi và API. Điều này chỉ có nghĩa là bạn cũng phải làm như vậy. Nếu tiện ích mở rộng, mô-đun hoặc plugin của bạn không được cập nhật, chúng có thể gây xung đột hoặc làm gián đoạn một số quy trình. 

Luôn kiểm tra khả năng tương thích với phiên bản Magento mới nhất , xem lại nhật ký lỗi để tìm sự cố và xóa mã không sử dụng nếu có.

Tránh chồng chéo chức năng

Các thương gia thường cài đặt hai tiện ích mở rộng tương tự nhau để khắc phục cùng một vấn đề. Mặc dù họ có thể sử dụng cách tiếp cận khác nhau, việc chồng chéo các công cụ tương tự sẽ dẫn đến xung đột và logic trùng lặp. 

Chọn một tiện ích mở rộng cho chức năng cụ thể và mở rộng nó thay vì chồng thêm một giải pháp khác lên trên. Tuy nhiên, nếu giải pháp đó không phù hợp với nhu cầu của bạn, hãy gỡ cài đặt hoàn toàn tiện ích mở rộng trước khi chuyển sang giải pháp khác. 

Nên chọn gì: Extension, Module hay Plugin?

Magento là một nền tảng mạnh mẽ vì nó có khả năng tùy chỉnh. Tuy nhiên, tính năng này đi kèm với sự phức tạp. Việc hiểu rõ sự khác biệt giữa các tiện ích mở rộng, mô-đun và plugin của Magento sẽ giúp bạn lựa chọn dễ dàng hơn. 

Đến đây, bạn đã biết rằng giải pháp dễ dàng hơn chính là một giải pháp có sẵn. Đặc biệt là khi có rất nhiều  tiện ích mở rộng Magento miễn phí .

Tuy nhiên, nếu bạn muốn một số tính năng tùy chỉnh chưa được giới thiệu trong bất kỳ tiện ích mở rộng nào, bạn cần  phát triển Magento tùy chỉnh . 

Chúng ta sẽ sớm xem xét việc xây dựng các trang và mẫu của riêng mình bằng Elementor, nhưng trước tiên, hãy xem xét kỹ lưỡng các tùy chọn bạn có với Elementor!

Một trong những tính năng quan trọng nhất của bất kỳ trình tạo trang nào là tính dễ sử dụng. Bạn cần có khả năng bắt tay vào thực hiện và biến tầm nhìn của mình thành hiện thực mà không cần phải đau đầu và tìm kiếm điên cuồng trên YouTube.

May mắn thay, Elementor là một trong những trình tạo trang dễ sử dụng nhất mà chúng tôi từng sử dụng. Đó là trình chỉnh sửa giao diện người dùng, có nghĩa là bạn có thể biết chính xác trang sẽ trông như thế nào khi bạn làm việc trên đó.

Khi bạn đã quen với quy trình kéo các tiện ích vào trang và điều chỉnh các thuộc tính trong thanh bên, bạn sẽ nhận ra rằng nó gần như trực quan nhất có thể.

Hầu hết các tùy chọn tùy chỉnh bạn tìm thấy trong Elementor đều dựa trên các tiện ích đi kèm với plugin.

Cài đặt phần tử

Elementor có một số cài đặt cấp cao nhất mà bạn có thể tìm thấy trực tiếp trong plugin. Điều này cho phép bạn thực hiện những việc như kiểm tra loại bài đăng mà Elementor hoạt động, đặt phông chữ và khoảng cách mặc định cũng như điều chỉnh cài đặt phản hồi.

Ngoài ra còn có chức năng Trình quản lý vai trò tiện dụng trong Elementor cho phép bạn phân loại loại người dùng nào có thể có quyền truy cập vào trình chỉnh sửa (lưu ý: đây chỉ là một tính năng trong Elementor Pro ).

Những Widget nào được bao gồm?

Nói chung, Elementor dựa trên trình chỉnh sửa kéo và thả để chứa các phần, cột và tiện ích.

Hệ thống được chia nhỏ như sau:

• Phần – Vùng chứa cho cột và vật dụng.
• Cột – Phần chứa các vật dụng.
• Widget – Các thành phần riêng lẻ trên trang.

Những tiện ích này là những danh mục nội dung đơn giản cho phép bạn tùy chỉnh trang web của mình. Trong phiên bản Elementor miễn phí, bạn có quyền truy cập vào các yếu tố cơ bản.

Dưới đây là danh sách nhanh một số tiện ích cơ bản bạn sẽ sử dụng thường xuyên:

• Phần mở đầu
• Hình ảnh
• Trình soạn thảo văn bản
• Băng hình
• Cái nút
• Dải phân cách
• Biểu tượng
• Miếng đệm
• bản đồ Google

Bạn nhận được gần 30 yếu tố cốt lõi cung cấp cho bạn mọi thứ bạn cần để tạo một trang web hoạt động.

Chỉ cần kéo một phiên bản của một phần tử vào trang chính và tùy chỉnh nó theo nhu cầu của bạn.

Nếu những yếu tố cơ bản này không đủ, bạn có thể nhận thêm các tiện ích bằng cách nâng cấp lên Elementor Pro .

Tuy nhiên, chúng tôi cho rằng hầu hết những gì bạn có thể làm trong phiên bản Pro đều có thể thực hiện được ở phiên bản miễn phí — chỉ mất nhiều thời gian hơn.

Tùy thuộc vào việc bạn có cần các tiện ích cao cấp có trong phiên bản Pro hay không.

Dưới đây là mẫu nhanh của hàng tá tiện ích được tìm thấy trong Elementor Pro:

• danh mục đầu tư
• Hình thức
• Hộp lật
• Bảng giá
• Trích dẫn chặn
• Kêu gọi hành động

Các yếu tố Pro này sẽ giúp làm cho trang web của bạn trông bóng bẩy và chuyên nghiệp hơn, đồng thời cũng được thiết kế để hỗ trợ các nỗ lực Thương mại điện tử, bao gồm cả tích hợp chuyên sâu với WooC Commerce.

2. Cách sử dụng Trình tạo trang miễn phí của Elementor

Vì vậy, sau tất cả những điều đó, bạn đã sẵn sàng xem Elementor hoạt động chưa?

Trình tạo trang này hoạt động với các loại bài đăng tùy chỉnh và có nhiều mẫu làm sẵn để bạn lựa chọn, nhưng đối với bài đăng này, hãy xem giao diện bắt đầu từ hình vuông sẽ như thế nào.

Bước 1. Tạo bài viết hoặc trang mới

Đi tới bảng điều khiển của trang web WordPress của bạn và nhấp vào “ Thêm mới ” trong Bài đăng hoặc Trang. Đối với hướng dẫn này, chúng tôi sẽ tạo một bài đăng blog mới.

Bước 2. Chỉnh sửa bằng Elementor

Khi bạn đến màn hình này, bạn có thể chọn chỉnh sửa trang bằng trình chỉnh sửa mặc định của WordPress. Để sử dụng Elementor, bạn nên nhấp vào nút “ Chỉnh sửa bằng Elementor ”.

Bước 3. Kéo các phần tử vào trang chính

Trang này ban đầu sẽ trống. Chọn và kéo các phần tử từ thanh bên Elementor.

Hãy tạo một tiêu đề mới cho trang. Tất cả những gì bạn phải làm là nhấp vào hộp có nội dung “ Tiêu đề ”, sau đó giữ nút chuột và kéo nó vào khu vực tiện ích trên trang (nơi có nội dung “ Kéo tiện ích vào đây ”).

Nếu bạn không muốn phần tử này chiếm toàn bộ chiều rộng của trang (theo mặc định), bạn có thể nhấp vào nút “ dấu cộng – + ” nhỏ để tùy chỉnh cấu trúc của phần đó trên trang của bạn.

Sau khi nhấp vào nút dấu cộng, bạn sẽ thấy tùy chọn “ Chọn cấu trúc của bạn ”. Hãy bắt đầu với ba cột bằng nhau.

Sau khi nhấp vào biểu tượng có ba cột đó, giờ đây chúng tôi thấy một phần hoàn toàn mới trên trang có ba cột, mỗi cột có một nút dấu cộng.

Và nếu chúng ta muốn tùy chỉnh những gì chúng ta thấy trong phần này? Bạn đoán được rồi, chúng tôi kéo một widget vào đó.

Theo mặc định, chúng tôi đã kéo phần tử video vào cột giữa, cột này được tải sẵn danh sách phát video Elementor.

Bước 4. Chỉnh sửa cài đặt

Đối với mỗi phần hoặc thành phần bạn đặt trên trang, bạn có các tùy chọn để tùy chỉnh thêm. Chỉ cần tìm sáu dấu chấm.

Ví dụ: nếu chúng ta chọn tiêu đề, chúng ta có thể thay đổi nội dung, kiểu dáng hoặc các tính năng nâng cao như lề và phần đệm, khả năng phản hồi, v.v.

Bước 5. Xuất bản trang của bạn

Khi bạn hài lòng với các cài đặt, đã đến lúc kiểm tra thành phẩm.

Chúng tôi đã thấy trang này trông như thế nào trong trình chỉnh sửa, nhưng nếu xem qua bản xem trước của trang thực tế, chúng tôi sẽ thấy rằng nó giống nhau!

Đó là một điều rất tốt. Điều đó có nghĩa là khi trang bạn đang làm việc hoạt động, bạn có thể tin tưởng rằng nó trông giống hệt như khi bạn chỉnh sửa nó. Đó là một trong những tính năng quan trọng nhất của Elementor.

3. Cách sử dụng Trình tạo chủ đề Elementor

Thông thường, khi thứ gì đó trở nên dễ sử dụng hơn, nó sẽ phải loại bỏ các tính năng hữu ích. May mắn thay, Elementor là một trường hợp đặc biệt vừa dễ sử dụng vừa cực kỳ linh hoạt, phần lớn nhờ vào trình tạo chủ đề của nó.

Có sẵn trong phiên bản Pro của Elementor, trình tạo chủ đề là một công cụ thay đổi trò chơi cho bất kỳ ai quen thuộc với trình tạo trang vì nó cho phép bạn tạo đầu trang, chân trang tùy chỉnh và nội dung động khác cho trang web của mình.

Nó thậm chí còn cho phép bạn ghi đè các khía cạnh của chủ đề WordPress, vì vậy bạn có thể duy trì những gì đang hoạt động và chỉ thực hiện những thay đổi mà bạn muốn!

Tại sao bạn cần nội dung động? Chà, đôi khi bạn có thể muốn lưu trữ một trang bán hàng không có tiêu đề và thanh bên truyền thống hoặc bạn có thể muốn lưu bố cục bài đăng blog tùy chỉnh mà bạn có thể sử dụng mỗi khi thêm bài đăng mới.

Khả năng là vô tận.

Xây dựng đầu trang/chân trang với Elementor

Bạn đã sẵn sàng tạo đầu trang hoặc chân trang tùy chỉnh với Elementor bằng trình tạo chủ đề chưa? Đây là cách nó được thực hiện!

Bước 1. Nhấp vào “Mẫu” trong Bảng điều khiển WordPress

Sau khi đăng nhập vào bảng điều khiển WordPress của bạn, hãy đi tới “ Mẫu ” trong Elementor trong menu bên.

Bước 2. Thêm mẫu mới hoặc nhập mẫu

Đây là nơi bạn tạo mẫu mới cho tiêu đề của mình.

Nếu bạn đã thấy tiêu đề mà bạn thích, bạn có thể nhập tiêu đề đó để sử dụng làm điểm bắt đầu. Nếu không, hãy nhấp vào “ Thêm mới ”.

Thao tác này sẽ bật lên một hộp thoại cho phép bạn chọn loại mẫu, tiêu đề trong trường hợp này, cùng với tên mẫu của bạn.

Ghi chú:

Elementor Free chỉ bao gồm các mẫu phần và trang. Phiên bản Pro bao gồm một số danh mục mẫu bổ sung, bao gồm tiện ích chung, tiêu đề, chân trang, đơn và lưu trữ.

Bước 3. Chỉnh sửa mẫu mới của bạn

Nếu bước này trông quen thuộc thì đó là vì đó chính là trình soạn thảo mà chúng ta đã sử dụng để tạo một trang đầy đủ trước đó. Bây giờ, nó được áp dụng để tạo tiêu đề tùy chỉnh.

Bạn có thể thực hiện quy trình tạo bố cục của mình bằng các tiện ích khác nhau và thậm chí cả hình ảnh cụ thể hoặc nội dung khác. Khi bạn đã lưu tiêu đề mới của mình, bạn có thể dễ dàng truy cập tiêu đề đó từ một trang mới.

Xây dựng trang WooC Commerce với Elementor

Quá trình tạo trang sản phẩm WooC Commerce tùy chỉnh tương tự như bất kỳ trang hoặc phần nào khác mà bạn có thể tạo. Cảm nhận được một mô hình ở đây?

Với WooC Commerce Builder, Elementor hỗ trợ khả năng tạo mẫu cho một trang sản phẩm. Sau khi tạo mẫu mới, bạn sẽ thấy thư viện mẫu có đầy đủ các khối hoặc trang đầy đủ mà bạn có thể sử dụng cho trang sản phẩm WooC Commerce của mình.

Hãy nhớ rằng mẫu WooC Commerce này sẽ có một số tiện ích sản phẩm động, bao gồm tiêu đề sản phẩm, hình ảnh sản phẩm và giá sản phẩm.

Bạn có thể đặt chi tiết về sản phẩm bằng WooC Commerce và sử dụng Elementor để hiển thị thông tin sản phẩm cập nhật ở giao diện người dùng.

Nó đơn giản mà!

Yếu tố nào bị thiếu

Bất chấp sự linh hoạt này, vẫn có một số điều mà Elementor không thể làm được. Hãy nhớ rằng Elementor không phải là một chủ đề — nó chỉ sử dụng trình tạo chủ đề để ghi đè một số tính năng chủ đề nhất định.

Để có toàn quyền kiểm soát chủ đề của mình, chúng tôi khuyên bạn nên sử dụng Astra Pro và Elementor. Astra cung cấp cho bạn các tùy chọn đầu trang và chân trang tích hợp, các menu lớn và nhiều hơn thế nữa!

Mẫu khởi đầu cho Elementor

Một lợi ích to lớn khác của Astra là bộ sưu tập Mẫu khởi đầu sẵn sàng nhập vào Elementor, bao gồm cả tùy chọn miễn phí và trả phí.

Ví dụ: nếu bạn đang thiết lập một trang web cho huấn luyện viên thể hình, bạn có thể sử dụng mẫu trang web huấn luyện viên thể hình từ Astra làm nền tảng vững chắc và tùy chỉnh nó từ đó.

Việc nhập Mẫu khởi đầu Astra rất dễ thực hiện!

Bạn chỉ cần cài đặt phiên bản Astra Theme miễn phí hoặc trả phí, cùng với plugin Mẫu khởi động miễn phí .

Khi bạn đã thiết lập cả hai, bạn có thể đăng nhập vào bảng điều khiển WordPress của mình, điều hướng đến Giao diện > Mẫu khởi đầu và chọn trang web bạn muốn nhập.

Sau đó, bạn sẽ có thể thực hiện các thay đổi đối với trang web khởi đầu ngay trong Elementor!

Để biết thêm thông tin, hãy xem hướng dẫn chi tiết này để nhập các mẫu khởi động Astra .

Tiện ích tối ưu cho Elementor

Ngoài các mẫu này, chúng tôi còn có một plugin có tên Ultimate Addons cho Elementor cung cấp chức năng bổ sung không có trong Elementor.

Điều này thậm chí còn vượt xa Elementor Pro trong việc cung cấp các tiện ích nâng cao, chẳng hạn như chuyển đổi nội dung, cửa sổ bật lên phương thức, dòng thời gian nội dung và mục lục.

Để kiểm soát tối đa và linh hoạt, bạn nên thử Ultimate Addons cho Elementor !

4. Cách xây dựng mẫu với Elementor

Bạn có thể tạo mẫu cho tất cả các loại phần và trang, bao gồm:

• Trang
• tiêu đề
• Chân trang
• Bài đăng đơn
• Lưu trữ blog
• Trang sản phẩm

Trong ví dụ này, hãy làm việc với mẫu bài đăng/trang.

Xây dựng mẫu trang với Elementor

Trong Elementor, cả trang và bài đăng đều được bao phủ bởi “mẫu trang”. Đây là mẫu đã lưu mà bạn có thể sử dụng cho bất kỳ trang hoặc bài đăng blog mới nào, cho phép bạn duy trì tính nhất quán, ngay cả khi có nhiều thành viên trong nhóm thực hiện đăng bài.

Thậm chí tốt hơn, cái này có sẵn cho tất cả người dùng Elementor, bao gồm cả Elementor Free.

Bước 1. Nhấp vào “Mẫu” trong Bảng điều khiển WordPress

Sau khi đăng nhập vào bảng điều khiển WordPress của bạn, hãy đi tới “ Mẫu ” trong Elementor trong menu bên.

Bước 2. Thêm mẫu mới hoặc nhập mẫu

Đây là nơi bạn tạo mẫu mới cho tiêu đề của mình.

Trong hộp thoại, chọn loại mẫu Trang và đặt tên cho mẫu mới của bạn.

Sau đó, nhấp vào “ Tạo mẫu ” để bắt đầu!

Bước 3. Chỉnh sửa mẫu trang

Cũng giống như trước đây khi chúng tôi tạo trang của riêng mình, bạn sẽ sử dụng cùng một trình soạn thảo ở đây. Việc này đơn giản như tạo các phần mới, thay đổi cột và kéo các tiện ích khác nhau vào trang.

Sau khi thiết kế một trang mình thích, bạn có thể lưu trang đó làm mẫu để bất kỳ trang nào khác của bạn sau này đều có thể truy cập được.

5. Cách tạo cửa sổ bật lên trong Elementor

Bạn muốn tạo cửa sổ bật lên trong Elementor? Có thể để cung cấp một nam châm thu hút khách hàng tiềm năng miễn phí, đưa ra thông báo, thu hút khách hàng tiềm năng hoặc điều gì khác?

Tạo cửa sổ bật lên trong Elementor khá đơn giản. Tuy nhiên, bạn sẽ cần nâng cấp lên phiên bản chuyên nghiệp để tạo cửa sổ bật lên.

Bạn có một số tính năng thực sự thú vị với phiên bản chuyên nghiệp, chẳng hạn như cửa sổ bật lên chào mừng quay lại, bán thêm sản phẩm, cửa sổ bật lên có ý định thoát, v.v., vì vậy chúng tôi sẽ tiếp tục và tạo một cửa sổ bật lên đơn giản.

Chỉ cần làm theo các bước sau để tạo cửa sổ bật lên được kích hoạt khi bạn nhấp vào nút.

1. Đi tới Bảng điều khiển > Mẫu > Cửa sổ bật lên > Thêm mới .

2. Đặt tên cho mẫu của bạn và sau đó nhấp vào “ Tạo mẫu ”.

3. Bạn có thể chọn tạo mẫu của riêng mình hoặc chọn một mẫu từ thư viện mẫu.

4. Nhấp vào ‘ Xuất bản ‘ khi bạn đã hoàn tất. Sau đó lưu và đóng.

5. Bây giờ, tạo một trang mới trong Elementor. Và kéo một tiện ích nút.

6. Trong Bố cục, chọn Liên kết > Động > Hành động > Cửa sổ bật lên .

7. Duyệt đến Cửa sổ bật lên > Mở Cửa sổ bật lên > và chọn cửa sổ bật lên bạn vừa tạo.

8. Nhấp vào ‘ Xuất bản ‘ khi bạn hoàn tất và xem trang trực tiếp. Nhấp vào nút để xem cửa sổ bật lên của bạn.

Và thật đơn giản để tạo một cửa sổ bật lên bằng Elementor!

6. Tạo một trang web đáp ứng trên thiết bị di động với Elementor

Với ngày càng nhiều người dùng truy cập trang web từ thiết bị di động của họ, điều quan trọng là phải có được vị trí xem trên thiết bị di động cho trang web của bạn. Như đã chỉ ra trước đó, hơn 50% lưu lượng truy cập trang web của bạn đến từ thiết bị di động.

Chúng tôi đã liệt kê một số bước để bạn có thể đảm bảo rằng trang web của mình thân thiện với thiết bị di động nếu bạn đang sử dụng trình tạo trang Elementor.

Nếu bạn muốn xem cách thực hiện, hãy xem video hướng dẫn này về khả năng phản hồi của Elementor.

Elementor giúp việc tùy chỉnh trang web của bạn cho các thiết bị khác nhau trở nên cực kỳ dễ dàng.

Nguyên tắc chung là tất cả các tính năng có thể chỉnh sửa đều có cài đặt cụ thể cho máy tính để bàn, thiết bị di động và máy tính bảng. Các cài đặt phổ biến nhất bao gồm kích thước văn bản, lề và phần đệm.

Ví dụ: như trong hình bên dưới, hãy chú ý biểu tượng thiết bị bên cạnh ‘Chiều rộng’. Đây là trường hợp của bất kỳ yếu tố nào bạn muốn tùy chỉnh.

Nhấp vào thiết bị mà bạn muốn thực hiện tùy chỉnh. Sau khi được chọn, hãy tiếp tục và thử nghiệm các cài đặt dựa trên sở thích của bạn.

Theo mặc định, hình nền sẽ tự động phản hồi. Bạn có toàn quyền kiểm soát việc tùy chỉnh thêm hình ảnh cho phù hợp với thiết bị của mình, thậm chí đến mức có các hình ảnh khác nhau cho các kích thước màn hình khác nhau.

Bạn có biết rằng bạn có thể chọn hiển thị hoặc ẩn một phần dựa trên thiết bị không? Ví dụ: nếu có một hàng hình ảnh hoặc văn bản mà bạn muốn ẩn trong thiết bị di động, bạn có thể thực hiện việc này khá dễ dàng.

Chỉ cần đi tới phần Chỉnh sửa > Nâng cao > tab Phản hồi.

Bạn có nhận thấy một tập hợp các tùy chọn trong phần “ Hiển thị ” không? Theo mặc định, phần này được đặt để hiển thị trên tất cả các thiết bị. Nếu bạn muốn ẩn nó, chỉ cần chuyển nút dựa trên thiết bị của bạn.

Mặc dù bạn vẫn có thể xem phần này trong khi chỉnh sửa trang nhưng nó sẽ không hiển thị ở giao diện người dùng sau khi bạn xuất bản trang.

Để chuyển chế độ xem toàn bộ trang web, tất cả những gì bạn phải làm là nhấp vào biểu tượng chế độ phản hồi ở cuối bảng điều khiển Elementor của bạn.

Theo mặc định, bạn sẽ thấy chế độ xem trên thiết bị di động.

Để chuyển đổi giữa các thiết bị, chỉ cần nhấp vào biểu tượng thiết bị tương ứng ở trên cùng. Và để thoát khỏi chế độ xem phản hồi, chỉ cần nhấp vào ‘X’ ở góc trên cùng bên phải.

Việc tạo chế độ xem phản hồi trên thiết bị di động dễ dàng đến mức nào? Dễ dàng phải không?

7. Tại sao bạn nên sử dụng Elementor

Bây giờ chúng ta đã biết cách sử dụng Elementor, hãy cùng đề cập đến một câu hỏi khá ngoài ngữ cảnh nhưng lại thường được hỏi. Tại sao chúng ta nên sử dụng Elementor ngay từ đầu?

Trước khi tìm hiểu thêm chi tiết, chúng ta hãy xem đồ họa thông tin hữu ích này giải thích một số lợi ích của nó

Cho dù bạn có kinh nghiệm đến đâu thì việc tạo một trang web có thể là một thách thức. Từ việc thiết lập vị trí điều hướng đến duy trì tính thẩm mỹ tổng thể của trang web, đều cần có thời gian và công sức.

Nếu bạn là một người làm việc tự do hoặc một nhà thiết kế trang web, bạn sẽ nhận thức rõ rằng mỗi khách hàng mới đều có những thách thức mới và yêu cầu cụ thể.

Thật vậy, các nền tảng như WordPress giúp toàn bộ quá trình phát triển trang web trở nên dễ dàng hơn rất nhiều. Điều đó đang được nói, bạn luôn muốn nhiều hơn nữa.

May mắn thay, bạn có các trình tạo trang kéo và thả như Elementor sẽ đưa toàn bộ quá trình phát triển web lên một tầm cao mới.

Từ việc sử dụng nhiều tiện ích và thành phần để xây dựng trang web của bạn cho đến các khối và mẫu ấn tượng, bạn có thể làm được rất nhiều điều với Elementor.

Hãy tìm hiểu sâu hơn lý do tại sao bạn nên sử dụng plugin xây dựng trang Elementor .

1. Thân thiện với người dùng

Tạo một trang web bằng Elementor dễ dàng như 1-2-3. Sử dụng tính năng kéo và thả, chỉ cần thêm tiện ích hoặc thành phần bạn chọn, tùy chỉnh nó theo cách bạn muốn và xuất bản trang. Nó đơn giản như vậy. Bạn không cần biết cách viết mã hoặc có bất kỳ kiến ​​thức lập trình nào.

2. Chỉnh sửa trực tiếp

Elementor là trình soạn thảo WYSIWYG (Những gì bạn thấy là những gì bạn nhận được). Với bản xem trước theo thời gian thực, bạn có thể biết chính xác trang của mình trông như thế nào sau khi cập nhật, thay vì xuất bản nó và sau đó phải làm lại nếu nó không diễn ra theo cách bạn mong muốn.

3. Tài sản mạnh mẽ và ấn tượng