Các tập tin css wordpress được lưu trữ ở đâu?
|
Để làm việc với CSS trong WP Rig, điều quan trọng trước tiên là phải biết CSS trong WP Rig hoạt động như thế nào. Hãy chia nhỏ cấu trúc tệp và thư mục, chức năng của các tệp khác nhau và cách chúng hoạt động cùng nhau, bắt đầu với Show
/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Imports # Custom properties # Reset # Typography # Elements # Links # Accessibility # Layout # Forms # Header # Main navigation menu # Content navigation # Footer # Infinite scroll --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Imports --------------------------------------------------------------*/ @import "_custom-properties.css"; @import "_reset.css"; @import "_typography.css"; @import "_elements.css"; @import "_links.css";2 là một trình giữ chỗ trong WP RigTheo truyền thống trong các chủ đề WordPress, Nhận xét này là cần thiết để các chủ đề WordPress được chính WordPress công nhận là chủ đề. Không có nó, WordPress sẽ không biết có một chủ đề có sẵn trong thư mục này. Nhận xét này phải nằm trong một tệp có tên Khi bạn bắt đầu làm việc với chủ đề của riêng mình, bạn nên chỉnh sửa nhận xét trong Vị trí của CSS có thể chỉnh sửaCác biểu định kiểu thực tế mà bạn sẽ làm việc được tìm thấy trong Các tệp CSS của Trình chỉnh sửa khối (Gutenberg)Thư mục “trình chỉnh sửa” chứa các kiểu Trình chỉnh sửa khối WordPress ( Các tệp và phần CSS cốt lõiNhìn kỹ vào các tệp bên trong thư mục nguồn, bạn sẽ nhận thấy có hai loại tệp. Chúng tôi có các tệp chỉ có tên thông thường và sau đó chúng tôi có các tệp có dấu gạch dưới (_) ở phía trước tên của chúng. Nếu bạn đã từng làm việc với Sass hoặc LESS, bạn sẽ nhận ra đây là một phần. Chúng hoạt động giống như cách làm việc của partials, chỉ có điều chúng làm như vậy trong CSS thuần túy. Không có Sass hay LESS ở đây. Trên thực tế, WP Rig không hỗ trợ Sass hoặc LESS. Đây chỉ là CSS thuần túy. Như tôi đã nói, hoạt động theo cùng một cách Quy trình xây dựng CSS hoạt động như thế nào?Hãy nhìn vào Nhờ PostCSS, các lệnh gọi Một lưu ý quan trọng; . Nếu bạn cố thêm chúng xuống dưới, bạn sẽ gặp lỗi từ PostCSS với nội dung: “Này, này, này. Bạn đang làm điều gì đó mà bạn không nên làm. ” Có nhiều lý do cho điều này, nhưng về cơ bản bất cứ khi nào bạn sử dụng một phần, nó cần được gọi ở đầu tài liệu Bởi vì Biểu định kiểu chính = /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Imports
# Custom properties
# Reset
# Typography
# Elements
# Links
# Accessibility
# Layout
# Forms
# Header
# Main navigation menu
# Content navigation
# Footer
# Infinite scroll
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/
@import "_custom-properties.css";
@import "_reset.css";
@import "_typography.css";
@import "_elements.css";
@import "_links.css"; |
