wordpress-theme-free

Hướng Dẫn Làm Theme WordPress – Phần 2: Demo Site Basic

style.css

Các bạn vào thư mục style.css bằng chương trình soạn thảo mà bạn đang sử dụng và thêm đoạn code sau.

Đầu tiên mình sẽ định nghĩa từng cái cho mọi người hiểu từng dòng trên:

Theme Name: Tên Theme WordPress của bạn
Author: Tên tác giả (Tên người làm)
Description: Đoạn mô tả cho theme của bạn
Version: phiên bản

Ở trên là những dòng chính để miêu tả themes của bạn. Các bạn có thể xóa bớt tùy ý các dòng trên. Sau đó các bạn kiểm tra lại lần nữa tại mục themes trên admin bạn sẽ thấy sự thay đổi.

screenshort.png

Cái này thì khá đơn giản. Bạn chỉ cần chụp một bức ảnh nào đó bằng Snipping Tool hay gì đó thì tùy bạn tuy nhiên đuôi file phải là .PNG nhé. Sau đó bạn đưa vào Folder Theme WordPress của bạn.

header.php

Đây sẽ là file chứa phần đầu template của bạn như mở thẻ html, thẻ head, mở thẻ body và phần code mà bạn muốn tái sử dụng ở các template khác ví dụ như menu, banner,… tùy ý bạn muốn như thế nào. Ở trên là đoạn code trong file header.php của mình.

file header php

Ở đây hungmkt có dòng lệnh gọi hàm <?php wp_head(); ?> đây là dòng bắt buộc phải có vì nó có chức năng dùng để gọi các dòng link rel, script từ các plugin mà bạn cài đặt trong wordpress.

footer.php

Tương tự như header.php mình sẽ có đoạn code như hình dưới

file-footer-php

Ở đây hungmkt cũng có dòng lệnh gọi hàm <?php wp_footer(); ?>  chức năng của dòng này thì cũng như <?php wp_head(); ?>.

Chú ý: các bạn nhớ có 2 dòng này nhé, hungmkt thấy nó rất quan trọng và phải có 2 dòng này thì mới xuất hiện thanh admin bar cho các bạn

home-page.php

Ở đoạn code trên các bạn cần lưu ý 3 điều:

home-page-php

  • template name: tên template của bạn.
  • get_header(): hàm include file header.php.
  • get_footer(): hàm include file footer.php.

Sau khi bạn hoàn thành xong bạn vào mục themes trên giao diện admin. Chọn Themes của mình và Kích hoạt. Sau đó bạn vào mục Trang. Chọn Thêm mới.

Tại đây, bạn điền tên trang cần tạo mới. Sau đó vào mục Thuộc tính trang => Giao diện => chọn tên Template của mình và chọn Đăng.

Kế tiếp bạn vào Cài đặt => Đọc => Tick Chọn Một trang tĩnh (chọn dưới đây) => Trang chủ => chọn tên Page mà bạn đã tạo trước đó => Lưu thay đổi.

Cuối cùng các bạn load lại trang Local của mình và sẽ có sự thay đổi.


136