IMPORT MÃ CSS, JS VÀO HEAD CỦA ADMIN BẰNG WP_ENQUEUE_STYLE VÀ WP_ENQUEUE_SCRIPT

  -  

Xem nhanh

CSS là gì?Chèn CSS vào Theme CustomizeChèn CSS vào từng trang riêngChèn thêm tệp CSS vào theme

Để thiết lập giao diện mang lại trang WordPress thì bạn phải chèn code CSS. Vậy chèn CSS ra sao và có tinh vi không? nội dung bài viết này, hostingvietnam.vn sẽ hướng dẫn chúng ta chèn CSS vào WordPress qua Theme Customize, chèn CSS vào từng bài viết riêng bằng plugin cùng thêm tệp CSS vào theme.

Bạn đang xem: Import mã css, js vào head của admin bằng wp_enqueue_style và wp_enqueue_script


*
*
*
*
Plugin Header Footer Code Manager

Tại sao nên thực hiện plugin này:

Plugin này miễn phí: phiên bản miễn phí đáp ứng đủ nhu cầu.Dễ dàng thiết lập và sử dụngHỗ trợ cả bài bác viết, trang và loại nội dung bài viết tùy chỉnh (Custom taxonomy)Hỗ trợ theo thiết bị: cầm tay / máy vi tính / máy tính xách tay bảngHỗ trợ shortcodeHỗ trợ những vị trí chèn code: Header / Footer, vị trí cao nhất / Bottom bài viết.

Chèn thêm tệp CSS vào theme

Các bạn có thể sử dụng plugin Header Footer Code Manager kể ở trên nhằm chèn thêm tệp CSS vào theme.

Xem thêm: Top 14+ Bài Thao Tác Lập Luận Bình Luận Violet, Luyện Tập Thao Tác Lập Luận So Sánh 11 Violet

Nếu bạn không thích thực hiện plugin, bọn họ cần chỉnh sửa tệp functions.php trên theme đang áp dụng để tiến hành.

Xem thêm: Thuật Toán Rsa Ví Dụ Về Thuật Toán Bất Đối Xứng: Rsa ▷ ➡️ Dừng Sáng Tạo ▷ ➡️

Các bạn tải lên tệp custom-style.css vào folder theme đang thực hiện tại: /wp-content/themes/. Tiếp nối thêm đoạn code bên dưới vào tệp functions.php.


thực hiện hook wp_enqueue_scripts() để hiển thị nó ra ngoài front-end **/ function hostingvietnam.vn_styles() /* * Hàm get_stylesheet_uri() đã trả về cực hiếm dẫn mang lại file style.css của theme * Nếu sử dụng child theme, thì file custom-style.css này vẫn load ra trường đoản cú theme chính */ wp_register_style( 'custom-style', get_template_directory_uri() . '/custom-style.css', 'all' ); wp_enqueue_style( 'custom-style' ); add_action( 'wp_enqueue_scripts', 'hostingvietnam.vn_styles' );