Starter Theme tốt nhất hỗ trợ tự thiết kế theme

Tháng Tám 28, 2015 9:25 sáng

Starter theme giúp bạn làm một giao diện mới theo ý của mình mà không cần code lại từ A tới Z tránh việc có thể bạn sẽ bỏ sót rất nhiều chức năng, hoặc tổ chức cấu trúc tập tin không tối ưu. Dưới đây là những starter theme tốt nhất hỗ trợ tự thiết kế theme mà người mới bắt đầu và người chuyên nghiệp đều có thể dùng được !

Tại sao lại sử dụng Starter Theme

Starter Theme là một theme WordPress đã có sẵn các chức năng cần thiết nhưng chưa có nhiều CSS (hoặc không có CSS) để chúng ta có thể dễ dàng sử dụng nó cho mục đích làm các theme của riêng mình.

Điều đó đồng nghĩa với việc chúng ta sẽ có các lợi ích khi sử dụng starter theme như:

  • Tiết kiệm thời gian viết code. Có thêm thời gian tập trung vào việc thiết kế.
  • Tuân thủ theo các nguyên tắc để có một theme WordPress tối ưu.
  • Có thể sử dụng nó làm theme cho riêng mình hoặc thương mại hoá.
  • Dễ dàng tạo theme mới, vì hầu như chỉ cần sửa rất ít code có sẵn trong starter theme.

Và nếu bạn có hỏi các thiết kế viên hoặc lập trình viên chuyên về WordPress thì họ cũng sẽ nói sử dụng starter theme luôn tối ưu hơn tự code, trừ khi bạn có thể tự code một starter theme cho chính mình và chắc chắn nó luôn hoạt động tốt.

Các bước sử dụng starter theme

Việc sử dụng starter theme theo cá nhân mình thì sẽ có một số quy trình như sau:

Trước tiên là nên đọc qua cấu trúc code của starter theme xem nó có phù hợp hay không, thường là các theme đều có trên Github nên bạn có thể vào đó đọc mà không mất công tải về. Sau đó nếu thấy theme này phù hợp với khả năng của mình thì sẽ tiến hành cài thử và tối ưu thử. Dĩ nhiên việc đầu tiên mình nên làm sau khi cài là đổi thông tin theme trong style.css, rồi sau đó thêm các chức năng cần thiết vào functions.php, sửa các template nếu cần và cuối cùng là thiết kế với CSS và Javascript.

Danh sách các starter theme

1. Underscores

Giao diện mới cài vào của Underscores

Đây là một trong các starter theme mình thích nhất và cũng là starter theme được nhiều người khuyên sử dụng cho người mới bắt đầu lẫn người chuyên nghiệp. Sở dĩ nó được đánh giá cao là do chính team Automattic phát triển, có hầu các tính năng tiêu chuẩn trong một theme như Custom Header, Custom Background, Post Format,..và được phân bổ cấu trúc tối ưu theo tiêu chuẩn của WordPress.

Ưu điểm:

  • Dễ sử dụng.
  • Code bố trí gọn gàng.
  • Có sẵn nhiều code để tối ưu theme.
  • Hỗ trợ SASS với cấu trúc SMACSS.
  • Có thể tùy biến textdomain trong theme dễ dàng.

Nhược điểm:

  • Mất thời gian để đọc cấu trúc ban đầu.

2. HTML5 Blank

html5blank-theme
Giao diện mới cài của HTML5Blank

Đây là starter theme khá tốt dành cho ai muốn tìm một starter theme với cấu trúc đơn giản hơn và hầu như ai cũng có thể hiểu được. Cấu trúc HTML của theme được hoàn toàn sử dụng HTML5, chỉ có các CSS cơ bản.

Ưu điểm:

  • Dễ sử dụng.
  • Không chứa nhiều code phức tạp.
  • Sử dụng cấu trúc template chuẩn của WordPress.

Nhược điểm:

  • Hơi mất thời gian để quản lý template vì nó không sử dụng cấu trúc template tối ưu như Underscores.
  • Code trong functions.php hơi rối.

3. Bones

bones-theme
Giao diện của Bones

Nếu như các starter theme kia đều không có CSS mà bạn phải tự viết thì Bones là lựa chọn nếu bạn cần làm một theme blog vì nó đã có sẵn CSS nhằm chia cột, lên định dạng cho các phần tử cần thiết. Đặc biệt là nó cũng có bao gồm một dropdown menu ngang để bạn có thể sử dụng mà không cần tự làm từ A tới Z.

Ưu điểm:

  • Có sẵn các CSS cần thiết.
  • Hỗ trợ SASS.
  • Có Post Format, Custom Background, Custom Post Type.
  • HTML5 Schema.

Nhược điểm:

  • Phải sử dụng textdomain bones.

4. Sage

sage-theme
Từ khóa: ,

Chuyên mục: ,