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'];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