Mô tả
Một Plugin WordPress đơn giản để thêm CSS tùy chỉnh và đè lên style mặc định của Plugin và Theme. Plugin này được thiết kế dành cho những người quản lý cần thêm CSS riêng vào trang web của họ. Style được tạo bởi plugin vẫn hiển thị ngay cả khi đổi theme.
** New in Version 4.0.2 **
– Uses native WP CodeMirror on settings page (Does not load unnecessary scripts)
– Tested for WP version 5.1.1
– Tested for PHP version 7.2
Tính năng
- Customizer Control (live preview)
- Code Syntax Highlighter
- Code linting (error checking)
- Không cần cấu hình
- Simple interface built on native WordPress UI
- Hầu như không ảnh hưởng hiệu suất trang web
- Không có query database phức tạp
- Tài liệu chi tiết
- Allows Administrator access on WP Networks (Multisite)
Ảnh màn hình
Bảng quản lý Simple Custom CSS
Mục tùy chỉnh Simple Custom CSS
Cài đặt
Cài đặt Simple Custom CSS đơn giản như các Plugin WP khác:
-
Tải Simple Custom CSS từ WordPress.org.
-
Giải nén tệp .zip.
-
Tải thư mục Plugin (simple-custom-css/) vào trong thư mục wp-content/plugins.
-
Đi đến Bảng điều khiển Plugin và tìm Plugin vừa được tải lên, “Simple Custom CSS” trong danh sách.
-
Bấm Kích hoạt Plugin để kích hoạt nó.
-
Bắt đầu sử dụng plugin bằng cách đi đến Giao diện > CSS tùy chỉnh trong Menu admin, hoặc Giao diện > Tùy chỉnh, rồi bấm vào mục “Simple Custom CSS”.
Hỏi đáp
- Plugin có làm việc với trang web ở WordPress.com không?
-
Rất tiếc, plugin này chỉ dành cho website sử dụng hosting riêng (WordPress.org).
- CSS tùy chỉnh của tôi không hiển thị
-
Có nhiều lý do dẫn đến việc này:
-
CSS của bạn nhắm sai selector.
-
Selector CSS không đủ cụ thể.
Chẳng hạn, bạn có thể có:
a { color: #f00; }Trong khi bạn:
\#content a { color: #f00; }Mức độ cụ thể tùy thuộc vào quy tắc CSS bạn đang cố gắng ghi đè.
- CSS của bạn không đúng.
Hãy kiểm tra CSS của bạn tại W3C CSS Validation Service.
-
Đánh giá
Người đóng góp & Lập trình viên
“Simple Custom CSS” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng góp
“Simple Custom CSS” đã được dịch qua 24 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.
Dịch “Simple Custom CSS” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
4.0.3
- Tested for compatibility with WP version 5.3
4.0.2
- Use WP’s CodeMirror on settings page
- Tested for compatibility with WP version 5.1.1
- Tested for compatibility with PHP version 7.2
4.0.1
- Sửa lỗi vỡ style ở phiên bản cũ của WP.
4.0
- Kiểm soát tùy chỉnh mới (vẫn tương thích với phiên bản WP cũ)
- Đã thêm màu sắc vào Trang cài đặt
- Đã cập nhật hooks để thay thế dấu gạch ngang thành dấu gạch dưới
- Đã kiểm tra tuân thủ WPCS
- Đã kiểm tra tương thích với phiên bản WP 4.9.4
3.3
- Đã thêm hỗ trợ cho https://
- Đã thêm tiếng Đan Mạch. Cảm ơn @ThomasDK81!
- Đã kiểm tra tương thích với phiên bản WP 4.4.1
3.2
- Đã kiểm tra tương thích với WP 4.1
- Cải thiện cấu trúc để giảm số query (Cảm ơn, @dvankooten!)
3.0.1
- Đã kiểm tra tương thích với WP 3.9.1
- Đã thêm nút “Cập nhật CSS” ở Sidebar
3.0
- Đã thêm Sytnax Highlighter
- Xóa bắt buộc cho checkbox “Cho phép dấu ngoặc kép”
- Đã xóa văn bản thuộc tính plugin
- Cho phép quản lý truy cập vào multisite
- Thay đổi style nhỏ. Cảm ơn @kucrut!
2.5
- Đã sửa lỗi cài đặt WP trong sub-directory. Cảm ơn @lopo!
- Đã kiểm tra tương thích với WP 3.8.1
2.0
- Đã thêm tùy chọn cho phép Double Quote trong CSS
- Đã kiểm tra tương thích với WP 3.8
1.2.1
- Đã kiểm tra tương thích với WP 3.7.1
- Cập nhật code để tuân thủ đầy đủ chuẩn code của WP
1.2
- Cho phép quản lý (không chỉ Super Admin) truy cập plugin
- Sửa lỗi Credit
- Sửa lỗi nhỏ
1.1.1
- Cho phép “>” selector con.
1.1
- Đã xóa input ẩn không cần thiết
- Đã thêm action hooks
- Đã thêm dọn dẹp khi xóa
- Đã thêm tùy chọn ghi công tác giả
- Đã thêm một cách thức hiện đại hơn để thêm CSS vào trang:
Thay vì sử dụng print_scripts để chèn CSS vào HEAD, CSS style được tự động tạo trong simple-custom-css.php (tệp duy nhất cho plugin này), rồi thêm qua wp_enqueue_scripts, vì thế bây giờ nó sẽ xuất hiện trong HEAD như:
<link rel="stylesheet" href="http://yoursite.com/?sccss=1" />
…mặc dù không có tệp css nào được tạo ra. Hãy xem bình luận bên trong tệp Plugin để biết chi tiết.
1.0
- Phát hành lần đầu