Trong bài viết nay mình xin chia sẻ các bạn cách tạo theme trong WordPress đây là phần căn bản giúp các bạn trong việc xây dựng một theme trên nền tảng website WordPress .Trong bài trước mình có chia sẻ về CRUD là gì và các loại content trong WordPress các bạn tham khảo về các loại content và kiến trúc để xây dựng trang WordPress nhé .
Cách tạo theme trong WordPress
Cách tạo theme trong WordPressĐể tạo một theme trong WordPress bạn cần phải hiểu được kiến thức căn bản về lập trình HTML ,CSS, Javascript cơ bản . Bạn có thể tham khảo trang trungkiennguyen.com trong này mình có hướng dẫn các bạn về các ngôn ngữ lập trình cơ bản cho các bạn mới bắt đầu làm quen với lập trình web .
Ngoài ra các bạn có thể tham khảo trong trang WordPress.org bàn tìm đến gõ Write theme cũng có hướng dẫn các bạn cách viết theme trên WordPress nhé .
Các bước tạo theme trong WordPress
Hiện nay ,có rất nhiều text editordùng để viết code trong bài này mình thực hành trên Visual studio code để các bạn tham khảo nhé . Nếu bạn chưa tải text editor nào để code mình có bài viết về cách cài đặt Visual studio code các bạn tham khảo để các đặt .
Mở Visual studio
Các bạn mở trình duyệt Visual studio code tìm file chứa Source code WordPress để mở file bạn nhấn tổ hợp phím Ctrl+ K Ctrl + O .
Visual studio code
Để tạo một theme trong WordPress bạn cần 2 file đó là index.php và style .css trong đó file index.php sẽ hứng tất cả các content trên trang và file style .css tùy chỉnh màu sắc, kích cỡ ,hình ảnh.
Tạo Folder chứa tên theme
Bạn click chuột phải vào theme và tạo folder mới khi đó bạn sẽ đặt tên theme theo tên trang website các bạn .
Đặt tên cho theme WordPressTạo file index.php
Để tạo flie index.php bạn vào folder chứa Source→ wp_content→ theme . Bạn nhấn chuột phải vào tạo file mới index.php .
index.phpTạo file style.css
style.cssĐể tạo file style.css bạn cũng làm tương tự như file index .php . Sau khi tạo file style .css bạn sẽ viết một số những giới thiệu về theme như :
Name ,Theme Uri, Author ,Author Uri, Description ,Version, Domain name... như hình bên dưới nhé.
Mô tả theme style.cssLưu ý : Khi tạo theme mình mở một dòng comment trong code để WordPress hiểu bạn đang mô tả cho theme để tạo comment bạn nhấn tổ hợp phìm ctrl + /
Bạn nhớ bấm lưu lại để lưu nhấn tổ hợp phím ctrl + s sau đó bạn vào lại trình duyệt vào trang quản trị tìm mục theme để kiểm tra theme mới tạo .
Tạo theme mới trong WordPressĐể kích hoạt theme các bạn nhấn vào Active
Các bạn vào lại visual studio và gõ một vài câu lệnh test thử trang đã được kích hoạt chưa.Ví dụ ,mình sẽ đánh Xin chào các bạn xuất hiện dòng chữ là theme đã được kích hoạt .
Theme đã được kích hoạt Kết lại
Như vậy mình vừa hướng dẫn cách tạo theme trong WordPress . Bạn có thể tự viết cho mình một theme theo ý muốn nếu không muốn sử dụng các theme miễn phí trong WordPress. Trên đây là cách tự viết một theme khi bạn lập trình trang website WordPress .
