CUSTOM CSS LÀ GÌ

lúc ta chế tác đồ họa, bọn họ đã viết một số trong những chiếc phản hồi vào file style.css để knhị báo ban bố về theme như vậy này:

/* * |—:<Đoạn này đang cất các đoạn reviews với công bố về theme, nhỏng tên theme (Theme Name), thương hiệu người sáng tác (Theme Author), thúc đẩy của người sáng tác (Author URI),…>:—|

WordPress sẽ địa thế căn cứ vào thương hiệu của từng mẫu bình luận mà lấy báo cáo của một theme. Và vào file này, họ cũng có thể viết CSS vào bên dưới chứ không buộc phải tạo nên một file CSS riêng biệt.

Bạn đang xem: Custom css là gì

Nhưng bao gồm một sự việc là mang định WordPress không tồn tại tự load tệp tin này lên theme, mà lại chúng ta yêu cầu cnhát nó lên phần của trang web. Để chèn file style.css lên phần của trang web, chúng ta có thể viết code vào tệp tin header.php để nó load, tuy thế mình suy nghĩ cách đây ko giỏi cho lắm, mà họ đã sử dụng một hàm thương hiệu là wp_register_style() nhằm ĐK tệp tin này vào danh sách “chờ gọi” của WordPress, tiếp nối dùng hàm wp_enqueue_sripts() để gọi nó ra bối cảnh một bí quyết bài bản hơn.

Trong CSS, tất cả một lý do khôn xiết đặc trưng lúc làm cho theme nhưng phải áp dụng hàm wp_enqueue_style() là nhằm trong tương lai nếu như khách hàng tất cả tạo thành child theme cho nó để tùy phát triển thành lại thì hoàn toàn có thể dễ ợt chuyển đổi file CSS bằng phương pháp diệt bỏ (wp_deregister_style()) cơ mà ko va vào code của parent theme.

Tđam mê khảo: Child Theme với Parent Theme là gì

Do vậy, các bạn hãy cnhát đoạn code này vào file functions.php nhé:

/**
Ckém CSS và Javascript vào theme
sử dụng hook wp_enqueue_scripts() nhằm hiển thị nó ra phía bên ngoài front-kết thúc **/ function cqaugusta.com_styles() /* * Hàm get_stylesheet_uri() sẽ trả về cực hiếm dẫn mang đến file style.css của theme * Nếu áp dụng child theme, thì tệp tin style.css này vẫn load ra từ theme chị em */ wp_register_style( ‘main-style’, get_template_directory_uri() . ‘/style.css’, ‘all’ ); wp_enqueue_style( ‘main-style’ ); add_action( ‘wp_enqueue_scripts’, ‘cqaugusta.com_styles’ );Thứ nhất, bởi vì bài toán ckém tệp tin CSS này bản thân đã móc nó vào hook wp_enqueue_scripts() phải mình sẽ tạo ra một hàm riêng rẽ tên là cqaugusta.com_styles(), hàm này sẽ có tính năng ĐK (register) và chuyển vào list chờ đợi call ra (enqueue) các file CSS cơ mà mình nên cnhát vào theme.

Trong hàm đó, bản thân thực hiện hàm wp_register_style() nhỏng sau:

wp_register_style( ‘main-style’, get_template_directory_uri() . ‘/style.css’, ‘all’ );Như vậy Tức là, bản thân sẽ knhì báo mang lại dòng tệp tin CSS này một cái thương hiệu là main-style, tmê man số phía sau tức thị đường truyền trỏ cho tệp tin style.css mà lại get_template_directory_uri() là hàm trả về băng thông thỏng mục của theme bạn đang sử dụng, rồi nối cùng với chuỗi /style.css để nó load tệp tin này ra. Tham số all tức là nhiều loại thứ rất có thể đọc được tệp tin CSS này (ví dụ như screen, all, print,…).

sau đó được coi là dòng Gọi ra:

wp_enqueue_style( ‘main-style’ );Dòng này tức là, nó vẫn chuyển dòng file đã ĐK sinh sống phía bên trên vào danh sách chờ đón bằng hàm wp_enqueue_style() với nó sẽ được nhận diện ra thông qua cái tên main-style mình đã đặt tại trên.

Xem thêm: Hệ Số Lương Cơ Bản Năm 2018 /Nđ, Hệ Số Lương Là Gì

Cuối thuộc là hook wp_enqueue_scripts() sẽ có được chức năng đưa toàn bộ các file/scripts vào danh sách chờ đợi lên đồ họa ko kể front-kết thúc.

Bây giờ đồng hồ các bạn hãy lưu giữ rồi ra ngoài trang web, bấm view source giúp thấy mã nguồn cùng tìm về tệp tin style.css, nó đã hiển thị ra như thế này:

*
Thêm CSS vào theme cùng với wp_register_style 104">

Nói thêm về hàm in đường dẫn theme

Nhỏng các bạn thấy nghỉ ngơi trên, mình thực hiện hàm get_template_directory_url() cùng hàm này sẽ có chức năng trả về đường dẫn tlỗi mục theme hiện tại vẫn đang sử dụng. Nó đang trả về tài liệu thứ hạng chũm này:

http://domain name.com/wp-content/themes/cqaugusta.comSau kia, bản thân nối hàm này với chuỗi "/style.css/" nhằm ta gồm một băng thông cho tới tệp tin style.css hoàn hảo.

Tuy nhiên, bao gồm một yếu tố khôn cùng đặc biệt quan trọng nhưng mà mình cần cho chính mình biết tại sao mình sử dụng hàm này vì chưng nó gồm một hàm không giống nhân tiện rộng chính là get_stylesheet_uri() chính là nó vẫn đã gọi ra thỏng mục của parent theme nếu như sau đây bạn chế tác một child theme đến nó. Mục đích là để CSS của theme không làm biến mất khi sử dụng child theme, nếu bạn muốn ko load tệp tin style.css vào thư mục parent theme nữa thì có thể bỏ quăng quật ĐK tệp tin này bằng đoạn sau trong tệp tin functions.php của child theme:

wp_dequeue_style(‘main-style’);Tại bên trên mình tất cả nói qua hàm get_stylesheet_uri(), hàm này đang trả về quý hiếm mang lại file style.css của theme ngày nay bạn đang thực hiện. Vấn đề này Có nghĩa là nếu như khách hàng áp dụng child theme thì nó đang load mẫu file CSS của child theme ra, vì thế tệp tin style.css của parent theme sẽ không còn được gọi.

Lời kết

Trong bài này, tôi chỉ mong mỏi triệu tập vào việc sử dụng các hàm nhằm hiển thị CSS như wp_register_style(), wp_enqueue_style() với wp_enqueue_scripts() nhằm rất có thể cyếu một tập tin CSS vào theme của bản thân một biện pháp thông bản thân cùng mềm mỏng tuyệt nhất.

Tại bài sau, bọn họ trải qua phần đặc trưng độc nhất đó là viết CSS mang lại theme của mình.