Hướng dẫn how to add css file in function php - cách thêm tệp css vào hàm php

Cập nhật lần cuối vào ngày 9 tháng 2 năm 2020

Mở functions.php trong thư mục chủ đề WordPress của bạn, thường được đặt trong /wp-content/themes/{theme_name}/

Thêm mã sau vào cuối functions.php

function custom_styles() {
	wp_enqueue_style( 'custom-style', get_template_directory_uri() . '/css/style.css' );
}
add_action( 'wp_enqueue_scripts', 'custom_styles' );

Đảm bảo rằng tệp CSS của bạn được tải lên thư mục CSS chủ đề của bạn, thường được đặt trong ____10 hoặc

function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');
1

Phong cách tùy chỉnh WP-Admin

Để thực hiện một tệp CSS tùy chỉnh cho phụ trợ WP-Admin, hãy thêm mã sau vào cuối functions.php

function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');

Hãy cho tôi biết nếu điều này đã giúp. Theo dõi tôi trên Twitter, Facebook và YouTube hoặc 🍊 Mua cho tôi một ly sinh tố.

P.S. Tôi đã tăng doanh thu adsense của mình lên 200% bằng cách sử dụng AI. Đọc đánh giá Ezoic của tôi để tìm hiểu làm thế nào.

Một trong những nhà phát triển chủ đề không chính xác thêm CSS của họ vào chủ đề của họ là thông qua blogInfo (‘styleSheet_url,); Tag trong tiêu đề.php. Đây là một ý tưởng tồi. & NBSP; Một cách tốt hơn để thực hiện điều này là thông qua tệp function.php, giống như cách bạn liên kết đúng với các tệp javascript một chủ đề WordPress.

Đây là mã để làm điều này:


Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây. Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn. Tìm hiểu thêm về các ký tự unicode hai chiều
Learn more about bidirectional Unicode characters

// Tải các biểu định kiểu chủ đề
function theme_styles ()
{
// Ví dụ về việc tải plugin trình chiếu jQuery chỉ trên trang chủ
wp_register_style ('flexslider', get_template_directory_uri (). '/css/flexslider.css');
// Tải tất cả các kiểu cần xuất hiện trên tất cả các trang
wp_enqueue_style ('chính', get_template_directory_uri (). '/style.css');
wp_enqueue_style ('tùy chỉnh', get_template_directory_uri (). '/css/custom.css');
// tải có điều kiện CSS FlexSlider trên trang chủ
if (is_page ('home')) {
wp_enqueue_style ('flexslider');
}
}
add_action ('wp_enqueue_scripts', 'theme_styles');

Tôi là một fan hâm mộ của plugin slideshow flexslider từ Wootheme, vì vậy, những gì tôi đã thiết lập để liên kết đến trang chủ.

STYE.CSS yêu cầu và bảng kiểu CSS tùy chỉnh bên trong thư mục CSS trong thư mục chủ đề đang được & nbsp; xếp hàng bên trong hàm reaps_styles () và sau đó được tải để thực thi và xuất vào tiêu đề thông qua hàm wp_head () Trong tệp Header.php trước khi đóng thẻ & nbsp;

Đối với một người khác đọc về điều này, hãy xem bài đăng Tutsplus này về chủ đề này.

Được xuất bản bởi ZacZac

Nhà giáo dục Xem tất cả các bài viết của ZAC

Xuất bản ngày 13 tháng 3 năm 2013 ngày 1 tháng 1 năm 2018 March 13, 2013January 1, 2018

bài chuyển hướng

Tôi mới sử dụng WordPress. Tôi bao gồm tệp của tôi bằng cách sử dụng

"/>

Nhưng nếu tôi Enqueue tệp CSS của mình trong functions.php thì nó không hoạt động. Tại sao? Sai lầm của tôi ở đâu?


Giải pháp cho điều này là gì?

WPCLEVEL

3.3792 Huy hiệu vàng20 Huy hiệu bạc42 Huy hiệu Đồng2 gold badges20 silver badges42 bronze badges

Hỏi ngày 19 tháng 8 năm 2016 lúc 4:52Aug 19, 2016 at 4:52

Bạn đang gọi chức năng sai. Bạn đã không đưa ra tên tệp của mình, chỉ là một thư mục.

Từ Codex

wp_enqueue_style( string $handle, string $src = false, array $deps = array(), string|bool|null $ver = false, string $media = 'all' )

Vì vậy, trong trường hợp của bạn, bạn nên enqueue như vậy

add_action( 'wp_enqueue_scripts', 'wpse_my_style' );
function wpse_my_style(){
  wp_enqueue_style( 'my-style', get_stylesheet_directory_uri() . 'path/to/your/css' );
}    

Phần còn lại của các tham số là tùy chọn

Đã trả lời ngày 19 tháng 8 năm 2016 lúc 5:12Aug 19, 2016 at 5:12

Hướng dẫn how to add css file in function php - cách thêm tệp css vào hàm php

Bynicolasbynicolasbynicolas

2.2491 Huy hiệu vàng8 Huy hiệu bạc19 Huy hiệu đồng1 gold badge8 silver badges19 bronze badges

function wpdocs_style() {
wp_enqueue_style( 'style-name', get_stylesheet_uri() );  //This is for getting style.css of current theme
wp_enqueue_style( 'style-name1', get_teplate_directory_uri() . '/css/custom.css', array('jquery') );   //This is for getting other css file from parent directory  
wp_enqueue_script( 'script-name1', get_teplate_directory_uri() . '/js/custom.js', array('jquery') );   //This is for getting JS file from parent directory  
}
add_action( 'wp_enqueue_scripts', 'wpdocs_style' );
             OR
//Or as an laternate you can hook with wp_head also
add_action( 'wp_head', 'wpdocs_style' );

Để chạy chức năng trên cần thêm

function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');
4 (nếu bạn sử dụng hành động này
function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');
5) trong
function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');
6 befor
function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');
7.

Bạn phải gán tên cho mọi phong cách (như tôi gán tên phong cách, tên style1, v.v.) và tên phải là duy nhất. Và nếu bạn muốn Qnqueue từ các chức năng của chủ đề con.php thì bạn phải sử dụng

function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');
8 thay vì
function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');
9.

Đã trả lời ngày 19 tháng 8 năm 2016 lúc 5:32Aug 19, 2016 at 5:32

Hướng dẫn how to add css file in function php - cách thêm tệp css vào hàm php

RishabhrishabhRishabh

9662 Huy hiệu vàng9 Huy hiệu bạc21 Huy hiệu đồng2 gold badges9 silver badges21 bronze badges

9

Chúng ta có thể thêm tệp CSS vào PHP không?

Bạn có thể thêm kiểu CSS vào một trang được tạo bởi PHP giống như bạn sẽ có một trang HTML thông thường.Thông thường, bạn sẽ liên kết đến một bảng kiểu trong phần đầu hoặc đặt kiểu dáng trong các thẻ trong đầu.Nhưng bạn cần phải cụ thể hơn về nhu cầu của bạn.. Typically you would link to a style sheet in the head section, or put the styling in