Etiquetas:,

modificar editor html de wordpress

La idea es darle mas funcionalidad al editor, para todos aquellos que no les gusta trabajar con la interfaz grafica en wordpress,pero que a veces necesitan funciones , que solo el editor grafico los tiene,y pasa en wordpress que cuando cambias entre editor grafico y html el codigo se descompone ( en otro post veremos como solucionarlo).

Bien en mi caso solo uso el editor de html para crear los articulos, pero algunas veces necesito insertar codigo para mis entradas, que no estan en el editor de html como seria el caso de

    “red”
    “h4”
    “center”

esos son los que mas utilizo, pero repito, por defecto el editor html no los tiene incorporados .

imagen del editor de html de wordpress por defecto

imagen editor html de wordpress

Insertando la funcion en el archivo quicktags.js

En esta caso concreto vamos a insertar una nueva función que seria el tag :””
Para esto necesitamos dirigirnos a nuestro panel de control se nuestro proveedor de hosting
y dentro de la carpeta “includes”>>>js>> encontraremos el archivo :”quicktags.js”
al final de dicho archivo podremos ver un bloque de codigo de esta manera

lo que vamos a hacer, es recrear la primera linea de código, para asignarle la función del tag “

edButtons[10] = new qt.TagButton('strong','b','<strong>','</strong>','b');"

substituyendo quedaría así:

edButtons[130] = new qt.TagButton(‘h4′,’h4′,'<h4>’,'</h4>’,’h4′),

y lo agregaremos al bloque de codigo de manera que quede asi . ojo en el cuadro verde
como se pueden dar cuenta le he asignado un nuevo numero, para darle un lugar dentro del bloque de codigo:
modificar archivo quicktag.js wordpress

ya lo unico que tendríamos que hacer,guardar y cerrar el archivo y verificar que,efectivamente la función fue añadida

h4 tag en editor html de wordpress

pueden añadir las funciones que ustedes gusten el limite es su imaginación ­čÖé

Cualquier duda o comentario puedes dejarlo aqui
saludos

Deja un comentario.