Warum begrenzt der visuelle Editor in WordPress die Breite, indem er den Inhalt umschließt?


8

Warum begrenzt der visuelle Editor in Wordpress die Breite, indem er den Inhalt umschließt?

Ich fand dieses Verhalten im Editor zumindest ärgerlich, es hindert mich daran, meine Bildschirmfläche zu nutzen.


Können Sie erklären, was der Editor tun soll und was er tatsächlich tut? Wrapping Text in einem Bearbeitungsfeld ist das Standardverhalten von beliebigen Texteditor ... also bin ich nicht ganz sicher , was Problem , das Sie mit ...
EAMann

Antworten:


15

Ich nehme an, Sie riskieren eine Vermutung darüber, was Sie wirklich meinen, dass so etwas passiert:

Zeilenumbruch

Wenn Sie sich darauf beziehen, liegt dies daran, dass Ihr Thema über ein editor-style.cssStylesheet verfügt, das im visuellen Editor verwendet wird. Irgendwo in diesem Stylesheet ist so etwas:

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

Wenn Sie diesen max-widthWert entfernen oder den Wert ändern, können Sie ihn anpassen. Die andere Möglichkeit besteht darin, das Stylesheet vollständig zu entfernen. Suchen Sie dazu diese Codezeile in Ihrem Thema (wahrscheinlich in functions.php):

add_editor_style();

und entfernen Sie es.

Wenn dies überhaupt nicht Ihr Problem wäre, entschuldige ich mich und würde mich über eine Klarstellung freuen.

BEARBEITEN

Da es so aussieht, als würde WordPress Ihr Stylesheet laden, bevor es das Template-Stylesheet lädt, gibt es zwei Möglichkeiten, Stile zu überschreiben. Erstens (und am einfachsten): Machen Sie Ihren Stil wichtig:

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

Um zu verhindern, dass der Editor die übergeordneten Stile überhaupt lädt, können Sie dies zur Datei functions.php Ihres Themas hinzufügen:

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

Verwenden custom-editor-style.cssSie dann in Ihrem untergeordneten Thema anstelle des Editor-Stylesheets Ihres untergeordneten Themas anstelle von editor-style.css.

Bitte beachten Sie, dass dieser letzte Teil der Antwort nicht für jeden die beste Lösung wäre. Ich biete es nur an, weil ich weiß, dass Sie ein untergeordnetes Thema verwenden, das zwanzig als Vorlage verwendet.


Danke, du hast richtig geraten. Etwas ist nach wie vor noch unvollständig: wo die Überschreibung setzen .. max-width: none;. Ich habe versucht, es in mein untergeordnetes Thema einzufügen, aber es wird nicht geladen, wenn ich im Administrator bin - ich weiß nicht warum (Elternteil ist zwanzig). Die Idee ist, dass ich es an einem Ort platzieren möchte, an dem es nicht durch ein WordPress-Upgrade oder ein Upgrade des übergeordneten Themas überschrieben wird.
Sorin

Ok, so sieht es aus, als würde WordPress Folgendes tun: Es fügt das Stylesheet Ihres Themas hinzu, DANN (falls es noch aufgerufen wird) die Editor-Stile der Vorlage. Ich werde die Antwort oben mit einigen möglichen Lösungen bearbeiten.
John P Bloch

3
Kleines Update dazu: WordPress 3.1 lädt das Stylesheet des untergeordneten Themas nach dem des übergeordneten Themas. Auf diese Weise können Ihre Stile die übergeordneten Stile überschreiben, ohne die übergeordneten Editorstile vollständig entfernen zu müssen. Weitere Infos hier: core.trac.wordpress.org/ticket/14430
John P Bloch
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.