Xin chào các bạn, đây là bài viết đầu tiên trong series Hướng dẫn lập trình Theme WordPress của mình. Giới thiệu sơ qua về mình, mình không phải là giảng viên, mình không bán khoá học online. Mình là một lập trình viên và là một freelancer, cho nên những bài viết của mình không phải là dạy, mà là mình chia sẻ những kỹ năng mình có được trong quá trình làm việc.
Nói về WordPress, do sở hữu một kho theme và plugin khổng lồ từ các nhà phát triển trên khắp thế giới, giúp bạn làm được đa số các thể loại website và các chức năng từ cơ bản đến cao cấp, trong số đó có các theme và plugin hỗ trợ chức năng thiết kế giao diện dạng kéo thả (page builder, drag and drop), giúp người không biết gì về lập trình củng có thể tự làm một website cho riêng mình.
Củng chính vì lí do đó, WordPress bị gắn mác là “mì ăn liền” hay website giá rẻ và bị khách hàng ép giá không thương tiếc, cái này bạn nào làm freelancer sẽ biết. Cũng là một freelancer, mình chọn WordPress để triển khai nhiều dự án cho khách hàng của mình, tuy nhiên mình không sử dụng page builder hay drag and drop, lý do vì sao thì mình sẽ chia sẻ ở một bài khác.
Series hướng dẫn lập trình Theme WordPress
Quay về nội dung chính, trong series này mình sẽ hướng dẫn các bạn lập trình một Theme WordPress hoàn chỉnh. Để lập trình theme (hoặc plugin), chúng ta cần trang bị rất nhiều kiến thức về WordPress Core cũng như ngôn ngữ lập trình PHP.
Series này mang lại những kỹ năng gì
Như đã nói bên trên, để lập trình theme WordPress hay plugin WordPress bạn cần phải hiểu về WordPress Core và PHP. Do đó, mình hy vọng sau khi đọc xong series này các bạn sẽ hiểu sâu hơn về WordPress.
Các kỹ năng bạn sẽ có được sau khi đọc xong series như:
- Hiểu rõ về cấu trúc và cách hoạt động của Theme WordPress.
- Sửa lỗi, bổ sung thêm tính năng hoặc tuỳ biến Theme người khác viết.
- Tự phát triển một theme cho riêng mình.
Cần chuẩn bị những gì khi lập trình theme WordPress
Các bạn cần có kiến thức và kỹ năng về HTML, CSS, PHP, JavaScript,… tuy nhiên ở series này mình chỉ tập trung vào PHP (WordPress Core). Phần HTML, CSS, JavaScript thì mình đã chuẩn bị một template HTML, mình sẽ chuyển template HTML này sang Theme WordPress để tiết kiệm thời gian.
Template mình sử dụng trong series này là Master PB, mình mua ở Envato Elements, các bạn có thể download tại đây.
Tiếp theo là công cụ và phần mềm hỗ trợ để lập trình. Tất nhiên là mình cần một tạo web server để chạy WordPress ngay trên máy tính cá nhân, một IDE hoặc một editor để code. Mấy cái này thì trên mạng có rất nhiều người đã hướng dẫn rồi, nên mình không nói lại.
Còn đây là combo mình sử dụng trong series này:
- Web server: MAMP PRO
- IDE: PhpStorm
Sau khi đã cài đặt WordPress, chúng ta cần dữ liệu để test. Đây là dữ liệu mẫu được nhiều lập trình viên WordPress trên thế giới sử dụng:
- Download dữ liệu mẫu tại đây.
- Vào Công cụ -> Nhập vào -> WordPress.
- Chọn file xml vừa download khi nãy.
- Chọn “Tải lên và nhập”.
- Check vào “
Các bài viết trong series
Mình sẽ chia mỗi phần là một bài viết viết, mỗi bài viết là một chức năng của theme, cho đến khi hoàn thành theme thì series cũng kết thúc. Luyên thuyên đủ rồi, bây giờ bắt đầu thôi, Let’s Go!
- Phần 1: Giới thiệu về series
- Phần 2: Cấu trúc Theme WordPress
- Phần 3: Nhúng CSS/JS/Fonts vào theme WordPress
- Phần 4: Theme Support trong WordPress
- Phần 5: Menu Trong WordPress
- Phần 6: Đang cập nhật…