Estilos propios en el editor

Inicio Foros WordPress General WordPress.org Estilos propios en el editor

Etiquetado: ,

Este debate contiene 1 respuesta, tiene 1 mensaje y lo actualizó  almendron hace 6 años, 10 meses.

  • Autor
    Publicaciones
  • #23147

    almendron
    Participante

    <p>Este código es útil para quienes deseen aplicar estilos al editar un post. Pondré un ejemplo:<br />
    1) En la hoja de estilos habéis creado un estilo llamado "ejemplo".<br />
    2) Al editar el post no queda más remedio que acceder al editor HML y escribir <code>&lt;p class=&quot;ejemplo&quot;&gt;texto&lt;/p&gt;</code>.</p>
    <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".</p>
    <p>Pasos a seguir:</p>
    <p>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.</p>
    <p>2.- Archivo functios.php. Añadimos las siguientes líneas:</p>
    <p>Lo primero es que aparezca el desplegable</p>
    <p><code>function my_mce_buttons_2($buttons)</code><br />
    <code>{</code><br />
    <code>array_unshift($buttons, &#39;styleselect&#39;);</code><br />
    <code>return $buttons;</code><br />
    <code>}</code><br />
    <code>add_filter(&#39;mce_buttons_2&#39;, &#39;my_mce_buttons_2&#39;);</code></p>
    <p>Y lo segundo, llamar a la hoja de estilos que hemos creado:</p>
    <p>add_editor_style(‘editor-style.css’);
    </p>

  • #57136

    almendron
    Participante

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

El foro ‘General WordPress.org’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest