Giới thiệu serie Lập trình theme WordPress 2015

Giới thiệu serie Lập trình theme WordPress 2015

Giới thiệu serie hướng dẫn tự code và thiết kế một theme WordPress từ đầu tới cuối,serie này sẽ giúp bạn có thể tự code một theme dành cho riêng mình

Chào các bạn!

Trước đây trên wordpress.faq.edu.vn đã có một serie khá dài mang tên Lập trình theme WordPress, tuy nhiên hiện tại mình đã xóa serie đó đi vì có quá nhiều kiến thức bên lề thay vì chú trọng vào việc lập trình theme WordPress, đâm ra nhiều người đã bị kẹt ở giữa serie.

Hiểu được khó khăn đó, mình đã sắp xếp lại và làm một serie hoàn toàn mới, tập trung tối đa vào việc lập trình một theme WordPress hoàn toàn là của riêng bạn, có thể nói đó là một Framework Theme của riêng bạn vì nếu bạn làm được theme trong serie này, bạn có thể tái sử dụng nó cho các dự án khác của bạn vì mình đã có nói qua cách “thiết kế” cấu trúc theme thế nào cho khoa học, chuyên nghiệp.

Trong serie này, bạn sẽ được biết qua các giai đoạn để có thể tự viết một theme WordPress bắt đầu từ những dòng code đầu tiên. Điều này có nghĩa là chúng ta không sử dụng bất cứ cái gì có sẵn, từ khung theme đến CSS mà sẽ tự viết hoàn toàn. Do là tự viết và tập trung vào kỹ thuật xây dựng theme, bài thực hành trong serie này sẽ không có Responsive, mà nếu bạn muốn thêm Responsive thì có thể làm dễ dàng từ bài Làm sao để có giao diện Responsive của mình.

Mục tiêu của serie

Trong serie Lập trình theme WordPress 2015 này, mình có mục tiêu là phải mô tả được hết các thuật ngữ, lý thuyết và quan trọng nhất là kỹ năng tự lập trình một theme WordPress, dù nó chỉ là đơn giản nhưng chính vì cái đơn giản này sẽ là nền tảng quan trọng nhất nếu bạn muốn làm các theme phức tạp hơn.

Thông qua việc triển khai và thiết kế cấu trúc thư mục, bạn sẽ hiểu được một cấu trúc theme là thế nào và các template của một theme. Từ đó bạn sẽ dễ dàng hiểu các theme khác và có thể tùy biến theo cấu trúc của mình.

Mình cũng sẽ nói qua về cách tạo action hook cho theme (đã viết riêng tại đây) để bạn có thể dễ dàng tùy biến hoặc bảo trì về sau. Ý nghĩa và công dụng của action hook thì trong quá trình đi xuyên suốt serie bạn sẽ hiểu.

Kiến thức & Công cụ yêu cầu

https://www.youtube.com/watch?v=wqpOoMugJLw

Do serie này mình sẽ tập trung vào việc lập trình một theme WordPress nên các kiến thức rất cơ bản như HTMLCSS mình sẽ không nói qua, mà nếu có thì chỉ một chút thôi để không bị loãng. Do vậy mình khuyến khích các bạn nên có các kiến thức như:

Và công cụ, thì mình cần bạn chuẩn bị:

  • XAMPP hoặc một localhost nào đó đã có cài đặt sẵn WordPress và:
    • Theme Unit Test (Import file .xml vào, cách import xem tại đây).
    • Cài đặt plugin Develloper và kích hoạt các module như Debug Bar, Debug Bar Console, Debug Bar Extender, Monster WidgetSimply Show IDs.
    • Mở file wp-config.php lên và sửa WP_DEBUG thànhtrue.
  • Một editor hoặc IDE mà bạn quen sử dụng để viết code như Sublime Text, NetBeans hoặc Brackets cũng được. Khuyến khích Sublime Text vì nó nhẹ.
  • Về trình duyệt mình khuyến khích bạn dùng Google Chrome hoặc Firefox.

Ngoài ra khi cài xong WordPress, phần Settings -> Media bạn nên để nguyên hoặc thiết lập giá trị giống ảnh dưới.

laptrinhtheme-mediasettings

Chỉ vậy thôi.

Video hướng dẫn cấu hình localhost khi làm theme

https://www.youtube.com/watch?v=9Gif8x2tPQQ

Nếu bạn dùng wptest.io mà quá nặng để bị lỗi khi import thì bạn dùng Theme Unit Test nhé.

Bạn đã sẵn sàng chưa?

Bạn đã sẵn sàng để bắt đầu chưa? Nếu rồi thì hãy xem tiếp phần kế để bắt đầu nhé, còn nếu chưa sẵn sàng thì cũng bắt đầu luôn.

Các bài viết liên quan:

WordPress FAQ  » Học WordPress > Lập trình WordPress > Lập trình Themes


 WordPress FAQ   |   Hoc WordPress   |   Su dung WordPress   |   Lap trinh WordPress |   Plugin WordPress  |  Thuat ngu WordPress    |  Theme WordPress  |  Lap trinh Themes |  Lap trinh plugin

Ảnh. Giới thiệu serie lập trình Theme WordPress 2015
Ảnh. Giới thiệu serie lập trình Theme WordPress 2015

Chia sẻ bài viết

3 Bình luận với "Giới thiệu serie Lập trình theme WordPress 2015"

Bình luận