it-swarm-eu.dev

Proč vizuální editor ve WordPressu omezuje šířku tím, že zabalí obsah?

Proč je vizuální editor v Wordpressu omezuje šířku tím, že zabalí obsah?

Našel jsem toto chování v editoru přinejmenším otravné, brání mi to v používání nemovitostí na obrazovce.

8
sorin

Hrozí hádat, co opravdu myslíte, myslím, že to myslíš něco takového:

Word Wrapping

Pokud se jedná o to, na co odkazujete, je to proto, že vaše téma má stylový soubor editor-style.css, který se používá ve vizuálním editoru. Někde uvnitř této šablony stylů je něco takového:

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

Odstranění nebo změna hodnoty max-width vám umožní přizpůsobit tuto hodnotu. Druhou možností je úplně odstranit styl. Chcete-li to provést, najděte tento řádek kódu v motivu (pravděpodobně v souboru functions.php):

add_editor_style();

a vyjměte jej.

Pokud by to nebyl váš problém, omlouvám se a rád bych objasnil.

UPRAVIT

Vzhledem k tomu, že to vypadá, že WordPress načte váš stylesheet před tím, než načte šablony stylů šablony, existují dva způsoby, jak přepsat styly. Nejprve (a nejjednodušší): učinit svůj styl důležitým:

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

Chcete-li editoru zabránit v načítání rodičovských stylů vůbec, můžete jej přidat do svého souboru function.php:

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

Potom ve vašem podřízeném motivu použijte custom-editor-style.css jako šablonu stylů editoru vašeho dítěte místo editor-style.css.

Vezměte prosím na vědomí, že tato poslední část odpovědi nebude nejlepším řešením pro každého. Nabízím to jen proto, že vím, že používáte jako motiv šablonu dítě.

15
John P Bloch