Ví dụ tự viết theme cho wordpress: Cấu trúc theme

Ví dụ tự viết theme cho wordpress: Cấu trúc theme là vấn đề được nhiều lập trình viên quan tâm, bởi những kiến thức trên trường lớp là không đủ, vì vậy bài Ví dụ tự viết theme cho wordpress: Cấu trúc theme sẽ chia sẻ tới bạn nhiều thông tin hữu ích

Mọi người vẫn hỏi tôi về việc học lập trình nói chung và Wordpress nói riêng có cần năng khiếu hay quá khó để tiếp cận hay không. Thì tôi có thể trả lời rằng, học lập trình cũng như việc bạn học tiếng Anh hay bất kỳ một ngôn ngữ khác, bởi lập trình...là ngôn ngữ của máy tính, để máy tính đọc và máy tính thực hiện theo yêu cầu của mình, bạn thích là học được.


Trước khi vào nội dung bài này, mình xin nhắc lại rằng bạn nên cài mới một website WordPress trên localhost và import Theme Unit Test vào để làm nội dung có sẵn, tạo thuận lợi trong việc kiểm tra việc hiển thị theme nhanh chóng và hợp chuẩn cho WordPress.

Trong việc lập trình theme WordPress, trước khi chúng ta bắt đầu các công việc quan trọng như viết code cho nó thì có một việc rất quan trọng bạn nên làm trước đó là phải có kế hoạch cấu trúc theme WordPress của mình như thế nào, sau đó chỉ cần viết code theo thứ tự cấu trúc đó.

Trong một cấu trúc theme WordPress sẽ có các file (template) quan trọng như functions.php, index.php, style.css,…và đó là những file mà chúng ta sẽ làm, nhưng thêm vào đó chúng ta sẽ có thêm file tên là content.php, content-none.php,…để dễ dàng cho việc quản lý các đoạn loop để hiển thị các nội dung.

Tạo thư mục chứa theme

Bây giờ bạn hãy vào thư mục /wp-content/themes và tạo một thư mục mà bạn muốn chứa theme, ví dụ mình sẽ đặt tên thư mục là hoidapcode.

Trong thư mục này, bạn hãy tạo ra một file style.css với nội dung như sau:

/*
 * |---:[Đoạn này sẽ chứa các đoạn giới thiệu và thông tin về theme, như tên theme (Theme Name), tên tác giả (Theme Author), địa chỉ của tác giả (Author URI),...]:---|
 
 * Theme Name: hoidapcode Theme
 * Description: Đây là một theme đơn giản để thực hành Lập trình theme WordPress
 * Theme URI: https://hoidapcode.com/
 * Version: 1.0
 * Theme Author: hoidapcode
 * Author URI: https://hoidapcode.com
 * Tags: starter theme, framework theme, two-columns, customize
 * Textdomain: hoidapcode
 */   

Mình xin giải thích một xíu về một vài dòng comment được thêm vào theme như:

  • Tags: Nếu bạn có upload theme này lên thư viện WordPress.Org thì cái tag này nghĩa là các từ khóa mà người dùng có thể tìm ra theme của bạn một cách dễ dàng nhất.
  • Text-domain: Thực ra đây là một dòng comment thêm, để cho bạn và người dùng khác có thể biết textdomain trong theme là gì để dễ dàng dịch theme ra một ngôn ngữ khác. Mình sẽ có hướng dẫn cho bạn cách viết code hỗ trợ i18n.

Thêm vào đó, bạn có thể tìm một tấm ảnh và đặt tên là screenshot.png rồi đặt vào thư mục theme để làm ảnh hiển thị, bạn có thể dùng tấm ảnh này.

Cấu trúc theme

Tiếp tục, bạn hãy tạo ra lần lượt các file sau:

  • hoidapcode/functions.php
  • index.php
  • header.php
  • footer.php
  • page.php
  • single.php
  • content.php
  • content-none.php
  • archive.php
  • search.php
  • author.php
  • 404.php
  • sidebar.php

Tiếp tục, tạo một thư mục tên là templates trong theme và tạo các file sau vào thư mục đó, các file này sẽ là custom page template.

  • full-width.php
  • contact.php

Bây giờ bạn hãy vào Dashboard -> Appearance -> Themes thì sẽ thấy theme của mình đã được hiển thị ra.

Hãy kích hoạt nó lên, sau khi kích hoạt thì website của bạn sẽ là trang trắng vì chưa có nội dung gì cả, chúng ta sẽ tiến hành làm tiếp ở các phần sau của serie này.

Hy vọng với bài viết về Ví dụ tự viết theme cho wordpress: Cấu trúc theme đã giải đáp giúp bạn phần nào về kiến thức lập trình Wordpress. Như tôi đã nói, ngôn ngữ lập trình không quan trọng bằng tư duy giải thuật, tư duy logic để giải quyết vấn đề.

Với những năm trước đây, lập trình viên là một cái nghề khó và kén chọn người học, đồng nghĩa với việc thu nhập hàng tháng của các lập trình viên luôn cao. Còn những năm gần đây, thì lập trình là môn học phổ thông, và ai cũng nên học một ngôn ngữ lập trình nào đó.

Nếu bạn còn bất kỳ câu hỏi nào trong việc học lập trình online, hãy gửi yêu cầu cho tôi qua email hoidapcode.com@gmail.com hoặc để lại comment bên dưới, tôi sẽ giải đáp trong vòng 24 giờ!

Blog hoidapcode.com là blog được tổng hợp tự động các bài học, thông tin về lập trình trên mạng internet. Nếu bạn có ý kiến hoặc đóng góp về bài viết này, hãy liên hệ với tôi!