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.
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.
Réponses:
Je suppose que vous voulez vraiment dire ce que vous voulez vraiment dire
Si c'est à cela que vous faites référence, c'est parce que votre thème a une editor-style.css
feuille 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-width
valeur 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.
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.css
comme 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.
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.