Tại sao trình chỉnh sửa trực quan trong WordPress giới hạn độ rộng bằng cách gói nội dung?


8

Tại sao trình soạn thảo trực quan trong Wordpress lại giới hạn độ rộng bằng cách gói nội dung?

Tôi thấy hành vi này trong trình soạn thảo ít nhất là gây phiền nhiễu, nó ngăn tôi sử dụng bất động sản màn hình của tôi.


Bạn có thể giải thích những gì bạn muốn biên tập viên làm so với những gì nó thực sự làm? Gói văn bản trong hộp chỉnh sửa là hành vi mặc định của bất kỳ trình soạn thảo văn bản nào ... vì vậy tôi không chắc chắn bạn đang gặp vấn đề gì ...
EAMann

Câu trả lời:


15

Nguy hiểm đoán xem bạn thực sự có ý gì, tôi cho rằng bạn có ý gì đó như thế này đang xảy ra:

Gói từ

Nếu đó là những gì bạn đang đề cập, đó là vì chủ đề của bạn có biểu editor-style.cssđịnh kiểu sẽ được sử dụng trong trình chỉnh sửa trực quan. Đâu đó bên trong bản định kiểu đó là một cái gì đó như thế này:

html .mceContentBody {
    max-width:640px;
}

Loại bỏ điều đó hoặc sửa đổi max-widthgiá trị sẽ cho phép bạn tùy chỉnh điều đó. Tùy chọn khác là loại bỏ hoàn toàn biểu định kiểu. Để làm điều đó, hãy tìm dòng mã này trong chủ đề của bạn (có thể là trong functions.php):

add_editor_style();

và loại bỏ nó.

Nếu đây không phải là vấn đề của bạn, tôi xin lỗi và rất thích làm rõ.

BIÊN TẬP

Vì có vẻ như WordPress tải biểu định kiểu của bạn trước khi tải biểu định kiểu mẫu, nên có hai cách để ghi đè kiểu. Đầu tiên (và dễ nhất): làm cho phong cách của bạn trở nên quan trọng:

html .mceContentBody {
  max-width: none !important;
}

Để ngăn trình soạn thảo tải tất cả các kiểu cha mẹ, bạn có thể thêm nó vào tệp tin.php của chủ đề:

function get_rid_of_editor_styles(){
  global $editor_styles;
  if(is_array($editor_styles))
    foreach($editor_styles as $e)
      $e = 'editor-style.css' == $e ? '' : $e;
}
add_action('init','get_rid_of_editor_styles');

function add_my_own_editor_styles(){
  add_editor_style( 'custom-editor-style.css' );
}
add_action('after_setup_theme','add_my_own_editor_styles');

Sau đó, trong chủ đề con bạn, hãy sử dụng custom-editor-style.csslàm biểu định kiểu trình soạn thảo của chủ đề con bạn thay vì editor-style.css.

Xin lưu ý, phần cuối cùng của câu trả lời này sẽ không phải là giải pháp tốt nhất cho mọi người. Tôi chỉ cung cấp nó bởi vì tôi biết rằng bạn đang sử dụng một chủ đề con bằng cách sử dụng hai mươi mẫu làm mẫu.


Cảm ơn, bạn đã đoán đúng. Tuy nhiên cái gì đó vẫn là chưa đầy đủ: nơi để đặt ghi đè .. max-width: none;. Tôi đã cố gắng đặt nó bên trong chủ đề con của tôi nhưng nó không được tải khi tôi ở trong quản trị viên - không biết tại sao (cha mẹ là hai mươi). Ý tưởng là tôi muốn đặt nó ở một nơi mà nó sẽ không bị chi phối bởi nâng cấp wordpress hoặc nâng cấp chủ đề gốc.
sorin

Ok, đây là những gì có vẻ như WordPress đang làm: Nó thêm biểu định kiểu của chủ đề của bạn, THÌ (nếu nó vẫn được gọi) các kiểu trình soạn thảo của mẫu. Tôi sẽ chỉnh sửa câu trả lời ở trên với một số giải pháp có thể.
John P Bloch

3
Cập nhật nhỏ về điều này: WordPress 3.1 sẽ tải biểu định kiểu của chủ đề con sau phụ huynh. Điều này sẽ cho phép các kiểu của bạn ghi đè lên các kiểu cha mà không cần phải loại bỏ hoàn toàn các kiểu soạn thảo cha. Thêm thông tin ở đây: core.trac.wordpress.org/ticket/14430
John P Bloch
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.