Viết mã chủ đề WordPress từ đầu

Ghi chú. Đây là bài viết gồm 3 phần cơ bản về cách xây dựng chủ đề WordPress. Tất cả mục đích của nó là cung cấp cho bạn sự hiểu biết cơ bản về cách xây dựng một chủ đề. Bài viết này giả định rằng bạn đã có kinh nghiệm với WordPress

Trong 2 năm qua, ngoài vị trí nhà phát triển full-stack chuyên nghiệp của mình, tôi đã phát triển các trang web cho khách hàng cá nhân với tư cách là một người làm việc tự do. Mặc dù một số trong số chúng là các hệ thống như hệ thống quản lý hoặc hệ thống tùy chỉnh, hầu hết chúng đều là các trang web cá nhân được xây dựng bằng nền tảng WordPress

tin hay không thì tùy, hầu hết các khách hàng được yêu cầu sử dụng WordPress

Khi tôi bắt đầu sử dụng WordPress, tôi không biết nền tảng này là gì và cách xử lý nó một cách chính xác. Tôi đã tìm hiểu và đọc về nó và bắt đầu xây dựng các trang web. Tôi có thể nói với bạn rằng việc xây dựng một trang web đơn giản khá dễ dàng — điều duy nhất bạn cần là một chủ đề. Để làm được điều đó, bạn có thể tải xuống một bản miễn phí hoặc mua một bản trực tuyến

Câu trả lời đầu tiên cho câu hỏi này là - Tại sao không?

Bằng cách sử dụng một chủ đề dựng sẵn, điều gì sẽ xảy ra nếu khách hàng muốn thực hiện một số thay đổi - logic khôn ngoan?

Hơn nữa, hầu hết các chủ đề hiện có quá nhiều so với những gì trang web của bạn cần [khôn ngoan về kích thước] và nó khiến trang web tải các tập lệnh/mã không cần thiết và do đó sẽ chậm hơn

Và cuối cùng, nếu bạn thực sự muốn biết nền tảng WordPress được thiết kế như thế nào, bạn nên xây dựng chủ đề của riêng mình

Bạn tôi đã yêu cầu tôi xây dựng cho anh ấy một trang web đơn giản, trong đó tất cả những gì anh ấy cần là một trang chủ với hình ảnh có chiều rộng đầy đủ, trang giới thiệu và trang liên hệ. Rõ ràng, tôi có thể tạo nó trong khoảng một giờ với chủ đề mặc định của WordPress hoặc thậm chí là chủ đề được tạo sẵn hoặc bằng cách sử dụng một số loại trình tạo trang với một số plugin

Tôi quyết định thử thách bản thân và xây dựng một chủ đề tùy chỉnh

Thiết kế sẽ trông giống như thế này -

Khi tôi quyết định làm điều đó, tôi đã đọc trực tuyến và tìm thấy bài viết tuyệt vời này trên hệ thống phân cấp tệp và hệ thống mẫu WordPress. Tôi đã khuyến khích bạn đọc nó để

Điều đầu tiên bạn cần làm là tải WordPress về máy tính của mình. Tiếp theo, bạn sẽ cần tạo wp-config.php [chỉ cần sao chép tệp wp-config-sample.php và đổi tên nó], định cấu hình cơ sở dữ liệu và duyệt đến URL cục bộ của bạn [nơi chứa thư mục]. hy vọng, bạn sẽ thấy màn hình này

Đi trước và cài đặt nó. Trên IDE của bạn [hoặc bất cứ nơi nào bạn xử lý tệp trang web], bạn có thể truy cập wp-content->themes. Ở đó bạn sẽ thấy tất cả các chủ đề bạn hiện có. [Lẽ ra là 3 vào lúc này —twentynineteen, twentyseventeen and twentysixteen]

Để tạo một chủ đề mới, điều đầu tiên bạn cần làm là tạo một thư mục mới trong thư mục themes và thêm tệp style.css và tệp index.php. Vì vậy, hãy tạo một thư mục mới, tôi sẽ gọi nó là my-theme. Bên trong thư mục mới tạo, tạo một tệp index.php và một tệp style.css và dán nội dung đó vào đó

Vui lòng thay đổi các giá trị cho nhu cầu của bạn. Hiện tại, bạn có thể để trống tệp wp-config.php1

Khi tất cả đã được thiết lập, hãy duyệt đến trang tổng quan quản trị trang web của bạn và đi tới wp-config.php2. [Bạn có thể cần làm mới trình duyệt]. Sau khi làm mới, bạn sẽ có thể thấy một ô vuông mới có tên chủ đề của chúng tôi trên đó

Hãy tiếp tục và kích hoạt chủ đề. Khi bạn đã làm điều đó khi bạn duyệt đến trang chủ của mình, bạn sẽ thấy một trang trống

Tại thời điểm này, một số chức năng cơ bản bị thiếu trên bảng điều khiển, chẳng hạn như — menu, logo trang web và hình ảnh nổi bật của bài đăng tải lên. Hãy đi và thêm chúng. Hãy tạo một tệp wp-config.php3 trong thư mục chủ đề của chúng ta [cùng phân cấp với index.php và style.css] và thêm một số hành động vào đó

// Register custom logo
function register_my_logo[] {
  add_image_size['my-site-logo', 160, 90];
  add_theme_support['custom-logo', array[
    'size' => 'my-site-logo'
  ]];
}

add_action['after_setup_theme', 'register_my_logo'];


// Register menu
function register_my_menus[] {
  register_nav_menus[
    array[
      'main-menu' => __[ 'Main Menu' ]
    ]
  ];
}
add_action[ 'after_setup_theme', 'register_my_menus' ];


// Add support for featured image
function register_post_thumbnails[] {
  add_theme_support[ 'post-thumbnails' ];
}
add_action[ 'after_setup_theme', 'register_post_thumbnails' ];

3 hành động đó sẽ cho chúng ta khả năng. tải lên logo theo tùy chọn tùy chỉnh, thêm menu và thêm hình ảnh nổi bật cho bài đăng/trang

Điều cuối cùng chúng tôi muốn làm là đi đến wp-config.php6 và chọn wp-config.php7. Sự lựa chọn này sẽ cho phép chúng tôi có các liên kết đẹp cho trang web của chúng tôi

Điều tiếp theo chúng ta cần có là một tệp index.php, tạo các trang web và menu, thêm awp-config.php9 và wp-config-sample.php0 để trang web và nội dung của chúng tôi được hiển thị trên các trang

Bạn có thể viết mã chủ đề WordPress của riêng mình không?

Làm cách nào để tạo chủ đề cho WordPress?

Làm cách nào để tạo chủ đề WordPress mà không cần mã hóa?

Tôi có thể sử dụng chủ đề WordPress vi phạm bản quyền không?