Crear un dropdown personalizado en el editor TinyMCE de WordPress para aplicar estilos personalizados

Hola amigos, buscando una solución para una web que estamos desarrollando para un cliente, he encontrado éste código que nos permite crear una caja dropdown en la barra de herramientas del editor TinyMCE de WordPress.

Deberás añadir el siguiente código en el archivo functions.php de tu tema de WordPress:

// Añade el selectbox Estilo a la segunda fila de los botones de MCE
function my_mce_buttons_2($buttons)
{
	array_unshift($buttons, 'styleselect');
	return $buttons;
}
add_filter('mce_buttons_2', 'my_mce_buttons_2');

function my_mce_before_init($init_array)
{
	// añadir clases utilizando el símbolo ; para separar valores.
	$init_array['theme_advanced_styles'] = "Estilo A=estilo-a;Estilo B=estilo-b";
	return $init_array;
}
add_filter('tiny_mce_before_init', 'my_mce_before_init');

Donde «Estilo A» y «Estilo B» serán los nombres que aparecerán en el desplegable  y «estilo-a» y «estilo-b» los nombres de clase que utilizará, por lo que posteriormente podremos utilizarlos en el archivo editor-style.css para crear sus estilos css.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

ocho + tres =

Empiezapori es agente digitalizador de la ayuda Kit Digital

Somos agente digitalizador de la ayuda Kit Digital. Te ayudamos en la creación de tu sitio web o comercio electrónico y gestionamos tus redes sociales.
Llámanos (93 470 00 37) o rellena el formulario y nos pondremos en contacto contigo. Te ayudamos a gestionar la ayuda.
Para más información y contacto haz clic en el siguiente enlace.

Scroll al inicio