fbpx
Thiết kế web

Vì sao bạn nên xây dựng giao diện WordPress theo Themes Framework & sử dụng Started Themes?

Có thể nói hiện nay nhu cầu sử dụng WordPress ngày càng trở nên phổ biến, đặc biệt là ở Việt Nam khi mà việc tiếp cận với Website ngày càng trở nên dễ dàng hơn. Điều này cụ thể phải kể tới những thay đổi lớn từ môi trường Online như sau:

  • Hosting, Server đã có những hướng dẫn chi tiết về cách cài đặt WordPress chỉ với 1 click (wordpress Softaculous, One Click Installer…)
  • Nhiều chuyên gia trong lĩnh vực làm website cũng đã bắt đầu xây dựng cộng đồng, thương hiệu cá nhân & chia sẻ kiến thức, như Nam Digital chẳng hạn ^^!
  • Sự phổ biến của các Pagebuilder – trình tạo trang giúp quá trình xây dựng website ngày càng trở nên đơn giản…

Trong một chiến lược Marketing tổng thể thì vai trò của Website cũng vô cùng lớn, như Nam đã chia sẻ

Website sẽ không chết mà còn phát triển mạnh mẽ trong tương lai

Nam Digital

Lý do là bởi Website là nơi phản ánh ý tưởng, dịch vụ và sản phẩm của bạn và nó chỉ thuộc về bạn thôi, các nền tảng Social Media giúp bạn phát triển nhanh, nhưng việc lệ thuộc vào nó sẽ khiến bạn trở nên “lung lay” ngay lập tức khi quản lý nền tảng không ưa thích bạn nữa ^^!

Dưới đây là 1 video từ diễn giả Nam vô cùng yêu thích, ý của ông ấy là nếu mình không thực sự có một ngôi nhà thật sự (Website) nơi bạn có toàn quyền quyết định mình có thể đăng gì…(Miễn là không vi phạm pháp luật) thì thực sự sẽ là một quả bom nổ chậm của những rủi ro trong tương lai, khi bạn quá lệ thuộc vào bất cứ nền tảng mạng xã hội – thứ không thực sự thuộc về bạn

Dài dòng vậy đủ rồi, hãy cùng đi tới chủ đề chính: Vì sao bạn nên xây dựng giao diện WordPress theo Themes Framework & sử dụng Started Themes?

Themes Framework & Started Themes là gì?

Themes Framework

A theme framework is a set of files used to develop WordPress themes. A theme framework acts as a foundation when building a new WordPress theme — it handles basic theme functionality and design, and comes with a set of standards and customization options that allow developers to build a tailored theme on top of it

Hubspot

Hubspot Started Suite

Với bộ công cụ của Hubspot về mảng Marketing, Sales, Chăm sóc khách hàng, nội dung & vận hành doanh nghiệp, bạn có thể chú trọng vào việc tạo lead & doanh thu, cũng như quên đi những công cụ Marketing đơn lẻ

Đăng ký ngay

Theo khái niệm của Hubspot, CRM hàng đầu trong việc phát triển quan hệ khách hàng, Sales và Marketing thì Themes Framework là một nền tảng (gồm nhiều phương thức) giúp xây dựng một themes WordPress. Chúng mang tới những tính năng cơ bản trong thiết kế & chức năng, nhưng có những thành phần mở rộng vô cùng linh hoạt giúp nhà phát triển dễ dàng tùy biến theo ý mình

Ví dụ của Themes Framework thì bạn có thể dễ dàng tìm kiếm khi search cụm “Top xx WordPress Themes Framework”, Nam nhớ là có 1 số Framework phổ biến như

Started Themes

Cũng theo Hubspot thì started themes WordPress là:

Starter themes are built with little to no styling and therefore appeal to developers and advanced users because of their basic layout. Developers can add their own code to create a completely custom look for their site without having to build the theme from scratch.

Hubspot

Đây là những Themes trống & không có giao diện hiển thị cụ thể, Developer sẽ tiến hành thổi hồn vào giao diện đó bằng

  • Css framework: Bootstrap, Tailwind…
  • Tự code lấy cho nhẹ, cái này thì mình cũng ít thấy ^^!

Tóm lại đặc điểm của các Themes này là được viết rất gọn gàng, dễ tùy biến & tinh chỉnh và thường được sử dụng, vận hành bởi nhà phát triển

Vì sao cần phát triển themes WordPress theo Themes Framework & Started Themes

Chỉ phát triển những tính năng mình mong muốn

Thực tế nhu cầu xây dựng website của khách hàng là tương đối đơn giản & trực quan, ví dụ như:

  • Show chi tiết về sản phẩm, dịch vụ, khách có nhu cầu sẽ điền Form hoặc chat trực tiếp trên hộp Chat
  • Tính năng thương mại điện tử cơ bản sử dụng Woocommerce (Một cách Basic nhất)

Chính bởi những nhu cầu rất cơ bản như vậy mà các tính năng cần được xây dựng đơn giản, nhẹ nhàng, dễ sử dụng, đảm bảo database “sạch sẽ” và không nặng nề, phức tạp

Ví dụ như các dự án của Nam thì việc phát triển các tính năng phục vụ duy nhất cho 2 mục đích kể trên là phổ biến nhất, một số khối cần xây dựng riêng, Nam sẽ phát triển thành các Block (Khối đặc biệt) để tái sử dụng duy nhất trên màn hình đó

Ví dụ nếu khách hàng yêu cầu 1 khối Slider thì thay vì dùng Plugins, Nam sẽ viết 1 block riêng cho khách hàng và tiến hành chèn vào khu vực khách mong muốn, đồng thời cũng gửi khách hướng dẫn sử dụng để khách hàng tái sử dụng khối đó vào những vị trí mong muốn

Đến đây, hẳn bạn sẽ nghĩ rất nhiều Block trong hệ sinh thái WordPress có thể làm như vậy, nhưng điều Nam đưa ra đặc biệt hơn, đó là bạn có thể custom bất kỳ thành phần nhỏ nào trong Block phù hợp với giao diện của chính mình, (thứ mà sẽ không thể, hoặc rất khó nếu bạn sử dụng những Page builder)

Cấu trúc nhẹ nhàng, dễ hiểu

Thực tế khi bạn bỏ ngân sách quá rẻ cho một Website ngoài thị trường, điều bạn cần cân nhắc đó là:

  • Liệu Website này có phải là một kênh đầu tư dài hạn, bạn có xây dựng nhiều bài viết & SEO để giúp nó vận hành một cách hoàn chỉnh & mang tới giá trị Marketing trong dài hạn…Nếu ngắn hạn thì bài toán Landing page & Website có thể rất đơn giản là dừng ở 1, 2 màn hình chính..Nhưng nếu bạn muốn làm một Website có giá trị sử dụng lâu dài thì việc lựa chọn cấu trúc Website đúng ngay từ đầu là điều bắt buộc – Thậm chí, bạn cần đưa tư tưởng thiết kế sản phẩm của Developer vào những website này nữa, cụ thể nó sẽ xoay quanh
    • Xây dựng Userflow – hành trình trải nghiệm khách hàng
    • Thiết kế Database, bạn cần những trường nào, như của WordPress thì bạn sẽ có trường Post và Page (Dành cho trang tĩnh), bạn muốn mở rộng ra nhiều cách phân loại khác không, ví dụ: Books, Actor, Portfolio…
    • Xây dựng Layout Wireframe, Mockup, Design System

Nếu bạn thực sự xác định website cần đầu tư dài hạn thì những yếu tố kể trên là vô cùng quan trọng, chúng sẽ mang tính chất quyết định về khoản đầu tư của mình.

JHipster và công nghệ thiết kế Database và entity

Thực tế là Themes Started và Framework là những sản phẩm giúp bạn dễ dàng mở rộng và phát triển Website WordPress dưới tư cách là những nhà phát triển, từ đó giúp bạn định hướng website trong dài hạn, để chúng luôn rõ ràng, súc tích và mang tới giá trị cho doanh nghiệp, thay vì lập nên cho có

Thường xuyên được cập nhật

Việc phát triển Website WordPress luôn liên quan đến câu chuyện Updated và Maintain, giống như xe máy đi lâu không thay dầu thì hiệu suất làm việc sẽ giảm, WordPress cần liên tục được Updated, cải thiện và fix lỗi bảo mật

Chính vì vậy bạn không nên lơ là câu chuyện bảo trì, phát triển và vận hành Website

Câu chuyện phát triển và vận hành Website là yếu tố luôn được chú ý đến

Bảo mật & tốc độ

Như các bạn đã thấy, Nam không phải là một nhà tối ưu tốc độ WordPress, mục tiêu của Nam không chú trọng để Web đạt 100 điểm mà trải nghiệm người dùng thậm tệ, thực tế Nam cũng đã sử dụng Hugo Cms từ rất lâu và nhận ra những yếu tố đó không giúp nhiều cho trải nghiệm lướt Website

Thực tế là chỉ số tốc độ tải trang sẽ giảm đáng kể khi bạn gắn họ Google nào (mà chúng lại rất cần mới đau chứ)

  • Google Analytics
  • Facebook Chat messenger
  • Hotjar (For heatmap và tracking click)
  • Adsense (Nếu bạn muốn kiếm tiền qua quảng cáo)
  • Hubspot (Nếu bạn muốn khách điền Form đổ trực tiếp về CRM)

Nhưng Nam có thể khẳng định là việc sử dụng Themes Framework & Started Themes mang tới tốc độ nhanh hơn rất nhiều so với việc sử dụng những giao diện “không có tiếng tăm” và đi kèm với Page builder. Một số giao diện trả tiền rất tốt như

  • Flatsome UX Builder
  • Astra
  • GeneratePress

Cũng mang tới hiệu năng tương tự, nhưng bạn sẽ cần hướng mình bám theo các giải pháp và guideline của themes đó mới có thể dùng hiệu quả, chưa kể cần mở rộng nhiều Addon trả phí để sử dụng được những tính năng Frontend đơn giản

Như Astra thì thậm chí bạn cần trả thêm tiền để sử dụng tính năng Sticky menu (Thứ mà bạn chỉ cần 1 dòng Code là đã thực hiện được)

Bootscore – Themes Framework do Nam lựa chọn

Đối với Nam Digital thì việc lựa chọn một món Signature riêng là điều Nam hướng tới, vừa giúp mình cải thiện trình độ, vừa dần tạo nên hướng độc đáo cho chính mình, và Bootscore là Framework Nam lựa chọn, từ đó xây dựng Themes riêng của mình tên là Nam Digital Themes

Giao diện này sẽ mang tới những tính năng phát triển riêng, chủ yếu là các blocks để khách hàng dễ sử dụng, đồng thời vẫn tôn trọng tối đa quyền tác giả từ trang chủ

Kết luận

Cảm ơn bạn đã dành thời gian đọc hết bài viết, hy vọng bạn sẽ thấy những chia sẻ của Nam thú vị & khắc cốt lưu tâm trong kế hoạch xây dựng một Website cho riêng doanh nghiệp, cá nhân mình.

Còn nếu bạn muốn Nam tư vấn thêm về phần thiết kế Web đừng ngần ngại để lại lời nhắn tại:

  • Hộp chat Hubspot
  • Hotline: 0974159889
  • Hoặc điền Form ở phần contact

Nam sẽ luôn có mặt sớm để trả lời bạn

Array

Nam là 1 Growth Hacker, Developer đam mê với sự nghiệp phát triển web
To top