General WordPress.org

Foro WordPress » WordPress » General WordPress.org

Estilos propios en el editor (2 mensajes)

Acerca de este hilo

Tags

Etiquetas:

  1. almendron

    5.0
    Antiguedad: Feb 2010
    Mensajes: 1.101

    offline

    Publicado hace 6 meses
    #

    Este código es útil para quienes deseen aplicar estilos al editar un post. Pondré un ejemplo:
    1) En la hoja de estilos habéis creado un estilo llamado "ejemplo".
    2) Al editar el post no queda más remedio que acceder al editor HML y escribir <p class="ejemplo">texto</p>.

    El código que propongo hace que eso ya no sea necesario. Ahora seleccionaríamos el párrafo e iríamos a la caja "Estilos" donde marcaríamos el estilo "ejemplo".

    Pasos a seguir:

    1.- Crear una nueva hoja de estilos a la que, por ejemplo llamaremos "editor-style.css" y allí incluiremos tan solo los estilos que queramos que aparezcan en el desplegable.

    2.- Archivo functios.php. Añadimos las siguientes líneas:

    Lo primero es que aparezca el desplegable

    function my_mce_buttons_2($buttons)
    {
    array_unshift($buttons, 'styleselect');
    return $buttons;
    }
    add_filter('mce_buttons_2', 'my_mce_buttons_2');

    Y lo segundo, llamar a la hoja de estilos que hemos creado:

    add_editor_style('editor-style.css');

  2. almendron

    5.0
    Antiguedad: Feb 2010
    Mensajes: 1.101

    offline

    Publicado hace 6 meses
    #

    Me olvidaba: los estilos que añadáis a editor-style.css deben existir en la hoja de estilos del tema que uséis.

Responder

Debes Identificarte para publicar.

Foro WordPress » WordPress » General WordPress.org