php 将样式添加到Wordpress WYSIWYG编辑器

Posted 2021-05-04

html .mceContentBody { 
	font-size: 0.8em;
  	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	color: #686361; 
	line-height: 1.2; 
	/*width: 600px; */
	font-weight: 300;
}
h3, .wp_themeSkin .mce_h3 .mceText{
  margin: 20px 0 5px;
  font-family: 'Archer SSm A', 'Archer SSm B', 'Georgia', 'Garamond'; 
  font-weight: 700; 
  font-style: normal;
  font-size: 0.85em;
  color: #000000;
  text-transform: uppercase;
}

address{
	font-style: normal;
}

a{
	font-weight: 500;
	color: #f49672;
	text-decoration: none;
	border-bottom: 1px dotted;
}

strong{
	font-weight: 500;
	color: #f49672;
}

// in functions.php

//----------------------------------------------
//  Add styles to the WYSIWYG editor 
//----------------------------------------------
add_editor_style('wysiwyg-styles.css');
add_editor_style('//cloud.typography.com/6900872/740702/css/fonts.css');