7 days of PowerPoint templates, graphics & videos - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Business
  2. Web Design

Cách chọn một mẫu (template) trang web (Mẫu nào phù hợp cho trang của bạn nhất?)

Scroll to top
Read Time: 16 mins

Vietnamese (Tiếng Việt) translation by Caitlyn Cat Tien (you can also view the original English article)

Chọn mẫu (template) trang web là một quyết định quan trọng đối với mỗi chủ doanh nghiệp. Có rất nhiều thứ để xem xét; từ loại trang web bạn muốn xây dựng, các tính năng khác nhau và tùy chọn tuỳ chỉnh, giảm ngân sách và mức độ kinh nghiệm của bạn với việc chỉnh sửa các mẫu .

Hoàn toàn tự nhiên khi cảm thấy quá tải lúc chọn mẫu trang phù hợp cho trang web của bạn. Với ý nghĩ đó, chúng tôi đã tổng hợp hướng dẫn này để xác định các bước cần thiết để chọn mẫu trang web tốt nhất.

Cách Chọn một mẫu

Trước khi chọn một mẫu trang web, có một vài điểm chính bạn cần cân nhắc:

1. Loại trang web nào bạn muốn xây dựng?

Mẫu trang web xác định cấu trúc trang web, chức năng của bạn và cách nó hiển thị. Bạn sẽ xây dựng một trang web đơn giản một trang hay bạn cần một số trang trong đó bao gồm các thư viện, bản đồ hoặc video?

Bạn cũng nên nhớ rằng lĩnh vực và niche của bạn quyết định mẫu trang web tốt nhất. Mẫu được tạo ra bởi các nhiếp ảnh gia sẽ không phù hợp với công việc kế toán và ngược lại.

2. Kiểu bố cục và thiết kế nào phù hợp với nhu cầu của bạn?

Bố cục và thiết kế xác định cách thức thông tin sẽ đượ sắp xếp khi bạn tạo một trang web. Có năm yếu tố thiết kế và khả năng sử dụng chính cần xem xét khi lựa chọn mẫu trang web phù hợp:

  • thiết kế chiều rộng nội dung
  • bố cục đầu trang
  • thiết kế điều hướng
  • vị trí biểu tượng
  • khả năng sử dụng tổng thể và trải nghiệm người dùng

Thiết kế chiều rộng nội dung

Hầu hết các mẫu trang web ngày nay đều có hai loại chiều rộng nội dung: chiều rộng đầy đủ và chiều rộng được đóng hộp.

Thiết kế toàn chiều rộng là khi hình nền trải dài toàn bộ chiều rộng màn hình máy tính của bạn. Các bố cục toàn chiều rộng rất phổ biến và hoạt động tốt cho các mẫu thiết bị di động responsive và các trang web nặng về đồ họa . Nói chung, chúng thiên về sáng tạo và hiện đại hơn.

Mẫu Canvas HTML5 có thiết kế đẹp toàn chiều rộng (chú ý đến cách hình ảnh tiêu đề mở rộng toàn bộ chiều rộng của khung hình từ cạnh này sang cạnh kia):

Example of a full-width layoutExample of a full-width layoutExample of a full-width layout
Mẫu trang web Canvas - Ví dụ về bố cục toàn chiều rộng.

Chiều rộng đóng hộp là khi nội dung của bạn có khung hiển thị ở bên trái và bên phải của màn hình. Loại bố cục này phù hợp hơn cho các trang web kinh doanh có định hướng vì nó mang tính truyền thống và chuyên nghiệp hơn. Theme WordPress Brandon có một lựa chọn thiết kế đóng hộp:

Example of a boxed-width designExample of a boxed-width designExample of a boxed-width design
Mẫu WordPress Brandon - Ví dụ về cách bố cục đóng hộp.

Bố cục đầu trang

Đầu trang thường là điều đầu tiên mà khách truy cập của bạn sẽ thấy khi họ ghé thăm trang web của bạn. Có nhiều kiểu bố cục tiêu đề khác nhau và chúng có thể trải dài từ một hình ảnh biểu tượng logo đơn giản và điều hướng chính đến các tiêu đề có trình chiếu, video, hình ảnh với lớp phủ văn bản, v.v ...

Chọn đầu trang phù hợp là quyết định thiên về mục tiêu có định hướng hơn là một quyết định về thiết kế. Đầu trang của trang web của bạn nêntruyền đạt một cách hiệu quả thông điệp cốt lõi của doanh nghiệp của bạn đến khách truy cập của bạn.

Sử dụng hình ảnh quyến rũ để tạo ra trải nghiệm hình ảnh tuyệt vời, hiệu quả tốt cho các doanh nghiệp như khách sạn, nhà hàng, spa.

Mặt khác, nếu loại hình kinh doanh của bạn có thể khó giải thích chỉ qua hình ảnh, bạn nên chọn một thiết kế đầu trang kết hợp một hình ảnh với một lớp phủ văn bản. Đảm bảo bao gồm dòng tiêu đề, một đoạn văn bản hỗ trợ hoặc dòng giới thiệu của bạn, và lời kêu gọi hành động trong lớp phủ đó.

Đây cũng là kiểu thiết kế đầu trang được sử dụng nhiều nhất, được hiển thị bên dưới trong mẫu WordPress Foundry:

Foundry WordPress ThemeFoundry WordPress ThemeFoundry WordPress Theme
Foundry WordPress Theme - Ví dụ về đầu trang trang web với lớp phủ văn bản nổi bật.

Tương tự như vậy, nếu doanh nghiệp của bạn cung cấp nhiều hơn một dịch vụ hoặc nếu bạn phục vụ cho nhiều đối tượng khác nhau, việc sử dụng đầu trang trình chiếu có thể là một cách tuyệt vời để giới thiệu mọi thứ mà bạn cung cấp một cách có tổ chức. Mẫu trang web Porto giới thiệu đầu trang kiểu trình chiếu bên dưới đây:

Porto Site TemplatePorto Site TemplatePorto Site Template
Mẫu trang web Porto - ví dụ về một trang web với một thiết kế đầu trang dạng trình chiếu.

Mặt khác, những dầu trang có tính năng video có thể làm việc rất tốt cho hầu hết các chủ doanh nghiệp nhỏ khi được thực hiện đúng. Chúng có thể là một công cụ tiếp thị mạnh mẽ, mang lại cho thương hiệu của bạn cảm giác cá nhân hơn và giải thích sứ mệnh kinh doanh của bạn một cách hấp dẫn.

Thiết kế thanh điều hướng

Điều hướng của bạn là công cụ chính sẽ hướng dẫn khách truy cập của bạn xem loanh quanh trang web của bạn. Thanh điều hướng của bạn phải sạch sẽ và đơn giản, với một màu nền thoải mái cho mắt. Các trang của bạn nên được sắp xếp theo thứ tự quan trọng từ trái sang phải và chỉ nên bao gồm các trang thiết yếu. Các trang hỗ trợ nên được thêm vào dưới dạng các mục trình đơn thả xuống thay vì đưa vào menu chính.

Vị trí của thanh điều hướng của bạn cũng rất quan trọng. Một menu điều hướng trên cùng nằm ngang là một thiết kế cổ điển và là kiểu được mọi người sử dụng nhiều nhất.

Nếu các trang của bạn rất dài, bạn nên xem xét sử dụng thanh trình đơn được cố định cố định ở đầu trang cho dù khách truy cập của bạn có di chuyển bao xa.

Nếu trang web của bạn nặng về hình ảnh, hãy cân nhắc sử dụng thanh điều hướng dọc có hiệu quả đặc biệt nếu các mục trình đơn của bạn có tiêu đề dài hoặc nếu bạn có nhiều tab.

Một tùy chọn khác cho các trang web đồ họa nặng là trình đơn điều hướng ngang dưới cùng, nó tập trung chủ yếu vào nội dung và loại bỏ sự phiền nhiễu trực quan. Loại trình đơn này cũng mang lại hiệu quả tốt nếu mục tiêu chính của trang web của bạn bao gồm một sự kêu gọi hành động như đăng ký email hoặc mua sắm tại cửa hàng trực tuyến của bạn.

Vị trí đặt Logo

Vị trí của logo của bạn nói rất nhiều về các mục tiêu kinh doanh của bạn. Một logo được đặt trong cùng một hàng với điều hướng chính sẽ cực kỳ phù hợp cho các doanh nghiệp tập trung nhiều hơn vào các sản phẩm và dịch vụ của họ và ít chú trọng hơn đến việc xây dựng thương hiệu. Nó phù hợp nhất cho các công ty phục vụ cho thị trường giữa các doanh nghiệp với doanh nghiệp (B2B).

Một logo nằm ở trung tâm, có thể nằm dưới hoặc phía trên thanh điều hướng chính, phù hợp cho các doanh nghiệp tập trung vào việc tạo ra sự nhận diện thương hiệu và phổ biến nhất với các doanh nghiệp bán lẻ.

Khả năng sử dụng tổng thể và trải nghiệm người dùng

Cuối cùng, nhưng không kém phần quan trọng, bạn nên xem xét khả năng sử dụng tổng thể và trải nghiệm người dùng của mẫu trang web đó. Hãy ghi nhớ những điểm đã nêu ở trên, mẫu trang web đã chọn của bạn không chỉ phải có một thiết kế hấp dẫn, mà nó cũng nên phù hợp với yêu cầu của bạn. Quan trọng hơn, nó phải bao gồm thiết kế thân thiện với thiết bị di động và responsive, tải nhanh chóng và bao gồm tối ưu hoá SEO.

3. Tính năng và Tùy chỉnh

Hầu hết các mẫu trang web hiện đại cho phép một số mức tùy chỉnh để kết hợp với thương hiệu hiện tại của bạn. Tùy chọn tùy chỉnh bao gồm lựa chọn từ màu sắc và phông chữ và thêm logo công ty của bạn theo tất cả các cách cho đến thêm đa phương tiện và tạo ra một bố cục tùy chỉnh.

Lưu ý rằng tuỳ chỉnh mẫu trang web sẽ nâng cao mẫu đó mà không yêu cầu thiết kế lại hoàn toàn.

Các mẫu trang web cũng cung cấp nhiều tính năng cho các niche cụ thể như mẫu đặt chỗ hoặc thư viện ảnh hoặc các tính năng rất chung chung có thể được sử dụng trong một loạt các niche

Hãy xem xét các tính năng bạn cần cho mẫu trang web của bạn và loại bỏ tất cả các mẫu có các tính năng mà bạn không cần và sẽ không bao giờ sử dụng.

4. Cân nhắc về hỗ trợ khách hàng và ngân sách

Cho dù các mẫu trang web "đơn giản để sử dụng" hay "dễ dàng cập nhật" như thế nào, chúng phải được hỗ trợ bởi một người phát triển mẫu là người cung cấp hỗ trợ nếu bạn gặp bất kỳ vấn đề nào. Chọn một mẫu mà nhà thiết kế mẫu đó nêu rõ rằng họ cung cấp hỗ trợ khách hàng qua điện thoại, email hoặc trò chuyện trực tuyến để bạn có thể tải lên trang web của bạn một cách khả thi và sẵn sàng để xem nhanh nhất có thể.

Rất nhiều mẫu của chúng tôi có hỗ trợ 6 tháng bao gồm:

  • Trả lời câu hỏi về cách sử dụng mẫu.
  • rả lời các câu hỏi kỹ thuật cho sản phẩm đó (và bao gồm tài sản bên thứ ba) chẳng hạn như các câu hỏi cụ thể về các tính năng và chức năng của sản phẩm đó, cung cấp hướng dẫn cách sản phẩm đó được thiết kế, giúp bạn giải quyết các vấn đề liên quan đến việc sử dụng sản phẩm và hiệu quả nhất với chức năng của nó,...
  • Trợ giúp với các khiếm khuyết trong theme đó hoặc bao gồm tài sản bên thứ ba như lỗi và vấn đề nhỏ của sản phẩm.
  • Cập nhật sản phẩm để đảm bảo tính tương thích diễn ra và để giải quyết các lỗ hổng bảo mật.

Hỗ trợ của chúng tôi không cung cấp tùy chỉnh chủ đề, cài đặt sản phẩm, lưu trữ, môi trường máy chủ hoặc phần mềm, và hỗ trợ từ các tác giả của tài sản của bên thứ ba đi kèm. Đối với các dịch vụ tuỳ chỉnh hoặc cài đặt sẽ giúp bạn điều chỉnh mẫu theo yêu cầu cụ thể của bạn, chúng tôi gợi ý bạn nên sử dụng các nhà cung cấp và phát triển dịch vụ chuyên nghiệp trên Envato Studio.

Các loại mẫu tạo sẵn

Có hai loại mẫu trang web chính bạn nên xem xét cho trang web kinh doanh của mình. Đó là mẫu tĩnh hoặc HTML mẫu và mẫu WordPress. Chúng ta hãy cùng xem hai loại mẫu này nhé.

1. Mẫu tĩnh

Mẫu trang web tĩnh thường là các mẫu trang web chủ yếu sử dụng kết hợp HTML và CSS để hiển thị thiết kế và nội dung trang web của bạn; và JavaScript để thêm các tính năng bổ sung như trình chiếu hoặc xác nhận mẫu.

Các mẫu trang web tĩnh có những ưu và nhược điểm riêng của chúng.

Các ưu điểm của mẫu trang web tĩnh:

  • Ít khi hoặc không bảo trì - Khi trang web của bạn đang hoạt động, không cần cài đặt bất kỳ bản cập nhật hoặc thực hiện sao lưu thường xuyên. Trong hầu hết các trường hợp, bản sao lưu ban đầu đã là quá đủ.
  • Yêu cầu thấp - Vì các mẫu tĩnh không sử dụng PHP hoặc cơ sở dữ liệu như MySQL, do đó, chúng có thể chạy trên một máy chủ rẻ hơn với ít nguồn tài nguyên cần thiết, làm giảm chi phí lưu trữ.

Nhược điểm của trang web tĩnh:

  • Không cập nhật - Trừ khi bạn đã quen thuộc với HTML / CSS, mẫu trang tĩnh có thể rất khó cập nhật cho người mới bắt đầu, thường chuyển sang việc thuê một nhà phát triển thực hiện ngay cả đối với các tác vụ đơn giản.
  • Không có tính năng bổ sung - Nếu doanh nghiệp của bạn phát triển và bạn muốn thêm một tính năng vào trang web của mình như một cửa hàng, bạn sẽ phải thuê một nhà phát triển để làm điều này cho bạn.
  • Chi phí - Mặc dù mẫu trang web có giá khá phải chăng, chúng có thể nhanh chóng chứng minh được rằng chúng sẽ khá tốn kém nếu bạn cần nhiều thay đổi và cập nhật.

Bây giờ bạn đã biết các ưu và khuyết điểm của các mẫu trang web tĩnh, nó rất đáng để nói rằng một mẫu trang web tĩnh tạo ra sự lựa chọn khôn ngoan.

Mẫu trang web tĩnh là một lựa chọn hoàn hảo nếu bạn hoàn toàn chắc chắn rằng bạn sẽ không muốn cập nhật, thay đổi hoặc thêm bất kỳ điều gì mới vào trang web của mình hoặc nếu bạn biết về lập trình và có thể tự mình dễ dàng thay đổi trang web của mình. Tương tự như vậy, nếu bạn không có thời gian và nguồn lực để phát triển nội dung cho blog kinh doanh, thì mẫu tĩnh là một lựa chọn tốt hơn.

Dưới đây là mẫu trang web tĩnh phổ biến - Pillar, được xây dựng trong trình tạo trang để giúp bạn tạo nhiều trang html:

Pillar Website TemplatePillar Website TemplatePillar Website Template
Pillar HTML Website Template With Page Builder - đang bán trên Envato Market.

2. Mẫu WordPress

WordPress là một Hệ thống Quản lý Nội dung (CMS).

Một CMS như WordPress được xây dựng với ngôn ngữ lập trình PHP và MySQL cho cơ sở dữ liệu, chứa tất cả dữ liệu của bạn. Dữ liệu đó sau đó sẽ được hiển thị động trên giao diện người dùng của trang web của bạn thông qua HTML / CSS và Javascript.

Vì vậy, có nhiều thành phần được xây dựng trong một mẫu WordPress so với một mẫu trang web đơn giản. Bạn truy cập vào tất cả các thành phần và thiết lập trang web của mình thông qua giao diện WordPress, cũng như bổ sung các plugin và quản lý trang của bạn. Lợi thế lớn nhất của bất kỳ CMS nào là khả năng cập nhật trang web của bạn từ một giao diện người dùng thân thiện.

Chúng ta hãy tham khảo những ưu và khuyết điểm của việc sử dụng WordPress.

Ưu điểm của việc sử dụng WordPress

  • Dễ dàng cập nhật - Nhờ vào giao diện người dùng trực quan, WordPress giúp bạn dễ dàng tạo hoặc cập nhật các trang trên trang web của mình.
  • Các mẫu chuyên nghiệp - Có hàng ngàn mẫu tạo sẵn mà bạn có thể sử dụng trên trang web của mình và hầu hết các mẫu này bao gồm giao diện người dùng thân thiện cho phép bạn thay đổi màu sắc, phông chữ, bố cục và nhiều hơn nữa chỉ với một vài cú click chuột.
  • Cực kỳ mạnh mẽ - WordPress có một thư viện khổng lồ các plugin cho phép bạn mở rộng thêm chức năng của trang web của bạn, chẳng hạn như: thêm mẫu liên hệ, thêm hệ thống đặt phòng, thêm bộ sưu tập ảnh và hơn thế nữa.

Nhược điểm của việc sử dụng WordPress

  • Quá trình học tập - Mặc dù WordPress rất dễ sử dụng, nhưng phải mất một thời gian đối với hầu hết người mới bắt đầu để làm quen với phần mềm này. Tuy nhiên, Internet có đầy đủ các nguồn tài nguyên hữu ích tập trung đặc biệt về WordPress.
  • Bảo trì - Nếu bạn sử dụng WordPress, điều rất quan trọng là giữ cho nó luôn được cập nhật, cũng như bất kỳ theme và plugin nào mà bạn đã cài đặt. Bạn có thể tự làm điều này cho mình hoặc sử dụng một nhà cung cấp hosting WordPress sẽ thực hiện việc này cho bạn.

Đây là theme WordPress phổ biến nhất trên Envato Market (Avada), bởi vì nó là thiết kế linh hoạt và có các tùy chọn đầy đủ tính năng:

Avada WordPress TemplateAvada WordPress TemplateAvada WordPress Template
Avada là theme WordPress bán chạy nhất trên Envato Market.

WordPress là một lựa chọn tuyệt vời nếu bạn muốn cập nhật trang web của bạn một cách dễ dàng bất cứ khi nào bạn muốn. Nếu bạn có kế hoạch sử dụng tiếp thị nội dung làm chiến lược phát triển kinh doanh thì WordPress sẽ mang lại nhiều ý nghĩa hơn bởi vì nó cho phép bạn bắt đầu một blog kinh doanh và phát triển danh sách email của bạn một cách dễ dàng.

Tìm hiểu cách cài đặt một theme WordPress, bắt đầu một blog kinh doanh và khám phá nhiều theme kinh doanh tuyệt vời hơn của WordPress:

Chọn Mẫu Trang web phù hợp

Mẫu thiết kế webtheme WordPress có thể giúp bạn tiết kiệm thời gian, tiền bạc và nỗ lực khi bạn tạo một trang web. Chọn mẫu phù hợp cho trang web của bạn phụ thuộc vào rất nhiều yếu tố, phần lớn trong số đó chúng tôi đã đề cập đến trong bài đăng này.

Bạn làm theo hướng dẫn sẽ chọn được một mẫu có thiết kế hấp dẫn, khả năng sử dụng tuyệt vời, và bao gồm tất cả các tính năng mà bạn cần. Bằng cách đó, bạn có thể tập trung vào việc phát triển doanh nghiệp của mình hơn là dành quá nhiều thời gian vào làm việc cho chức năng trang web của bạn.

Hãy chắc chắn sử dụng những sự cung cấp đầy đủ của các mẫu trang web tại Envato Market cho các tùy chọn chuyên nghiệp hơn.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Business tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.