自定义主题,编辑不会对文本换行(即更改宽度)

时间:2016-08-18 作者:real_big_words

我创建了一个自定义主题,“New Post”编辑器将不会以与网站上我的文本区域相同的宽度包装文本。我在google上搜索了几个小时,尝试了所有可能的CSS代码片段,这让我相信问题出在我的主题代码上,而不仅仅是样式表。

This is the website

如果有人对我可以做什么有任何想法,或者如果有一个创建主题的清单,我应该检查一下,请让我知道。

1 个回复
最合适的回答,由SO网友:cjbj 整理而成

这是正常的行为。首先,课堂second_column 网站的设置为max-width:100%. 这意味着它没有固定的宽度。你不会在电脑屏幕上注意到这一点,但如果你将浏览器宽度缩小到手机大小,你会看到文本栏变得越来越窄。这很好,因为这意味着你的网站可以适应移动屏幕。

然而,这也意味着没有“我的网站文本区域的宽度”这样的东西,你的文本编辑器无法适应。

我不知道你是否已经使用add_editor_style 使编辑器使用与站点上相同的css。这对于字体、颜色等都很方便。但如果包含width语句,它仍然会引用编辑器框架的宽度,通常是固定的。但是,在您的functions.php 您可以更改该宽度:

function wpse236313_width_text_editor() {
  echo \'<style type="text/css">
    .wp-editor-container textarea.wp-editor-area,
    .wp-editor-container #content_ifr {
    max-width: 620px;
    border-right: 1px solid #ddd;
    }
  </style>\';
  }
add_action(\'admin_head\', \'wpse236313_width_text_editor\');
请注意,这仍然意味着您在较小的屏幕上获得的文本包装与在可视化编辑器中显示的不同。

相关推荐

为什么我的主题的css在另一个网站上不起作用

我在Neve theme的基础上开发我的on theme。首先,我对脚本有问题,因为它不起作用,但我不得不从页脚更改它们的位置。php到标题。php的一切都很好。新的一些脚本无法工作,因为css根本没有加载。我尝试了5种不同的方法,但都失败了。标题中的。php我只是给他们<style> </style></我在函数中使用了寄存器样式。php,标题。php和页脚。php function my_theme_enqueue_styles() { &#x