Cómo agregar nuevos formatos al editor de texto en las entradas

Cómo agregar nuevos formatos al editor de texto en las entradas
Cómo agregar nuevos formatos al editor de texto en las entradas

Al momento de transcribir artículos en tu página web de WordPress quizás necesites implementar estilos personalizados para mejorar la apariencia de la entrada, en tal sentido, si lo estás buscando en este post te ayudaremos a añadir nuevos formatos al editor de texto de tu sitio de forma rápida y sencilla.

Los formatos de editor de texto que permiten no solo personalizar la escritura, sino también los enlaces y botones, no están en el menú de forma desplegable. Es decir, se requiere cambiar a vista HTML para añadir los códigos HTML y CSS solicitados, con el que se pueda activar la función.

Otra forma de insertar formatos al editor de texto es a través de la instalación de plugins, pero el proceso es más complejo. Por lo tanto en esta oportunidad te enseñaremos a hacerlo a través del lenguaje CSS para definir las funciones.

Pasos para agregar formatos al editor de texto sin plugins

En primer lugar deberás establecer en la hoja de CSS del tema los estilo que desees ejecutar como se muestra a continuación:

.enlace {
    color: #FF7F82;
    text-decoration: underline
}

.recuadro {
    background-color: #FF7F82;
    padding: 15px;
    color: #fff;
}

.texto-verde {
     color: #69beb1;
     font-weigth: bold;
}

 

Entonces, una vez definido, deberás abrir el archivo functions.php e insertar lo siguiente:

Pasos para agregar formatos al editor de texto sin plugins
Pasos para agregar formatos al editor de texto sin plugins

En tal sentido, en este punto se muestras varias formas de configurar el array:

  1. title: Es obligatorio y se refiere al estilo que mostrará el desplegable
  2. selector: Es obligatorio y define la etiqueta HTML
  3. block: Es obligatorio y se refiere a un elemento HTML.
  4. inline: Es obligatorio y define un elemento HTML en línea.
  5. classes: Es opcional y puedes definir varias clases separadas por espacios.
  6. wrapper: Por último, es opcional, y esta codificado false por defecto. Por otra parte, en caso de ser true, se crea un nuevo elemento.
Cómo agregar nuevos formatos al editor de texto en las entradas
Cómo agregar nuevos formatos al editor de texto en las entradas

Finalmente, luego de realizar los pasos anteriores deberás ubicar en el escritorio de WordPress una entrada y abrirla. Por último, en esta encontrarás el menú desplegable de formatos con los estilos solicitados.

También te puede interesar:

Pasos para quitar los dashicons de portada en WordPress