Elementor Pro Review: Cách tạo chủ đề Website WordPress chỉ với thao tác đơn giản

Elementor Pro Review: Cách tạo chủ đề Website WordPress -Bạn có muốn tạo toàn bộ trang web chỉ bằng thao tác kéo và thả không?

Chà, nó có vẻ rất vô lý và khó xảy ra.

Vì trước đây chúng ta luôn nghĩ rằng những người lập trình Web ngoài kia phải mất hàng tuần đến hàng tháng ngồi trước máy tính để tạo ra những đoạn code mới có thể có một Website hoàn chỉnh.

Vì vậy, về thiết kế web với tính năng kéo và thả, tôi nghĩ bạn sẽ mô tả nó bằng các từ “Hoang tưởng”, “Ảo tưởng” và thậm chí là “Lừa đảo”.

Tuy nhiên, nếu là một người hâm mộ trung thành của WordPress thì bạn cần thay đổi suy nghĩ này (ít nhất là từ hôm nay).

Bởi vì sự thật là:

Bạn hoàn toàn có thể tạo các trang Web chỉ với các thao tác thả vào.

Được rồi, một khi bạn làm quen với WordPress, tôi cá là bạn sẽ nói về Plugin Page Builder (trình tạo trang) nổi tiếng nhất có tên là Elementor.

Elementor được tích hợp nhiều tính năng giúp bạn xây dựng các trang được thiết kế đẹp mắt bằng thao tác kéo và thả đơn giản trong WordPress. Điều mà các lập trình viên truyền thống có thể mất hàng tuần ngồi trước máy tính.

Không phải tất cả…

Elementor cũng mở ra cho bạn một thế giới thiết kế hoàn toàn mới với phiên bản Pro mà chúng ta sẽ đề cập nhiều trong bài viết này. Cụ thể, nó không chỉ dừng lại ở việc tạo trang mà còn có khả năng tạo theme WordPress độc lập (các chuyên gia WP gọi chung là Theme Builder).

Điều này có nghĩa là…

Với Elementor Pro, bạn có thể tạo một Chủ đề WordPress cho chính mình. Bao gồm trang chủ, trang Blog, trang bố cục bài viết, trang lưu trữ, header, Footer và cả trang 404.

Thật mát mẻ và sảng khoái phải không nào?

Và đó là lý do tại sao bạn ở đây! Nơi sẽ giúp bạn tìm hiểu về page builder – theme WordPress tốt nhất hành tinh.

[block_content id=”706″]

Elementor Pro – Tóm tắt

Elementor Pro là một trình tạo chủ đề (bao gồm tạo trang) WordPress dưới dạng kéo thả (Drag & drop). Đây là một phiên bản nâng cấp của Elementor Free.

Mang một tính năng nổi bật là Page Builder, Elementor Pro được biết đến với khả năng giúp những người chưa có kiến thức về lập trình Web có thể tạo ra những giao diện Website đẹp mắt trên nền tảng WordPress.

Hiện Elementor Pro có giá khởi điểm là  $49/năm.

Mức giá này phải nói là rất rẻ cho một landing page plugin cũng như một premium theme WordPress.

Tôi tin rằng khi sử dụng nó, bạn sẽ có nhiều cơ hội phát triển Website và mang lại nhiều doanh thu hơn với những tính năng hàng đầu của một Website cần được trang bị.

Tại sao mình thích Elementor Pro? – Nền tảng cho sự sáng tạo vô hạn

Thành thật mà nói, tôi không phải là người thích những thiết kế Web cố định.

Nếu bạn là người không rành về Web, bạn sẽ nghe nói đến các theme từ Mythemeshop hoặc Theme-Junkie bởi tính dễ sử dụng và ít tùy chỉnh.

Tuy nhiên chính vì sự cố định này mà bạn dễ gặp bế tắc trong quá trình sáng tạo nội dung cũng như mất cảm hứng.

Đôi khi bạn muốn có một thiết kế mới hoặc giao diện độc đáo cho trang web của mình, nhưng bạn không thể vì chủ đề của bạn không cho phép. Muốn thay đổi thì phải can thiệp vào code và mình biết cái này đa số các bạn sẽ dốt.

Là một người làm nội dung, tôi đảm bảo bạn sẽ cảm thấy khá bực bội và muốn ném theme ngay lập tức.

Tôi cũng đã từng như thế! Vì nếu không thì bài viết này đã không ra đời.

Hơn nữa thiết kế càng đẹp, càng mới lạ và càng chuyên nghiệp thì sẽ lấy được nhiều lòng tin của khách truy cập. Hoặc ít ra cũng gây ấn tượng mạnh với họ.

Đó là lý do bạn nên nghĩ đến việc trang là một sản phẩm WordPress giúp bạn thực hiện các ý tưởng giao diện và giải phóng sự gò bó hiện tại.

Elementor Pro có thể coi là lựa chọn tốt nhất của bạn vào lúc này.

Nó sẽ biến mọi suy nghĩ về thiết kế trên Website của bạn thành sự thật. Mọi thứ sẽ đơn giản đến mức bạn chưa bao giờ nghĩ tới. Thậm chí một số người tự xưng là “chuyên gia” về Web còn sẽ phải sát mình với nó.

Mình không nói khoác đâu, bạn sẽ nhận ra ngay bây giờ!

Các tính năng hàng đầu của trình tạo chủ đề Elementor Pro

Nếu bạn đã từng trải nghiệm phiên bản miễn phí của Elementor, bạn sẽ biết plugin này đem đến một giao diện thiết kế rất trực quan (Front-end).

Cụ thể bạn sẽ có rất nhiều modules (hoặc widget) bên trái và màn hình hiển thị trực tiếp nội dung khách truy cập sẽ thấy.

Nhiệm vụ của bạn là chỉ cần kéo các modules với từng tính năng tương ứng và thả sang màn hình hiển thị. Sau đó là thực hiện một số chỉnh sửa theo ý muốn và…

Xong! Bạn đã có một trang đẹp mắt.

Mặc dù  chỉ là một điểm chung cơ bản như vậy của Elementor nhưng cũng đủ để làm bạn phấn khích trong việc thiết kế, đúng không?

Đó chưa là gì cả.

Đến với phiên bản Pro bạn sẽ thấy được những cải tiến vượt hơn cả sức tưởng tượng của bạn.

Thay vì mỗi thiết kế của bạn chỉ dành riêng một trang thì giờ đây bạn có quyền thiết kế từng phần riêng biệt của WordPress cũng như chủ đề gồm:

  • Header: Phần đầu trang với logo, menu điều hướng 

  • Main layout: Khu vực nội dung chính

  • Sidebar: Thanh bên

  • Footer: Chân trang 

  • Các trang lưu trữ như Blog, Categories, tags, Author

  • Các trang đặc biệt như 404 hay tìm kiếm.

Đặc biệt, tôi thích tính năng tạo bố cục cho bài viết đơn (Single Post). Điều này có nghĩa là đối với mỗi bài viết, bạn có thể thiết kế một bố cục dành riêng cho nó theo sự sáng tạo của bạn hoặc sao chép nó từ đâu đó.

Điều thú vị hơn nữa là với mỗi thành phần bạn thiết kế (sẽ gọi là một Template) và bạn có quyền tạo nó với số lượng không giới hạn.

Thật khó diễn tả thể nào cho bạn hiểu vì mình cho rằng nó quá linh hoạt về mặt tùy biến.

Nhưng bạn có thể hình dung thế này:

Giả sử mình sao chép 100 ý tưởng thiết kế về bố cục bài viết ở các website bên ngoài và đem nó về Elementor Pro. Sau đó mình có thể lưu lại để sử dụng bằng cách áp dụng cho từng bài viết.

B

Bây giờ nếu tôi có 100 bài đăng, tôi có thể cho phép mỗi bài đăng hiển thị một bố cục hoàn toàn khác thông qua tùy chọn điều khiển hiển thị.

Một sự linh hoạt đáng sợ, phải không?

Ngoài ra, ở phiên bản Pro, bạn sẽ được bổ sung thêm rất nhiều module để hỗ trợ thiết kế landing page cũng như các thành phần theme một cách đa dạng hơn. Bạn sẽ không cảm thấy gò bó hay thiếu thốn trong quá trình thiết kế.

Tôi nghĩ rằng bạn thậm chí có thể ước rằng các mô-đun này sẽ ít hơn vì khám phá tất cả các tính năng của Elementor Pro vẫn chưa đủ.

Nếu bạn bối rối về cách hoạt động của trình tạo chủ đề, đừng lo lắng!

Để bạn có một cái nhìn cụ thể hơn. Mình sẽ cùng bạn thực hành tạo một theme WordPress với Elementor Pro.

Cách sử dụng trình tạo chủ đề Elementor Pro

Okay, nếu bạn đã sẵn sàng thì bây giờ đã đến lúc trở thành một chuyên gia WordPress cho chính bạn. Bạn sẽ trải nghiệm những công nghệ hàng đầu trong ngành công nghiệp Web.

Nó cũng là một mối đe dọa vô cùng lớn những dịch vụ lập trình, những thầy dạy thiết kế web khi đang đứng trước nguy cơ đánh mất công việc.

Mình không nói chơi đâu!

Sự thật đã quá rõ ràng khi cả bạn cũng tự tay làm được thì cần đi thuê làm gì, đúng chứ?

Không nói nhiều nữa, bắt đầu thôi nào!

Chọn một chủ đề WordPress mặc định với sự đơn giản

Vì Elementor Pro là Trình tạo chủ đề – điều đó có nghĩa là có thể tạo chủ đề WordPress chỉ bằng cách kéo và thả.

Đó là lý do tại sao bạn không cần trang bị thêm bất kỳ chủ đề WordPress trả phí nào khác.

Bạn cũng cần sử dụng những theme có nhiều tính năng, điều này chỉ làm cho Website của bạn nặng nề hơn mà thôi. (Trong chốc lát bạn sẽ thấy các tính năng trên Theme dư thừa đến mức nào.)

Vì vậy, tôi khuyên bạn nên chọn một chủ đề WordPress càng nhẹ càng tốt.

Tôi có 5 chủ đề dành cho bạn, đây cũng là những chủ đề WordPress nhẹ nhất hành tinh cho đến nay. Tất nhiên chúng được cung cấp dưới dạng phiên bản miễn phí!

Trong hướng dẫn này mình sẽ sử dụng theme mình thích nhất – GeneratePress. Thật ra nó chỉ đóng vai trò đệm chứ không nhất thiết bạn phải sử dụng giống mình.

Cách tạo Template trong Elementor Pro

Template là nơi quan trọng để bạn tạo và quản lý các thiết kế trên WordPress với Elementor Pro.

Trước tiên bạn hãy truy cập Dashboard -> Template -> Theme Builder -> Add New.Add-new-element-elementor-pro

Một Pop-up hiện ra cho phép bạn chọn template cần tạo, trong đó các loại Template sử dụng để tạo chủ đề là:

  • Header

  • Footer

  • Single

  • Archive

Chọn vào Template muốn tạo sau đó đặt tên cho nó và nhấn nút Create Template.chon-phan-muon-tao

Vậy là xong cách tạo, giờ hãy bắt đầu với từng phần tử trên chủ đề.  Và chúng ta hãy bắt đầu với header.

giao-dien-moi-elementor

Về cơ bản nó đẹp và trực quan hơn nhưng các hoạt động cũng không có gì khác.

Thay vì chọn như trên thì bây giờ bạn chọn từng mục tương ứng sau đó nhấp vào dấu (+).

Tạo Headder trên Elementor Pro

Như đã hướng dẫn ở trên, chọn mục header để đặt tên và bấm tạo.

Sau đó, bạn sẽ tự động được chuyển hướng đến giao diện người dùng.

Một Pop-up với Header Templates sẽ xuất hiện để bạn lựa chọn. Nếu chưa quen thiết kế, bạn cứ chọn cái ưng ý nhất rồi nhấn Insert để vào.

header-template-elementor-pro

Nhưng chi tiết hơn thì mình sẽ không nhập mà thiết kế lại từ đầu bằng cách nhấn nút x để đóng pop-up.

Tiếp theo tôi sẽ thiết kế bình thường bằng cách tạo cấu trúc cột.

Ví dụ này lấy cấu trúc 1/3 + 2/3 vì nó thông dụng. Nếu thích bạn có thể sáng tạo theo ý mình hoặc ăn cắp ở đâu đó.tao-bo-cuc-header-elementor-theme-builder

Giờ thì mình chỉ việc kéo các widget như logo hoặc tiêu đề trang (site title) vào thanh điều hướng (nav menu) là xong.widget-header

***Nếu có ý tưởng thiết kế khác bạn hãy thêm các modules khác. Ví dụ như Button, Search Form,…

Với logo và tiêu đề trang web, nó sẽ lấy thông tin từ cài đặt trong tùy biến của bạn.

Đối với thanh điều hướng, nó sẽ lấy từ menu của bạn.

Điểm nổi bật đáng chú ý là bạn có quyền chọn menu mình muốn từ danh sách menu bạn đã tạo trước đó.

menu-linh-hoat-elementor

Phần tùy chỉnh màu sắc, kích thước, hiệu ứng mình sẽ không nói tới vì khá mất thời gian. Bạn có thể tự mò hoặc có thể tham gia NIC University để nhận các hướng dẫn chi tiết hơn từ mình. (Sắp cập nhật).

Khi đã thiết kế xong thì bạn hãy nhìn xuống góc trái bạn sẽ thấy nút Update màu xanh. Click vào nó để cập nhật thay đổi và tùy chọn hiển thị cho header vừa tạo.

update-btn-elementor

Tiếp tục nhấp vào nút Thêm điều kiện rồi thiết lập hiển thị.

Đầu tiên là Bao gồm: khi sử dụng tùy chọn này, các mục bạn đã chọn sẽ được hiển thị.

Nếu không, khi sử dụng  Loại trừ , các mục bạn đã chọn sẽ bị xóa và không hiển thị.

Ví dụ trong hình này, tôi áp dụng Header để hiển thị trên toàn bộ trang và loại trừ trang 404.

kiem-soat-hien-thi-elementor-pro

Nhấn Save & close ở góc dưới để kết thúc.

Quay lại một trang bất kỳ và test bạn sẽ thấy kết quả:

Tiêu đề mới được tạo có thay thế tiêu đề Chủ đề mặc định không?

Hơn nữa, bài kiểm tra vẫn chưa được hoàn thành! Hãy nhớ rằng tôi đã không áp dụng tiêu đề này cho trang 404?

Kiểm tra bằng cách gõ bất cứ thứ gì sau tên miền của bạn.

Ví dụ: https://imo.com/go-bat-ky

Và đây là kết quả của mình cho trang 404. Header mình vừa tạo không được áp dụng mà thay vào đó là header mặc định của theme.

Okay, vậy là bạn đã hiểu cách thiết kế header và kiểm soát hiển thị của nó rồi phải không?

Tiếp theo hãy đi đến thiết kế Footer cho WordPress của bạn.

Xây dựng Footer cho Website

Tương tự như thao tác tạo header ở trên bạn chỉ thay vào đó bằng tùy chọn Footer.

tao-footer-moi

Tiếp theo, bạn sẽ có thể chọn từ một số mẫu có sẵn. Chúng được thiết kế vô cùng đẹp mắt và chuyên nghiệp.

Tôi khuyên bạn nên nhập bản demo để lấy các mẫu này và sau đó chỉnh sửa một chút để tiết kiệm thời gian.

insert-footer

Và nếu bạn có thời gian rảnh rỗi, bạn muốn nghịch ngợm với những câu thoại thì hãy tắt đi và thực hiện ý tưởng của mình. Nhưng tôi đảm bảo nó sẽ tệ hơn nếu bạn tự tạo ra nó. Trừ khi bạn là một chuyên gia sao chép thiết kế.

Sau khi thiết kế xong, đừng quên thiết lập hiển thị cho Footer vừa tạo nhé!

Thiết kế bố cục bài viết

Đây là phần tôi mong chờ nhất vì nó là sở trường của tôi. Không phải tôi tự nhận mình giỏi, nhưng từ khi bước vào thế giới WordPress, tôi đã dành rất nhiều thời gian để nghiên cứu về bố cục bài viết.

Đơn giản vì tôi nhận ra rằng viết lách là phương pháp tốt nhất để phát triển Web và nắm lấy cơ hội xếp hạng trên Google và nhiều yếu tố Digital Marketing khác.

Ngoài nội dung hay, bố cục cũng cần đẹp và rõ ràng. Chỉ khi đó, khách mới thấy được sự chuyên nghiệp của bạn và tin tưởng bạn.

Trên hàng triệu Website/Blog hiện diện trên Internet, sẽ có rất nhiều bố cục bài viết khác nhau được các designer xây dựng với phong cách sáng tạo, mới lạ.

Có thể hôm nay khi đi dạo bạn sẽ thích cách bố trí bài viết của trang web này, nhưng ngày mai bạn sẽ vô tình nhìn thấy một thiết kế khác đẹp hơn.

Với tư cách là một chủ Website, rất khó để bạn kiềm chế được cơn “thèm khát” thiết kế như vậy.

Và đó là lý do mình thích sử dụng Elementor Pro để sao chép tất cả ý tưởng về bố cục bài viết. Giả sử một ngày chán chán mình có thể thay đổi cho vui.

Rất thú vị nhỉ?

Tương tự như những bước trên hãy chọn Single -> Post -> Post.

tao-trang-bai-viet

Một gợi ý với 8 mẫu bài viết cực kỳ đẹp mắt xuất hiện cho bạn, nếu thích thì có thể chọn.

Nhưng nếu bạn muốn tìm hiểu để sau này ăn cắp thiết kế thì hãy nhất nút X để bắt đầu lại.

huy-import-post-template

Trong giao diện thiết kế này bạn sẽ có 8 modules mới.

widget-single-post

Các mô-đun này là các giá trị được lấy trong trình chỉnh sửa bài đăng và các tính năng liên quan.

Ví dụ: Tiêu đề bài đăng, Hình ảnh nổi bật, Nội dung bài đăng, Nhận xét về bài đăng, Hộp tác giả, Thông tin bài đăng.

Chỉ với 8 module trên, bạn có thể sao chép bất kỳ bố cục nào của một Website.

Như trong hình, mình đã sử dụng các modules để thiết kế giao diện bài viết. Và Elementor Pro sẽ lấy bài viết gần nhất làm hiển thị trực quan cho mình dễ hình dung

Khi bạn thiết lập hiển thị áp dụng cho bài viết thì đó là giao diện bài viết mới của bạn.

Nó sẽ không phụ thuộc vào Theme WordPress của bạn nữa.kiem-soat-hien-thi-single-post

Ngoài ra, bạn cũng có quyền kiểm soát hiển thị theo cách bản thân muốn. Có thể là 1 bố cục áp dụng cho toàn bộ bài viết Blog, hoặc một chuyên mục nhất định.

Hoặc như phần đầu đã đề cập. Nếu bạn có 100 Template bài viết thì bạn có thể áp dụng mỗi bài viết 1 Template thì cũng không có vấn đề gì. Tính năng kiểm soát đã lo cho bạn.

Thông thường, mình khuyên bạn chỉ áp dụng từ 1 – 3 mẫu đã là quá đủ. Quá nhiều sẽ mất thời gian và không đồng bộ bố cục Website của bạn.

Xây dựng trang lưu trữ

Nếu công việc của bạn liên quan đến Blog và các bài báo, đừng nói rằng bạn không biết trang lưu trữ?

Ít nhiều bạn cũng hiểu về cơ bản các trang là tập hợp các bài viết cùng loại nội dung.

Ví dụ: trang Blog là tập hợp tất cả các bài viết, trang tác giả là tập hợp các bài viết của một tác giả, trang chuyên mục sẽ tập hợp các bài viết cùng chuyên mục.

Nếu bạn dùng một theme WordPress cố định thì dường như bạn chỉ phụ thuộc vào thiết kế của họ, rất khó thay đổi.

Tuy nhiên, sử dụng Elementor Pro, bạn có thể tạo các trang lưu trữ riêng biệt.

Như trên, chọn Archive.

tao-archive-page

Sau đó thì chọn Template hoặc thiết kế có sẵn theo ý muốn. Nếu tự thiết kế thì đừng có quên kéo modules Archive Posts qua nhé.

nhap-trang-luu-tru-elementor

Kiểm soát hiển thị thì nên chọn All Archive để tất cả nhưng dạng lưu trữ bài viết sẽ lấy template bạn vừa tạo.

Thông thường các trang lưu trữ khá ít người truy cập nên bạn không cần chăm chút quá nhiều tránh để mất thời gian cho những việc quan trọng khác.

Xây dựng trang 404

Nếu bạn biết một chút về SEO Web có thể bạn sẽ được nói qua về trang 404. Một trang thường rất phổ biến trên các website do trong quá trình thay đổi url Website của bạn.

Với những theme WordPress thông thường, trang 404 thường rất đơn giản. Thường chỉ chứa một vài dòng chữ cùng thanh tìm kiếm.

Chẳng hạn như ở phần trên mình cũng lấy trang 404 làm ví dụ.

Nhưng với Elementor Pro bạn có thể tạo ra một trang 404 hoàn toàn mới và theo ý muốn.

Để làm điều này hãy chọn mục Single -> 404.

tao-trang-404-bang-elementor

Sẽ có một số bản mẫu được nghiên cứu một cách kỹ lưỡng và đẹp mắt, nếu bạn không rành về trang này thì mình khuyên bạn nên sử dụng các mẫu.

Còn nếu bạn có kinh nghiệm về chuyển đổi thì hãy tận dụng trang này bằng cách để lại những CTA hoặc opt-in form để thu thập email.

Cá nhân mình khi còn sử dụng Elementor thì cứ để mặc định. Cơ bản nó đã quá xịn so với phần lớn theme WordPress và mình có thể sử dụng plugin redirect để chuyển hướng hoặc fix các liên kết hỏng.

Đánh giá cuối cùng của mình về Elementor Pro

Mình cũng như hầu hết những bạn đang đọc bài viết này, mình không được đào tạo chuyên sâu về lập trình Web. Vì vậy khi dùng WordPress đã là một thách thức lớn.

Do đó những thứ như tùy chỉnh hay thiết kế giao diện theo ý muốn có thể khá xa xỉ với mình ở những giai đoạn đầu.

Tuy nhiên khi mình biết tới Elementor Pro nó đã giúp mình thay đổi toàn bộ suy nghĩ trên.

Ngoài tính năng tạo trang kéo thả để xây dựng các loại trang cơ bản như: trang chủ, bán hàng, liên hệ, giới thiệu,..thì trình tạo chủ đề còn giúp mình tạo ra hẳn một theme theo ý mình thích.

Có khi mình cũng không tin cho đến khi tự bắt tay thực hành như trên.

Nếu bạn là một người năng động, thích sáng tạo và trải nghiệm các tính năng WordPress cao cấp thì chắc chắn bạn sẽ thích Elementor Pro.

[block_content id=”1534″]

Bạn đã sẵn sàng xây dựng một chủ đề cho riêng mình với Elementor Pro?

Với những đánh giá chi tiết về Elementor Pro ở trên, mình tin chắc các bạn cũng nhận ra Elementor Pro linh hoạt và mạnh mẽ như thế nào trong thiết kế web.

Và một điều tôi chưa nói với bạn:

Những gì bạn vừa thực hành trong bài hướng dẫn Elementor Pro ở trên mới chỉ khai thác được 1/10 tính năng của nó.

Vì không có nhiều thời gian và độ dài của một số bài viết không cho phép. Vì vậy, tôi chỉ lướt qua các tính năng cốt lõi để bạn có thể phát triển.

Chỉ khi tự mình trải nghiệm, bạn mới có thể khai thác hết sức mạnh của Plugin này.

Và tôi chắc chắn một điều:

Sử dụng trình tạo chủ đề Elementor Pro sẽ giúp bạn tạo ra bất kỳ giao diện Web nào bạn thích. Bao gồm cả những trang dành cho tiếp thị như Landing Page 

Bắt đầu các thiết kế không giới hạn trên Website/Blog của bạn ngay hôm nay với Elementor Pro. Bạn sẽ trải nghiệm cảm giác của một bậc thầy về thiết kế mà không cần biết về code.

Bên cạnh đó bạn sẽ được trang bị một số tính năng hỗ trợ đắc lực cho Digital Marketing như trình tạo Pop-up với các cửa sổ bật lên dành cho quảng cáo hoặc Form thu thập Email.

Hoặc là hàng chục modules tích hợp với trang đích (Landing page) để tăng cường chuyển đổi trên Web của bạn.

Link bài viết Elementor Pro Review: Cách tạo chủ đề Website WordPress chỉ với thao tác đơn giản: https://imo.com.vn/elementor-pro-review-cach-tao-chu-de-website-wordpress-chi-voi-thao-tac-don-gian/

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top