Al igual que un pintor necesita un pincel, un herrero su martillo y un carpintero su sierra, los WordPressers necesitan su propio conjunto de herramientas.
Si bien tenemos muchas herramientas de desarrollo de WordPress diferentes a nuestra disposición, la mayor parte del trabajo ocurre dentro de un simple editor de texto.
Ya sea que seas un desarrollador de complementos o temas completo o «solo» un usuario avanzado, necesitamos editores de código todo el tiempo: Configurar archivos principales, cambiar estilos, editar archivos de plantilla, lo que sea, una buena parte de nuestro trabajo es modificar líneas de código.
Por lo tanto, es bueno y apropiado que utilicemos la mejor herramienta a nuestra disposición, ¿no? Después de todo, como dijo Abraham Lincoln (supuestamente): «Dame seis horas para cortar un árbol y pasaré las primeras cuatro afilando el hacha.»
(¿No pensaste que podía llevar a Lincoln a una conversación sobre WordPress, verdad? Yo tampoco.)
Para asegurarnos de que siempre usamos los ejes más nítidos, echemos un vistazo a algunos de los mejores editores de código para desarrolladores y usuarios de WordPress.
Qué buscar En Un Editor de Código Para el Desarrollo De WordPress
Antes de pasar al software real, repasemos rápidamente por qué deberíamos usar un editor de código especializado en primer lugar.
Después de todo, ¿no puede editar archivos de WordPress con cualquier tipo de editor de texto, incluido el que se entrega con el sistema operativo de su computadora?
Si bien eso es cierto y tales programas son suficientes en un apuro, un buen editor de código ofrece muchas más características además de la parte de «edición», todas ellas diseñadas para hacer su vida como trabajador de WordPress mucho más fácil y ahorrarle mucho tiempo.
A continuación, repasaré algunas características y funciones comunes de los programas profesionales de edición de código.
Dependiendo de sus necesidades y preferencias, pueden representar un factor importante en su decisión a favor o en contra de cualquiera de los editores de código de esta lista. Por lo tanto, debe asegurarse de que sus características imprescindibles se incluyan de forma nativa o se puedan agregar a través de una extensión.
Soporte para el idioma de destino
En primer lugar, es importante asegurarse de que el editor de código de su elección sea compatible con el(los) lenguaje (s) de programación con el (los) que planea trabajar.
Para el desarrollo web, esto normalmente sería HTML, CSS, PHP y JavaScript. Sin embargo, es posible que también necesite idiomas adicionales.
Afortunadamente, la mayoría de los editores de hoy en día los soportan de forma predeterminada. Sin embargo, no hace daño comprobarlo.
Opciones de resaltado de sintaxis y diseño
La capacidad de resaltar automáticamente diferentes elementos de la sintaxis de código con diferentes colores es una característica muy útil para la programación, el scripting y los lenguajes de marcado.
Hace que sea mucho más fácil entender y leer el código, detectar errores de sintaxis (ya que las cadenas no cambiarán de color a menos que estén completas), y ver dónde termina un corchete y comienza el siguiente.
Muchos editores de código también ofrecen opciones de diseño adicionales, como plegado de código y sangría automática. Combinadas, estas características mejoran en gran medida la legibilidad del código.
El resaltado de sintaxis está disponible para casi todos los lenguajes de programación actuales y no hay excusa para no incluirlo en un editor de código.
Función de búsqueda y reemplazo
Especialmente mientras se construyen sitios complejos, sucede con frecuencia que algo debe cambiarse en todo el sitio, tal vez uno de los colores principales o una variable JavaScript importante.
Sea lo que sea, ahora se queda buscando y corrigiendo cada instancia dentro del código. Como puede imaginar, esto se vuelve especialmente difícil si está trabajando con varios archivos, como varias hojas de estilo.
Cuando esto sucede, es muy útil tener a mano una potente función de búsqueda y reemplazo que pueda hacer esto automáticamente. Te ahorrará mucho trabajo y ojos tensos, confía en mí.
Autocompletado de código
Es posible que conozca esta función desde su teléfono (con resultados a menudo hilarantes), procesador de textos o si alguna vez ha trabajado con Firebug para realizar ediciones en vivo en el CSS de su sitio.
Como su nombre indica, autocompletar le ayuda a escribir código sin tener que escribir cada instancia por completo. En su lugar, cuando comience a escribir, el editor le sugerirá una serie de alternativas que se ajusten a su entrada.
El lenguaje de programación está predestinado para este tipo de cosas, ya que solo hay un número limitado de expresiones que tendrán sentido en cualquier caso y, como se puede imaginar, esto puede hacer que la codificación sea mucho más rápida y fácil.
Soporte FTP incorporado
Levante la mano si esto suena como su flujo de trabajo para editar archivos de WordPress:
- Abrir Filezilla
- Marcar en el servidor
- Busque un archivo
- Descargar
- busque el archivo en el ordenador
- Abrir con un texto edior
- Realizar modificaciones
- Guarde el archivo
- volver a FileZilla
- Resubir el archivo al servidor
Si usted, no se preocupe, usted no está solo. Todos hemos comenzado con este o un proceso enrevesado similar.
Afortunadamente, hay una manera más fácil. Muchos editores de código ahora tienen módulos para acceder a servidores FTP/SFTP para que pueda abrir, editar e implementar archivos directamente desde el editor.
Control de versiones
El control de versiones es una red de seguridad. Cuando realiza ediciones en sus archivos y las cosas salen mal (como inevitablemente lo harán), el control de versiones le permite volver a versiones anteriores de su trabajo y deshacer errores.
Especialmente si está trabajando en proyectos más grandes, el control de versiones es imprescindible.
Aunque puedes usar Git (puedes encontrar un tutorial para principiantes aquí) y otros medios de control de versiones independientes de tu editor de código, muchos lo ofrecen incorporado o como extensión.
Si haces algo más que codificación casual, esto podría ser un factor importante para tu decisión.
¿Hasta ahora todo bien?
Vamos a los contendientes por el mejor editor de código para el desarrollo de WordPress.
Los Mejores Editores de Código Para Desarrolladores Y Usuarios De WordPress
Una advertencia: Para este post traté de concentrarme en editores de código puros, no en entornos de desarrollo completos. Así que si no puedes encontrar tu IDE favorito en la lista (como PhpStorm, Eclipse, etc.), eso es a propósito.
Además, esta lista no está completa ni en ningún orden en particular. Elegir qué editor de código es el adecuado para usted realmente depende de sus preferencias y necesidades personales, por lo tanto, no daré un veredicto sobre cuál es el mejor.
Todo bien? Entonces vamos a empezar.
Light Table
Precio: Gratis
Nuestro primer competidor no solo es de código libre y abierto (lo puedes encontrar en GitHub), sino también el resultado de una campaña de financiación colectiva de Kickstarter con más de 3 300k en respaldo.
Funciona en múltiples plataformas (Windows, Mac, Linux), tiene una interfaz elegante y muy limpia y, gracias a sus muchas extensiones disponibles, es altamente personalizable.
Una de las características más interesantes es que proporciona retroalimentación instantánea. Abra una ventana del navegador dentro del editor y podrá ver los efectos de los cambios de código de inmediato. Aquí está en acción:
Características Adicionales:
- peso Ligero
- Aproximada de búsqueda de archivos
- Soporte para diferentes incrusta
- resaltado de Sintaxis
- Depuración
UltraEdit
Precio: $79.95/año
Si usted está trabajando con Windows, Mac OS o Linux, UltraEdit tiene a su espalda.
UltraEdit conoce HTML, PHP, JS, Perl, C/C++, Python y otros lenguajes, ofrece funciones deportivas como comparación de archivos, edición de múltiples pestañas/paneles y más, e incluso su propio cliente FTP.
Si bien es relativamente caro y con pagos recurrentes anuales, tiene la facilidad de trabajar con un producto premium que se está desarrollando activamente.
Características:
- resaltado de Sintaxis
- Integrado SSH/telnet
- Editor de temas
- Archivo/clasificación de datos
RapidPHP
Precio: desde $35.95
RapidPHP es un editor de código para Windows que pone una gran prima de la velocidad (de ahí el nombre, supongo).
Aunque está diseñado para programación PHP, también es compatible con HTML, CSS, JS y otros lenguajes de desarrollo web con características como resaltado de sintaxis, autocompletar, formatear y depurar.
El programa también se conecta directamente a servidores FTP, SFTP y FTPS y viene con herramientas de administración de archivos e integración de Git.
Mientras que un producto premium, RapidPHP ofrece una versión de prueba que se puede usar 30 veces antes de que se le solicite la compra de una licencia.
Características Adicionales:
- Plegado de código
- Listo para HTML5 y CSS3
- Compatibilidad con CSS reloj
- Potente búsqueda y reemplazo
- Fácil reutilización de fragmentos de código
- Soporte para desarrollo móvil
Chocolat
Precio:9.00
El programa con el delicioso nombre tiene objetivos elevados: Ser el editor de texto perfecto para Max OS X para cada lenguaje de programación conocido por el hombre (sus palabras no las mías).
Quiere lograr esto integrándose perfectamente con la interfaz del sistema operativo, ofreciendo finalización de código para JS, Python, HTML y más, así como búsqueda y reemplazo en todo el proyecto y verificación de errores en vivo.
Características adicionales:
- Plegado de código
- Edición dividida
- Selector de color del sistema
- Vista previa en vivo para HTML y Rebajas
- Creación de proyectos mediante arrastrar y soltar
Atom
Precio: Gratuito
Atom es una adición relativamente nueva al mundo de los editores de código y fue hecha por nada menos que GitHub.
Funciona con todos los principales sistemas operativos, es gratuito, de código abierto y, dado que se hizo pensando en los desarrolladores, es altamente extensible y personalizable.
El editor viene con un módulo principal que se puede ampliar con un número creciente de paquetes hechos por el usuario. Junto con los muchos temas, esto le permite crear exactamente la herramienta que necesita.
Características adicionales:
- Búsqueda borrosa
- Fragmentos de código
- Navegador del sistema de archivos
- Búsqueda y reemplazo en todo el proyecto
- Múltiples vistas de panel
- Plegado de código
Edición de Komodo
Precio: Gratis
Este editor es una versión recortada y de código abierto del popular IDE de Komodo. Ofrece soporte en varios idiomas con autocompletar, herramientas de gestión de proyectos y seguimiento de cambios.
Sin embargo, las opciones más avanzadas, como la depuración y las pruebas unitarias, están reservadas para su hermano mayor.
características:
- Reducción del visor
- Varias selecciones
- Personalizable skins e iconos
- Kopy.io integración
CodeAnywhere
Precio: Gratis (para versión de prueba)
Esta es una entrada bastante intrigante. En lugar de una aplicación descargable, CodeAnywhere es un editor/IDE en la nube (con un nombre adecuado).
Inicie sesión desde cualquier parte del mundo, abra archivos en cualquier servidor FTP, Dropbox o Google Drive y obtenga su código.
El editor también incluye una potente herramienta de revisión para una fácil reversión que le permite transferir archivos SSH directamente a otro servidor.
Además, su carácter de nube hace que colaborar con o mostrar tu código a otra persona sea tan fácil como enviar un enlace y también puedes usarlo en dispositivos móviles iOS y Android.
La versión básica de CodeAnywhere es gratuita, las licencias comienzan en 2 2 / mes.
Características adicionales:
- Pilas de contenedores personalizadas predefinidas
- Conectarse con Git, Bitbucket, Github
- Más de 70 idiomas, incluidos JS, PHP, HTML y más
- Finalización de código
- Linting
- Soporte para todos los dispositivos y navegadores
- Diseños, pieles altamente personalizables y más
BBEdit
Precio:9.99
El BB en el nombre significa Bare Bones, el creador del editor. Ofrece soporte para numerosos idiomas, búsqueda y reemplazo en múltiples archivos, autocompletado, plegado de código y otras funciones.
Mientras que BBEdit viene con una etiqueta de precio, la misma compañía también hace una alternativa gratuita llamada TextWrangler para Mac OS. Es una versión recortada del producto premium que puedes darle un giro antes de comprometerte con su hermano más grande y más capaz.
Características:
- búsqueda Rápida
- herramientas de administración de Proyectos
- resaltado de Sintaxis
- plegado de Código
- FTP/SFTP apoyo
Vim
Precio: Gratis (Charityware)
Aunque su sitio web parece de principios de los 90, el editor Vim goza de una muy buena reputación entre los desarrolladores de Linux.
Es de código abierto y le da a la compatibilidad multiplataforma un significado completamente nuevo: Vim incluso funcionará en DOS o en Amiga. (Pregúntale a tus padres si no sabes lo que eso significa).
El editor también es altamente configurable y se puede ampliar con características tan potentes que pasa al territorio IDE en lugar de ser un editor de código puro.
Sin embargo, Vim viene con una cierta curva de aprendizaje y, por lo tanto, puede no ser una herramienta para principiantes. Además, si bien es gratuito, puede optar por pagar por él, donando a un proyecto de caridad en Uganda.
Características adicionales:
- Interfaz de usuario integrada
- Resaltado de sintaxis para más de 200 idiomas
Espresso
Precio: $75
Este contendiente con cafeína es una herramienta de desarrollo web para la plataforma Mac OS que herramienta de edición de código llamada CSSEdit.
Cuenta con una interfaz muy agradable, admite autocompletado de código y plegado de código, le permite arrastrar y soltar fragmentos de código fácilmente e incluso ofrece una vista previa en vivo.
Aunque no es el más barato, puede probarlo con una prueba de 15 días antes de comprometerse.
Características adicionales:
- Cambios push directamente al servidor
- Soporte para CSS3, HTML5 y otros idiomas
- Potente función de búsqueda y reemplazo
TextMate
Precio: desde $56.00 (licencia de usuario único)
El homónimo «missing editor for Mac OS X» es otro editor de una sola plataforma, sin embargo, con un enfoque altamente inspirado en el sistema operativo UNIX.
TextMate es simple pero con muchas funciones con autocompletar, sangría automática, bloques de código plegables y más. También ofrece una sofisticada función de búsqueda y reemplazo y facilita el trabajo con varios archivos a la vez.
Características Adicionales:
- Fácil gestión del portapapeles
- Macros grabables
- Soporte para más de 50 idiomas
- Resaltado de sintaxis
- Soporte para XCode
Sublime Text
Precio: $70
Los fanáticos del modo de escritura sin distracciones en WordPress se regocijarán al escuchar que Sublime Text viene con la misma característica. Codificación en paz y concentración, aquí vamos.
Otras características que hacen de este programa uno de los editores de código más populares son su diseño elegante, su potente función de búsqueda, autocompletar y autocompletar, así como su alta personalización.
El hecho de que funcione en todos los sistemas operativos principales probablemente tampoco hace daño.
Características:
- proyecto Instantáneo interruptor
- Dividir la edición
- Varias selecciones
- Plugin API
Notepad++
Precio: Gratis
Esta increíble pieza de software es una de mis armas personales de elección y la he mencionado en otros lugares antes. Es una herramienta súper práctica y gratuita para realizar ediciones rápidas en cualquier archivo de WordPress.
Sin embargo, Notepad++ no es solo para principiantes y codificación casual, también es utilizado por desarrolladores de clase mundial.Las características de
incluyen resaltado de sintaxis para PHP, JS, HTML, CSS y varios otros idiomas, búsqueda y reemplazo, así como autocompletado.
Además de eso, Notepad++ se puede extender a través de complementos — por ejemplo, para conectarse directamente a través de FTP y mucho más. El único inconveniente es que solo funciona en Windows. Lo siento, usuarios de Apple y Linux.
Características adicionales:
- Soporte para entornos multilingües
- Plegado de sintaxis
- Interfaz de pestaña de varios documentos
- Función de zoom
CoffeeCup
Precio: $69
me pregunto qué pasa con todas las referencias de café en el juego de editor de código. Ese ya es el segundo.
De todos modos, CoffeeCup está hecho principalmente para HTML/CSS y limitado a estos dos lenguajes más PHP y Markdown. Ten esto en cuenta antes de comprar. También solo se ejecuta en Windows y Mac OS
Sin embargo, por otro lado, viene con un potente autocompletado de código, resaltado de sintaxis y validación, está listo para código semántico y sincroniza archivos fácilmente a través de FTP.
Puede usar la versión de prueba gratuita para averiguar si tiene todo lo que está buscando.
Características:
- inicio Rápido
- vista previa del Sitio
Corchetes
Precio: Free
Brackets es un producto muy interesante no solo porque es gratuito y de código abierto. Con Adobe como creador, también tiene un gran nombre detrás.
Este editor de código está claramente dirigido a personas con experiencia en diseño. Una de sus características más interesantes es la capacidad de convertir medidas, dimensiones, estilos y otros elementos de diseño dentro de archivos de Photoshop directamente en CSS.
Aparte de eso, también es altamente personalizable a través de una creciente biblioteca de extensiones y es compatible con todos los sistemas operativos principales.
Características Adicionales:
- Ligero
- Editores en línea
- Plegado de código
- Funcionalidad de preprocesador
- Vista previa en vivo
Coda
Precio: 9 99
Coda es otra entrada exclusiva para Mac y uno muy popular . Parte de la razón puede ser su interfaz limpia y bien organizada que proporciona todo lo que necesita para crear sitios web en una sola pantalla.
También ofrece las opciones de diseño habituales para mejorar la legibilidad del código (resaltado de sintaxis, plegado de código y sangría), así como autocompletado en todo el proyecto y cierre automático de etiquetas.
Lo bueno es que le permite editar archivos locales y remotos por igual, y se conecta fácilmente a fuentes y servidores externos. Además de eso, también viene con un compañero de iPad llamado Diet Coda (¿ves lo que hicieron allí?).
Características Adicionales:
- Buscar y reemplazar
- Depuración
- gestión de Archivos
- Soporte para FTP/SFTP/WebDAV/Amazon S3
ICEcoder
Precio: Gratuito
la última entrada en La lista es bastante interesante, ya que funciona directamente en tu navegador. Eso no solo lo hace utilizable en cualquier sistema operativo, sino que también puede aprovechar de forma nativa las tecnologías del navegador, como las pestañas.
El programa es compatible con HTML5, CSS3, PHP, JS y más, se puede usar en línea o localmente, ofrece soporte para amplificadores de tipos como Emmet, tiene sugerencias de código y herramientas de comparación de código, así como gestión de bases de datos tipo phpMyAdmin.
Características adicionales:
- Buscar y reemplazar
- Resaltado de código compatible con el contexto
- Cursores múltiples
- Temas
- Edición y administración de archivos locales/remotos
¿Cuál Es su Editor de Código Preferido?
Un editor de código completo es una de las herramientas principales para cualquier persona involucrada en el desarrollo (o simplemente en el retoque) de la plataforma WordPress.
La capacidad de modificar archivos principales, plantillas, hojas de estilo y más es fundamental para personalizar los sitios web de WordPress y hacer que WordPress sea tuyo.
Mientras que cualquier editor de texto lo hará teóricamente, los programas especializados pueden optimizar seriamente el flujo de trabajo.
Opciones de legibilidad y diseño mejoradas, conexiones FTP directas, búsqueda y reemplazo, autocompletar y control de versiones son solo algunas de las formas en que estos programas facilitan el trabajo.
Decidir cuál es el editor de código adecuado para usted depende en última instancia de lo que necesita y desea.