8 Starter Theme tốt nhất hỗ trợ tự thiết kế theme [NEW]

Khi làm một theme mới cho riêng mình, điều đầu tiên cần tránh là viết lại toàn bộ đoạn mã từ A đến Z vì 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 file chưa tối ưu. cấp trên. Loạt bài lập trình theme WordPress của mình là tự mã hóa từ đầu đến cuối nhưng mục đích của series đó là để các bạn hiểu được quy trình làm theme, còn nếu có nhu cầu làm theme mới cho cá nhân hoặc khách hàng thì mình luôn sử dụng theme starter. .

Tại sao sử dụng Chủ đề dành cho người mới bắt đầu

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

  • Điều đó có nghĩa là chúng tôi sẽ có những lợi ích khi sử dụng chủ đề mới bắt đầu, chẳng hạn như:
  • Tiết kiệm thời gian viết mã. Nhiều thời gian hơn để tập trung vào thiết kế.
  • Thực hiện theo các hướng dẫn cho chủ đề WordPress cuối cùng.
  • Bạn có thể sử dụng nó làm chủ đề của riêng mình hoặc thương mại hóa nó.
  • Thật dễ dàng để tạo các chủ đề mới, vì hầu như chỉ cần chỉnh sửa rất ít mã có sẵn trong chủ đề khởi động.

Và nếu bạn hỏi các nhà thiết kế hoặc lập trình viên WordPress, họ sẽ nói rằng sử dụng chủ đề dành cho người mới bắt đầu luôn tốt hơn là tự viết mã nó, trừ khi bạn có thể tự viết mã một chủ đề bắt đầu cho mình và đảm bảo rằng nó hoạt động. hoạt động tốt.

Các bước để sử dụng chủ đề dành cho người mới bắt đầu

Sử dụng chủ đề khởi động cá nhân, có một số quy trình như sau:

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

Danh sách các chủ đề khởi đầu

Tìm hiểu thêm:

  • Các chủ đề khởi động sử dụng Bootstrap
  • Các chủ đề khởi đầu sử dụng Foundation
  • Loạt bài hướng dẫn làm theme với HTM5Blank

1. Dấu gạch dưới

8 Starter Theme tốt nhất hỗ trợ tự thiết kế theme [NEW]

Giao diện mới được cài đặt của Dấu gạch dưới

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

Thuận lợi:

  • Dễ sử dụng.
  • Mã được trình bày gọn gàng.
  • Có nhiều mã có sẵn để tối ưu hóa chủ đề.
  • Hỗ trợ SASS với cấu trúc SMACSS.
  • Có thể tùy chỉnh tên miền văn bản trong chủ đề một cách dễ dàng.

Khuyết điểm:

  • Dành thời gian để đọc cấu trúc ban đầu.
  • Không phản hồi.

2. HTML5 Trống

html5blank-theme

Giao diện mới của HTML5Blank

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

Thuận lợi:

  • Dễ sử dụng.
  • Không chứa nhiều mã phức tạp.
  • Sử dụng cấu trúc mẫu WordPress tiêu chuẩn.

Khuyết điểm:

  • Mất một chút thời gian để quản lý mẫu vì nó không sử dụng cấu trúc mẫu tối ưu như Dấu gạch dưới.
  • Mã trong functions.php hơi khó hiểu.
  • Không phản hồi.

3. Xương

chủ đề xương

Giao diện của Bones

Nếu các theme starter khác 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 theme cho blog vì nó đã có CSS ​​để chia cột và định dạng các phần tử cần thiết. Đặc biệt nó còn tích hợp menu thả xuống theo chiều ngang để bạn có thể sử dụng mà không cần phải tự làm từ A đến Z.

Thuận lợi:

  • Các CSS cần thiết có sẵn.
  • Hỗ trợ SASS.
  • Có Định dạng bài đăng, Nền tùy chỉnh, Loại bài đăng tùy chỉnh.
  • Lược đồ HTML5.
  • Có phản hồi.

Khuyết điểm:

  • Phải sử dụng xương tên miền văn bản.

4. Hiền nhân

chủ đề sage

Trang chủ của Sage.

Đây là một trong những chủ đề khởi đầu tiên tiến nhất hiện có, nhưng nó cũng khá dễ sử dụng, miễn là bạn biết cách sử dụng các dòng lệnh Linux vì nó sử dụng Gói NPM, Gulp và Bower để xây dựng chủ đề. CSS trong chủ đề này cũng hoàn toàn bằng SASS, vì vậy bạn phải viết bằng SASS và sau đó xây dựng CSS.

Tuy nhiên, ưu điểm của nó là sử dụng cấu trúc rất nhỏ gọn mà bạn không cần phải tạo nhiều mẫu khác nhau, chỉ cần sử dụng mẫu theo nguyên tắc của nó và theme của bạn sẽ tối ưu hơn bao giờ hết.

Thuận lợi:

  • Hỗ trợ SASS.
  • Hỗ trợ xây dựng với Gói Gulp, Bower, NPM.
  • Tích hợp Bootstrap.
  • Các mẫu được tối ưu hóa.
  • Có phản hồi.

Khuyết điểm:

  • Khó sử dụng

5. JointWP

Giao diện JointWP

Giao diện JointWP

Foundation Zurb là một trong những CSS Framework yêu thích của tôi vì tính đơn giản nhưng cực kỳ mạnh mẽ và JointWP là theme khởi động hoàn chỉnh nhất được tích hợp với Foundation Framework phù hợp để tạo mẫu nhanh hoặc thiết kế một chủ đề WordPress hoàn chỉnh. .

Thuận lợi

  • Tích hợp phiên bản Foundation Framework mới nhất.
  • Cập nhật thường xuyên.
  • Hỗ trợ menu thả xuống và menu di động.
  • Cấu trúc mẫu được tối ưu hóa.
  • Hỗ trợ SASS.
  • Có phản hồi.

Khuyết điểm

  • Chỉ Foundation Framework được hỗ trợ.

6. La bàn

la bàn-chủ đề

Nếu bạn là một nhà phát triển WordPress có kinh nghiệm với Hybrid Core, Grunt, Bower, SASS với Bourbon và Neat thì chủ đề này là lựa chọn tốt nhất cho bạn. Hiện tại mình cũng đang làm một số dự án có sử dụng theme này và cảm thấy nó rất phù hợp với khả năng của mình vì Hybrid Core là một framework cực kỳ tốt để WordPress Theme thêm một số tính năng, và sử dụng SASS. để viết CSS chuyên nghiệp. Nó cũng có sẵn Javascript.

Thuận lợi

  • Tích hợp SASS với Bourbon và Neat.
  • Xây dựng với Grunt, Bower.
  • Tăng sức mạnh với Hybrid Core.
  • Chủ đề Liên minh Hook được tích hợp sẵn.
  • Cấu trúc mẫu mạnh mẽ bằng cách sử dụng Mẫu kết hợp.
  • Có phản hồi.

Khuyết điểm

  • Cần biết cách sử dụng Hybrid Core. Để xem tài liệu Hybrid Core, bạn phải là thành viên của HybridTheme.
  • Khó sử dụng cho người mới bắt đầu.

7. _tk

chủ đề tk

giao diện của _tk

Sự lựa chọn tốt nhất cho những ai muốn sử dụng Underscores được tích hợp với Bootstrap Framework. Ưu điểm của Underscores gần như giống nhau, chỉ có giao diện của Bootstrap Framework mới nhất được tích hợp, hỗ trợ đầy đủ menu.

Thuận lợi

  • Sử dụng Bootstrap Framework.
  • Kế thừa những ưu điểm của Dấu gạch dưới.
  • Có phản hồi.

Dễ sử dụng.

  • Khuyết điểm.
  • Mang nhược điểm của Underscores và Bootstrap: D.

8. Cơ sở lai

Giao diện sơ sài của Hybrid Base

Giao diện sơ sài của Hybrid Base

Thoạt nhìn, Hybrid Base có giao diện khá sơ sài và chúng ta sẽ cần viết lại CSS khá nhiều. Tuy nhiên, sức mạnh của nó nằm ở Hybrid Framework. Do được tích hợp sẵn Hybrid Framework nên nó có rất nhiều tính năng mà các nhà phát triển thích. Nó cũng có hỗ trợ cấu trúc CSS tích hợp sẵn, vì vậy khi bạn viết CSS bạn viết theo đó để đảm bảo giao diện của bạn hiển thị tốt trên tất cả các tính năng.

Thuận lợi

  • Cấu trúc mẫu gọn gàng.
  • Sử dụng Khung kết hợp.

Khuyết điểm

  • Phụ thuộc vào Khung kết hợp.
  • Không phản hồi.

Phần kết

Tất nhiên, ngoài 8 theme starter ở trên thì còn rất nhiều theme starter khác nữa, nhưng 8 theme trên là những thứ mình đã sử dụng nên mình cảm thấy nó xứng đáng được gọi là theme starter tốt nhất. Nếu bạn biết bất kỳ chủ đề khởi động nào tối ưu hơn mà bạn đã sử dụng, vui lòng giúp tôi thêm nó.

Đánh giá nội dung này