感谢Jacob peattie mozboz,事实上,我们可以调整css使其成为我的twentyseventeen
主题我找到一个名为editor.css
. 我在我的style.css
文件(我不确定这是不是最好的地方,因为我只有2页40页上有WYSIWYG字段)。
我觉得很奇怪,我必须为此编写自定义css,我不明白为什么我的主题是;不兼容;。
谢谢
/* Editors */
.wp-editor-wrap {
position: relative;
}
.wp-editor-tools {
position: relative;
z-index: 1;
}
.wp-editor-tools:after {
clear: both;
content: "";
display: table;
}
.wp-editor-container {
clear: both;
border: 1px solid #e5e5e5;
}
.wp-editor-area {
font-family: Consolas, Monaco, monospace;
font-size: 13px;
padding: 10px;
margin: 1px 0 0;
line-height: 150%;
border: 0;
outline: none;
display: block;
resize: vertical;
box-sizing: border-box;
}
.rtl .wp-editor-area {
font-family: Tahoma, Monaco, monospace;
}
.locale-he-il .wp-editor-area {
font-family: Arial, Monaco, monospace;
}
.wp-editor-container textarea.wp-editor-area {
width: 100%;
margin: 0;
box-shadow: none;
}
.wp-editor-tabs {
float: right;
}
.wp-switch-editor {
float: left;
box-sizing: content-box;
position: relative;
top: 1px;
background: #ebebeb;
color: #666;
cursor: pointer;
font-size: 13px;
line-height: 1.46153846;
height: 20px;
margin: 5px 0 0 5px;
padding: 3px 8px 4px;
border: 1px solid #e5e5e5;
}
.wp-switch-editor:focus {
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: none;
color: #23282d;
}
.wp-switch-editor:active,
.html-active .switch-html:focus,
.tmce-active .switch-tmce:focus {
box-shadow: none;
}
.wp-switch-editor:active {
background-color: #f5f5f5;
box-shadow: none;
}
.js .tmce-active .wp-editor-area {
color: #fff;
}
.tmce-active .quicktags-toolbar {
display: none;
}
.tmce-active .switch-tmce,
.html-active .switch-html {
background: #f5f5f5;
color: #555;
border-bottom-color: #f5f5f5;
}
.wp-media-buttons {
float: left;
}
.wp-media-buttons .button {
margin-right: 5px;
margin-bottom: 4px;
padding-left: 7px;
padding-right: 7px;
}
.wp-media-buttons .button:active {
position: relative;
top: 1px;
margin-top: -1px;
margin-bottom: 1px;
}
.wp-media-buttons .insert-media {
padding-left: 5px;
}
.wp-media-buttons a {
text-decoration: none;
color: #444;
font-size: 12px;
}
.wp-media-buttons img {
padding: 0 4px;
vertical-align: middle;
}
.wp-media-buttons span.wp-media-buttons-icon {
display: inline-block;
width: 20px;
height: 20px;
line-height: 1;
vertical-align: middle;
margin: 0 2px;
}
.wp-media-buttons .add_media span.wp-media-buttons-icon {
background: none;
}
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
font: normal 18px/1 dashicons;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
content: "\\f104";
}
.mce-content-body dl.wp-caption {
max-width: 100%;
}