Lập trình wordpress theme trên Window - Tạo cấu trúc file và thư mục cho wordpress theme

Tạo cấu trúc file và thư mục cho wordpress theme

1. Download và cài đặt Git Bash

• Download GitBash
• Nhấn next và cài đặt theo hướng dẫn cho đến khi hoàn tất.

2. Tạo cấu trúc file và thư mục cho wordpress theme bằng shell script và Git Bash

• Thư mục chứa theme: /wp-content/themes
• Vào thư mục /wp-content/themes => nhập chuột phải chọn Git Bash Here
• Gõ command: touch generate.sh
• Mở file touch generate.sh và copy-paste đoạn code bên dưới vào rồi save lại:

  mkdir wordpress-learning
  cd wordpress-learning
  touch style.css
  cat <<EOF > style.css
  /*  
  * Theme Name: WordPress Learning Theme
  * Description: Đây là một theme đơn giản để thực hành Lập trình theme WordPress
  * Theme URI: https://
  * Version: 1.0
  * Theme Author: KenjiNguyen
  * Author URI: https://
  * Tags: starter theme, framework theme, two-columns, customize
  * Textdomain: kenjinguyen
  */
  EOF
  touch functions.php
  touch index.php
  touch header.php
  touch footer.php
  touch page.php
  touch single.php
  touch content.php
  touch content-none.php
  touch archive.php
  touch search.php
  touch author.php
  touch 404.php
  touch sidebar.php
  mkdir templates
  cd templates
  touch full-width.php
  touch contact.php
  cd ../..
              

• Quay lại Git Bash và Run command: source generate.sh
• 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 sau khi chạy file generate.sh:
  • wordpress-learning/
    • templates/
      • contact.php
      • full-width.php
    • 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
    • screenshot.png
    • sidebar.php
• Goto wordpress Dashboard => Appearance => Themes => Active WordPress Learning Theme
  
• 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ả.

3. Giải thích các files của cấu trúc theme: Sơ đồ cấu trúc của theme wordpress

• style.css: Khai báo thông tin của theme (Tên theme, tên tác giả,...)
  • Theme Name: Tên Theme
  • Description: Mô tả theme
  • Theme URI: Đường dẫn của theme
  • Version: Phiên bản của theme hiện tại
  • Author: Tên tác giả
  • Author URI: Link của tác giả
  • Tags: Thẻ định danh của theme (những tính năng của theme) để giúp người dùng dễ tìm theme trên thư viên online WordPress.Org
  • Textdomain: Tên để phân biệt chuỗi bình thường với chuỗi có thể dịch được sang nhiều ngôn ngữ khác nhau
  • Languages Folder: /languages