Wordpress Udemy Day 7: CSS

- Tạo folder CSS trong folder Theme.
- Trong folder CSS tạo 3 file: header.css, footer.css vs styles.css (khác với style.css mặc định bên ngoài)
** Nhúng các file css vừa tạo:
- Sử dụng hàm wp_enqueue_style(): Hàm này được mặc định trong file functions.php thường bên dưới phần sidebar. /*Enqueue scripts and style*/
- Ta cũng có hàm wp_enqueue_scripts(): Để gọi các js file thường đặt trọng js folder.
- Copy code trên codex về và sửa lại
- Trước đó để thiết lập đường dẫn đến file dễ dàng, ta dùng hàm: get_template_directory_uri(); hàm này là hàm get nên cần có echo khi đưa vào thẻ php. Nối thêm folder dưới của theme và file để tạo đường dẫn.

- Để ý ở dòng trên cùng ta có sử dụng hàm get_stylesheet_uti(). Hàm này có nhiệm vụ tạo đường dẫn cho các file style css sử dụng hàm wp_enqueue_style() được liệt kê bên dưới để wp có thể hiểu được.
- Tiếp theo, ta edit các file css.
** Sử dụng @import url CSS method: Import CSS từ một Url.
- Ví dụ ta muốn import css của header và style.css.

- Đây là cách tương tự ở trên nhưng nhanh hơn.
** Loading javaScript file:
- Như ở trên ta sử dụng hàm wp_enqueue_script().
- Hàm này có thuộc tính true/false ở cuối thể hiện cho phép load script trước khi load thẻ header hay không.
** Adding Google Custom Font: https://fonts.google.com
- Ta nên sử dụng ít nhất 2 fonts. 1 cho chữ thường và 1 cho các chữ tiêu đề.
- Trên fonts.google.com; Click chọn các font cho họ font muốn tạo. Embed code dưới dạn @import để copy code vào file cần dùng. Ví dụ, header.css

- Tiếp theo, copy code phần css bên dưới embed vào file css tương ứng. Ví dụ: style.css. Nhớ phân vị trí sử dụng từng font.