Pourquoi l'éditeur visuel de WordPress limite-t-il la largeur en encapsulant le contenu?


8

Pourquoi l'éditeur visuel de Wordpress limite-t-il la largeur en encapsulant le contenu?

J'ai trouvé ce comportement dans l'éditeur au moins ennuyeux, cela m'empêche d'utiliser mon écran immobilier.


Pouvez-vous expliquer ce que vous voudriez que l'éditeur fasse par rapport à ce qu'il fait réellement? Envelopper le texte dans une zone d'édition est le comportement par défaut de n'importe quel éditeur de texte ... donc je ne sais pas trop quel problème vous rencontrez ...
EAMann

Réponses:


15

Je suppose que vous voulez vraiment dire ce que vous voulez vraiment dire

Habillage de mots

Si c'est à cela que vous faites référence, c'est parce que votre thème a une editor-style.cssfeuille de style qui est utilisée dans l'éditeur visuel. Quelque part à l'intérieur de cette feuille de style se trouve quelque chose comme ceci:

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

La suppression ou la modification de la max-widthvaleur vous permettra de personnaliser cela. L'autre option consiste à supprimer complètement la feuille de style. Pour ce faire, recherchez cette ligne de code dans votre thème (probablement en functions.php):

add_editor_style();

et retirez-le.

Si ce n'était pas du tout votre problème, je m'excuse et j'aimerais avoir des éclaircissements.

ÉDITER

Comme il semble que WordPress charge votre feuille de style avant de charger la feuille de style du modèle, il existe deux façons de remplacer les styles. Première (et plus simple): rendez votre style important:

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

Pour empêcher l'éditeur de charger les styles parents, vous pouvez ajouter ceci au fichier functions.php de votre thème:

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

Ensuite, dans votre thème enfant, utilisez custom-editor-style.csscomme feuille de style de l'éditeur de votre thème enfant au lieu de editor-style.css.

Veuillez noter que cette dernière partie de la réponse ne serait pas la meilleure solution pour tout le monde. Je ne le propose que parce que je sais que vous utilisez un thème enfant en utilisant vingtten comme modèle.


Merci, vous avez bien deviné. Encore quelque chose est encore incomplète: où mettre le remplacement .. max-width: none;. J'ai essayé de le mettre dans mon thème enfant, mais il n'est pas chargé lorsque je suis administrateur - je ne sais pas pourquoi (le parent a vingt ans). L'idée est que je veux le mettre dans un endroit où il ne sera pas remplacé par une mise à niveau wordpress ou une mise à niveau du thème parent.
sorin

Ok, voici à quoi ressemble WordPress: il ajoute la feuille de style de votre thème, PUIS (s'il est toujours appelé) les styles d'éditeur du modèle. Je vais modifier la réponse ci-dessus avec quelques solutions possibles.
John P Bloch

3
Petite mise à jour: WordPress 3.1 chargera la feuille de style du thème enfant après celle du parent. Cela permettra à vos styles de remplacer les styles parents sans avoir à supprimer complètement les styles de l'éditeur parent. Plus d'informations ici: core.trac.wordpress.org/ticket/14430
John P Bloch
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.