Đã tắt: Chủ đề không thêm tệp biểu định kiểu có tên editor-style.css?

Có việc để làmQuảng cáo trên webbạn ơi, gần đây đã bắt đầu học cách sử dụngTrang web WordPress.

Bật trình cắm trình chỉnh sửa TinyMCE, trong cài đặt của trình cắm trình chỉnh sửa TinyMCE, đã gặp sự cố như vậy ▼

Tạo menu kiểu CSS

• Tải các kiểu CSS được sử dụng trong editor-style.css và thay thế menu Định dạng.
• Tàn tật: Tệp biểu định kiểu cho editor-style.css.
• Tàn tật: Chủ đề của bạn chưa thêm tệp biểu định kiểu có tên editor-style.css.

Nếu tình huống trên xảy ra, trình chỉnh sửa trực quan của WordPress có thể không hiển thị kiểu mã mà chúng tôi muốn, chẳng hạn như:

• blockquote, pre, code ...

Khắc phục sự cố

1. Xin lỗieditor-style.css, nó có nằm trong thư mục gốc của chủ đề WordPress không?
2. Bạn có đang sử dụng chủ đề con (child) không?

Khi chúng ta làPhụ trợ WordPressKhi chỉnh sửa một bài viết ở giữa, do vấn đề kiểu CSS, hiển thị nền trước và nền khác nhau ...

Nhưng sau Wordpress 3.0, nó có các tính năng rất tốt:

• Có nghĩa là, phong cách mặt trước và mặt sau có thể được thống nhất, vì vậy khi Wordpress soạn thảo các bài viết ở chế độ nền, nó cũng có thể trông giống như mặt trước.
• Tương tự, chúng ta không cần phải sửa đổi bài đăng đã chỉnh sửa trong phần phụ trợ WordPress vì nó được hiển thị khác với giao diện người dùng.

Nếu chúng ta mở chủ đề mặc định của Wordpress, Twenty Eleven, chúng ta có thể thấy rằng có một bình luận html và mã như thế này ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• Nhận xét này có nghĩa là gì: Trình chỉnh sửa trực quan phù hợp với kiểu trình chỉnh sửa chủ đề-style.css.
• Chức năng này thực hiện cũng rất đơn giản, vì nó là chức năng mặc định của WordPress, chúng ta chỉ cần kích hoạt nó lên.

Làm cách nào để các bài viết WordPress hiển thị cùng một kiểu văn bản với giao diện người dùng?

第 1 步 ：Tạo tệp editor-style.css

第 2 步 ：Thêm mã sau vào tệp editor-style.css ▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

第 3 步 ：Sao chép tệp editor-style.css vào thư mục gốc của chủ đề WordPress của bạn.

Chap 4 Bước:Thêm mã sau vào tệp functions.php ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 
add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
add_editor_style();

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

第 5 步 ：Làm mới trang chỉnh sửa bài đăng WordPress

• Kiểm tra và xác nhận xem các kiểu văn bản ở mặt trước và mặt sau của WordPress có giống nhau không?

注意 事项

Nếu chủ đề WordPress của bạn không thêm các kiểu CSS vào "thẻ trích dẫn blockquote" và "thẻ mã thẻ trước / mã", bạn cần thêm mã CSS tương ứng vào tệp style.css của chủ đề WordPress.

Để biết chi tiết, vui lòng xem hướng dẫn xây dựng trang web sau đây ▼

Làm thế nào để sử dụng blockquote? Hiệu ứng demo thẻ HTML blockquote

Trong chỉnh sửa bài viết WordPress thường có nút "Blockquote" ▼ Khi sử dụng sẽ thêm nútĐánh dấu để gọi một số tuyên bố trích dẫn hoặc đánh dấu. block quote nghĩa là gì?Sau đây là Chen Wei ...

Pre trong CSS style là gì? Vai trò của các thẻ mã gói trước trong HTML

Chúng ta cần học một số kiến ​​thức cơ bản về CSS và HTML để xây dựng một trang web với WordPress: do các tệp kiểu CSS của một số chủ đề WordPress, các kiểu thẻ trước và mã không được thêm vào.Hầu hết các trình duyệt hiện hỗ trợdấu. h ...