Mengapa editor visual di WordPress membatasi lebar dengan membungkus konten?

8

Mengapa editor visual di Wordpress membatasi lebar dengan membungkus konten?

Saya menemukan perilaku ini di editor setidaknya mengganggu, itu mencegah saya menggunakan real estat layar saya.

editor Sorin
sumber
Bisakah Anda menjelaskan apa yang Anda ingin editor lakukan versus apa yang sebenarnya dilakukan editor? Membungkus teks dalam kotak edit adalah perilaku default editor teks mana pun ... jadi saya tidak yakin masalah apa yang Anda alami ...
EAMann

Jawaban:

15

Membahayakan dugaan apa yang sebenarnya Anda maksud, saya kira maksud Anda sesuatu seperti ini sedang terjadi:

Pembungkus Kata

Jika itu yang Anda maksud, itu karena tema Anda memiliki editor-style.cssstylesheet yang digunakan di editor visual. Di suatu tempat di dalam stylesheet itu ada sesuatu seperti ini:

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

Menghapus itu atau mengubah max-widthnilai akan membiarkan Anda menyesuaikannya. Opsi lainnya adalah menghapus keseluruhan stylesheet. Untuk melakukannya, cari baris kode ini di tema Anda (mungkin di functions.php):

add_editor_style();

dan hapus.

Jika ini sama sekali bukan masalah Anda, saya minta maaf dan akan senang klarifikasi.

EDIT

Karena sepertinya WordPress memuat stylesheet Anda sebelum memuat stylesheet template, ada dua cara untuk mengganti style. Pertama (dan termudah): buat gaya Anda penting:

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

Untuk menghentikan editor dari memuat gaya induk sama sekali, Anda bisa menambahkan ini ke file functions.php tema Anda:

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');

Kemudian dalam tema anak Anda, gunakan custom-editor-style.csssebagai stylesheet editor tema anak Anda alih-alih editor-style.css.

Harap dicatat, bagian terakhir dari jawaban ini tidak akan menjadi solusi terbaik untuk semua orang. Saya hanya menawarkannya karena saya tahu Anda menggunakan tema anak menggunakan dua puluh sebagai template.

John P Bloch
sumber
Terima kasih, Anda menebak dengan benar. Masih ada sesuatu yang masih belum lengkap: di mana harus menempatkan override .. max-width: none;. Saya mencoba memasukkannya ke dalam tema anak saya tetapi tidak dimuat ketika saya di admin - tidak yakin mengapa (orang tua dua puluh). Idenya adalah bahwa saya ingin meletakkannya di tempat yang tidak akan ditimpa oleh peningkatan wordpress atau peningkatan tema orang tua.
sorin
Oke, beginilah yang dilakukan WordPress: Ia menambahkan stylesheet tema Anda, LALU (jika masih disebut) gaya editor template. Saya akan mengedit jawaban di atas dengan beberapa solusi yang mungkin.
John P Bloch
3
Sedikit pembaruan tentang ini: WordPress 3.1 akan memuat stylesheet tema anak setelah orangtua. Ini akan memungkinkan gaya Anda untuk menimpa gaya induk tanpa harus menghapus gaya editor induk sama sekali. Info lebih lanjut di sini: core.trac.wordpress.org/ticket/14430
John P Bloch