La seguridad es lo primero: mejoras en el editor de código de WordPress 4.9

El editor de código de WordPress ha necesitado un poco más de amor y atención durante mucho tiempo. En WordPress 4.9, finalmente se actualizó .

Hasta la versión 4.9, el editor de código que venía incluido con el software central era… apenas aceptable. Si alguna vez usó la pestaña de texto al escribir una publicación, esencialmente usó el antiguo editor de código.

Porque eso es todo lo que era: un gran cuadro de texto antiguo. Pero ya no, Divi Nation, el editor de código de WordPress ahora es una función casi IDE completamente realizada.

¿Cual es el problema?

Bueno, lo más importante es que cuando WP 4.9 lanzó esto, hizo que los no codificadores (o los codificadores con dedos de salchicha como yo) tengan muchas menos posibilidades de romper sus sitios porque hurgaron en la línea de código incorrecta. .

Antes, si entraba en la sección Apariencia > Editor de su panel de control de WordPress, vería esto.

No hay nada técnicamente incorrecto o incluso necesariamente malo en esta configuración, pero no es genial. Está bien. Es pasable.

Pero un sitio de WordPress no es aceptable , por lo que los desarrolladores, diseñadores e incluso los aficionados a menudo usaban un editor de código o IDE que detectaba errores para que no obtuvieran la temida pantalla blanca de la muerte en lugar de sus preciados sitios cuidadosamente diseñados.

¿Cómo funciona esto?

De acuerdo, mirando la imagen de arriba, ves que sería bastante fácil simplemente editar cosas, presionar guardar y arriesgarte. Ahora, sin embargo, ves esto en el momento en que entras en Apariencia > Editor :

Señalar el peligro potencial y las consecuencias de lo que está a punto de hacer es una cosa. Pero el nuevo editor de código de WordPress ofrece soluciones y enlaces de ayuda (como la creación de temas secundarios ), simplemente mejora la experiencia del usuario.

Una vez que lea y haga clic en el nuevo modal de advertencia, verá la belleza de lo que existe en el nuevo editor:

Principalmente, quiero mencionar tres cosas:

  • Línea de números
  • Sintaxis coloreada
  • Error de pelusa

Con estas tres adiciones, el editor de código de WordPress pasa de meh a yeh .

Como puede ver, este archivo CSS minificado (aunque increíblemente difícil de leer y analizar debido a su minificación) está codificado por colores por elemento y etiqueta. Entonces, cuando necesite encontrar un fragmento de código en particular que deba modificarse, puede ir directamente a él en lugar de tener un bloque de texto en blanco y negro como solía hacerlo:

Y cuando hay un problema (de los cuales hay muchos en ese bloque gigante de CSS destrozado), en 4.9, es mucho más fácil de depurar. Además, tenga en cuenta que cuando no estén minimizados de esta manera, también verá todos estos errores en líneas individuales.

Si bien eso puede parecer abrumador, es una característica fantástica que hará que todo funcione sin problemas.

Es posible que pueda ver la verdadera belleza de los cambios al mirar los archivos PHP, por lo que esta es la diferencia en un footer.php de WP 4.8 y WP 4.9.1 .

Editor de código en WordPress 4.8 y anteriores

Editor de código en WordPress 4.9

Más que mantener las apariencias

A pesar de lo importante que es la pestaña Editor , es probable que no pase mucho tiempo allí debido a todas las mejoras que el equipo de desarrollo ha realizado en el personalizador de temas (que se encuentra en Apariencia > Personalizar en su tablero o desde su barra de administración).

Es probable que aquí esté (y debería estar) trabajando con el CSS de su sitio. Al menos dentro de su tablero de WordPress. Puede usar una utilidad como Filezilla y un editor de código como SublimeText o Atom , pero es posible que sus clientes no. O es posible que no tenga acceso FTP . O una de las cien otras razones por las que podría estar modificando CSS desde el tablero.

Entonces, a medida que baja a la pestaña CSS adicional en el personalizador, verá una configuración muy similar a la apariencia de Apariencia> Editor , solo que más pequeña para que pueda obtener una buena vista del sitio mientras trabaja.

Editor de CSS en WordPress 48 y anteriores

Editor de CSS en WordPress 4.9

La diferencia en las dos experiencias es una locura. Y si está editando el CSS a través del personalizador, puede ver los cambios en vivo en la ventana de vista previa para ver exactamente cómo se rompe junto con el mensaje de error que es.

Personalmente, creo que este es mi cambio favorito en WordPress en mucho, mucho tiempo. Era muy necesario y está totalmente centrado en el usuario y es fácil de usar.

Recuerda el tema de tu hijo

Incluso con toda esta genialidad, protección, pelusas e informes de errores… todavía puedes estropear tu sitio si no tienes cuidado. El editor de código de WordPress está años luz por delante de donde estaba, pero no es infalible. Todavía puedes anular por completo sus sugerencias porque, después de todo, tú eres el jefe (¿ves, Tony Danza? ¿Fue realmente tan difícil de entender?)

Por lo tanto, definitivamente querrá instalar un tema secundario (lo que le gustaría hacer, independientemente). Hay dos opciones que apoyo de todo corazón.

El primero es WP Zone Child Theme Builder . Es increíble, funciona perfectamente y puede verlo en uso en la mayoría de nuestros casos de uso de transmisión en vivo en Facebook y YouTube .

También uso el complemento Orbisius Child Theme Creator con mucha frecuencia. Es rápido y fácil e instala el tema secundario con solo unos pocos clics y nada más.

Ahora, no hay absolutamente ninguna razón para que no tengas un tema hijo en tu sitio (como si lo hubiera antes).

¿Qué opinas?

Teniendo en cuenta las medidas de seguridad y las pruebas casi infalibles, ¿qué opinas sobre los nuevos cambios del editor de código de WordPress? Este año no es tan grande en términos de cambios como lo será el próximo año (tos, tos, Gutenberg en WP Core en abril , tos, tos).

Y eso está bien para mí. Los cambios en la calidad de vida que se han producido este año son asombrosos y realmente están haciendo que WordPress sea aún más accesible de lo que ya es. Y al final, ese es el punto, ¿no?

Así que sal, Divi Nation, y comienza a hurgar en el código. ¡Nada que temer ahora! O, bueno, mucho menos a lo que temer.

Imagen destacada del artículo por Ints Vikmanis / shutterstock.com