Lập trình WorPress – Bài 3: Sử dụng header, footer; Load CSS và JS trong WordPress

Phần nội dung bài này sẽ tách các thành phần dùng chung (như header, footer, …)

Tóm tắt:

-Tạo ra các file: header.php, footer.php. Các trang nào cần sử dụng thì get_header() và get_footer().

Trong header.php và footer.php lần lượt có các đoạn code tương ứng: wp_head() và wp_footer().

– Tạo file functions.php – chứa các đoạn code để load css, js tại các thời điểm (hook).

wp_head(): cho phép WordPress điều khiển phần head bên trong trang. Thay vì dùng link để kết nối đến file CSS – sẽ dùng các lệnh PHP của WordPress (trong functions.php).

Tương tự wp_footer() cho phép WordPress điều khiển phần footer – để load file *.js phần footer trước </body>

Code demo:

<?php
function addCSSandJS(){
 wp_enqueue_style("style_chinh", get_stylesheet_uri();
}

add_action("wp_enqueue_scripts", addCSSandJS);