Title: Simple CSS Author: Tom Published: 21 Tháng 11, 2015 Last modified: 15 Tháng 9, 2025 --- Tìm kiếm plugin ![](https://ps.w.org/simple-css/assets/banner-772x250.png?rev=2332555) ![](https://ps.w.org/simple-css/assets/icon-128x128.png?rev=2332555) # Simple CSS Bởi [Tom](https://profiles.wordpress.org/edge22/) [Tải về](https://downloads.wordpress.org/plugin/simple-css.1.1.1.zip) * [Chi tiết](https://vi.wordpress.org/plugins/simple-css/#description) * [Đánh giá](https://vi.wordpress.org/plugins/simple-css/#reviews) * [Cài đặt](https://vi.wordpress.org/plugins/simple-css/#installation) * [Nhà phát triển](https://vi.wordpress.org/plugins/simple-css/#developers) [Hỗ trợ](https://wordpress.org/support/plugin/simple-css/) ## Mô tả Muốn thêm CSS bổ sung cho trang web? Simple CSS cung cấp cho bạn một trình chỉnh sửa và công cụ xem trước trong Tùy Biến để thêm CSS một cách dễ dàng. Bạn muốn thêm CSS cho một trang hoặc bài viết cụ thể? Simple CSS đã thêm một metabox ở cuối bài viết hoặc trang, để bạn làm điều đó. Xem thêm GeneratePress, theme WordPress tuyệt vời của chúng tôi! (https://wordpress. org/themes/generatepress) #### Gồm các tính năng: * Trình sửa CSS đầy đủ tính năng * Giao diện tối và sáng * Sửa CSS trong Tùy chỉnh để bạn có thể xem trước thay đổi * Metabox CSS cho bài viết/trang cụ thể ## Ảnh màn hình [⌊Giao diện màu tối cho trình chỉnh sửa CSS.⌉⌊Giao diện màu tối cho trình chỉnh sửa CSS.⌉[ Giao diện màu tối cho trình chỉnh sửa CSS. [⌊Giao diện màu sáng cho trình chỉnh sửa CSS.⌉⌊Giao diện màu sáng cho trình chỉnh sửa CSS.⌉[ Giao diện màu sáng cho trình chỉnh sửa CSS. [⌊Trình chỉnh sửa CSS trong Tùy biến.⌉⌊Trình chỉnh sửa CSS trong Tùy biến.⌉[ Trình chỉnh sửa CSS trong Tùy biến. [⌊Metabox sửa CSS.⌉⌊Metabox sửa CSS.⌉[ Metabox sửa CSS. ## Cài đặt Có hai cách để cài Simple CSS. 1. Đi đến “Plugin > Cài mới” trong bảng tin và tìm kiếm: Simple CSS 2. Tải tập tin .zip từ WordPress.org, và tải thư mục plugin vào trong thư mục`/wp- content/plugins/` qua FTP. Trong nhiều trường hợp, #1 sẽ làm việc tốt và là cách dễ nhất. ## Hỏi đáp ### Làm sao thêm CSS sử dụng Simple CSS? * Hãy chắc chắn Simple CSS đã được kích hoạt. * Đi đến “Giao diện > Simple CSS” và thêm CSS vào trình chỉnh sửa. ### Làm sao thêm CSS sử dụng trình Tùy chỉnh? * Hãy chắc chắn Simple CSS đã được kích hoạt. * Đi đến “Giao diện > Tùy biến” và mở mục “Simple CSS”. ### Làm sao thay đổi màu sắc của trình chỉnh sửa? * Tại “Giao diện > Simple CSS”, thay đổi tùy chọn “Tối” bên dưới nút “Lưu CSS” thành “Sáng”. ### Làm sao thêm CSS cho một trang duy nhất? * Đi đến trang hoặc bài viết trong Bảng tin và tìm metabox “Simple CSS”. ## Đánh giá ![](https://secure.gravatar.com/avatar/653bd1001f3631b861b83444856079b6eea3dd72af00626c11c1cb831b6969b7? s=60&d=retro&r=g) ### 󠀁[This is a really awesome plugin, and will remain awesome updates or not](https://wordpress.org/support/topic/this-is-a-really-awesome-plugin-and-will-remain-awesome-updates-or-not/)󠁿 [bmiller22000](https://profiles.wordpress.org/bmiller22000/) 23 Tháng 11, 2024 Easy to use and gives you the access to behind the scenes places you need (like css on this page, for this table, fast and effectively, without digging through mountains of native wp and plugin stylesheets. It has been a big help. ![](https://secure.gravatar.com/avatar/18c259de955f137ef769510614085322ea9d42e840fe73ed3f420961042fa848? s=60&d=retro&r=g) ### 󠀁[I want to love it more](https://wordpress.org/support/topic/i-want-to-love-it-more/)󠁿 [Paul Bradley](https://profiles.wordpress.org/psb/) 16 Tháng 12, 2023 This seems like a great idea, and it’s super to finally be clear of the small Additional CSS panel in native wordpress. What’s making me unsure if I should continue are 2 things: 1 – when you press Save, it shoots you back to the top of the CSS file. If you wanted to check and re-edit a bit you were working on, you’ve got to find it again. 2 – no code hints to help complete as you type. Both these things are present on the Additional CSS panel but not here. Hope they can introduce! ![](https://secure.gravatar.com/avatar/1db21927f52888eab0586b915ed203da3b958baa05c87ff086254b46695eee44? s=60&d=retro&r=g) ### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excellent-plugin-8819/)󠁿 [ws24](https://profiles.wordpress.org/ws24/) 23 Tháng 9, 2023 By far the best plugin to add custom css, I have been using it for years now and in many websites. ![](https://secure.gravatar.com/avatar/d0428f8a39b215d18ded63fe71eab5f535e88c70b73878f806e93212028ff8b3? s=60&d=retro&r=g) ### 󠀁[Awesome plugin to give non admins CSS access](https://wordpress.org/support/topic/awesome-plugin-to-give-non-admins-css-access/)󠁿 [thessnake03](https://profiles.wordpress.org/thessnake03/) 11 Tháng 4, 2023 great solution to give certain users CSS access without giving them too much access ![](https://secure.gravatar.com/avatar/a4c643f987f52f70ec951e299504cfabf1594ca4f6ef7b065c3845ed010c886e? s=60&d=retro&r=g) ### 󠀁[Please update](https://wordpress.org/support/topic/please-update-128/)󠁿 [itsmeagh](https://profiles.wordpress.org/itsmeagh/) 18 Tháng 1, 2023 Please update is amazing plugin. ![](https://secure.gravatar.com/avatar/1040405671e4f11d87b220c28fadad719ad0d1b11dccc85976e5aa073e50f326? s=60&d=retro&r=g) ### 󠀁[Brilliant – shaved 75% off my page load time](https://wordpress.org/support/topic/brilliant-shaved-1-1-second-off-my-page-load/)󠁿 [Keirwatson](https://profiles.wordpress.org/keirwatson/) 9 Tháng 2, 2021 I had been struggling with page speed but could see in GT Metrix that custom CSS( Jetpack) was taking over 1 second to load. Copied it over to Simple CSS and page load dropped from 3.3 seconds to 0.8s! That’s a 75% reduction – fantastic!!! [Also, I love that I can drop a little bit of CSS into the meta box for some post-specific tweaks – so cool, saves CSS bloat for rarely used styling] [ Đọc tất cả 60 đánh giá ](https://wordpress.org/support/plugin/simple-css/reviews/) ## Người đóng góp & Lập trình viên “Simple 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 * [ Tom ](https://profiles.wordpress.org/edge22/) [Dịch “Simple CSS” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/simple-css) ### Muốn tham gia phát triển? [Duyệt code](https://plugins.trac.wordpress.org/browser/simple-css/), check out [SVN repository](https://plugins.svn.wordpress.org/simple-css/), hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/simple-css/) qua [RSS](https://plugins.trac.wordpress.org/log/simple-css/?limit=100&mode=stop_on_copy&format=rss). ## Nhật ký thay đổi #### 1.1.1 * Fix PHP notice when Simple CSS hasn’t been saved yet #### 1.1 * Sửa lỗi lưu meta box #### 1.0 * Chỉ hiện metabox cho post type công khai * Thêm Xem trước cho trình Tùy chỉnh * Làm sạch code * Xác nhận tốt hơn #### 0.4 * Sử dụng tìm kiếm của trình duyệt hay vì hộp tìm kiếm CodeMirror * Đừng hiện metabox GeneratePress nếu nó đã kích hoạt * CSS box full chiều cao #### 0.3 * Thêm metabox CSS để chèn CSS ở từng trang và bài viết cụ thể * Điều chỉnh style của dark theme * Thêm mẹo vào phần Simple CSS #### 0.2 * Xóa khoảng trắng trừa khỏi CSS * Xóa kiểm tra lỗi từ Tùy chỉnh * Cho phép kí tự > trong CSS * Thêm hàm tìm kiếm (ctrl + f) #### 0.1 * Phát hành lần đầu ## Meta * Phiên bản **1.1.1** * Cập nhật lần cuối **10 tháng trước** * Số lượt cài đặt **80.000+** * Phiên bản WordPress ** 4.0 hoặc cao hơn ** * Đã kiểm tra lên đến **6.8.5** * Ngôn ngữ * [English (US)](https://wordpress.org/plugins/simple-css/) * Thẻ * [css](https://vi.wordpress.org/plugins/tags/css/)[custom css](https://vi.wordpress.org/plugins/tags/custom-css/) [simple css](https://vi.wordpress.org/plugins/tags/simple-css/) * [Nâng cao](https://vi.wordpress.org/plugins/simple-css/advanced/) ## Đánh giá 4.9 trên 5 sao. * [ 56 5-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=5) * [ 4 4-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/simple-css/reviews/#new-post) [Xem tất cả đánh giá](https://wordpress.org/support/plugin/simple-css/reviews/) ## Những người đóng góp * [ Tom ](https://profiles.wordpress.org/edge22/) ## Hỗ trợ Các lỗi đã xử lý trong vòng hai tháng gần đây: 0 trên 1 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/simple-css/) ## Ủng hộ Bạn có muốn hỗ trợ vào sự phát triển của plugin này? [ Ủng hộ plugin này ](https://generatepress.com/ongoing-development)