Cuando trabajas con sitios WordPress en producción, tarde o temprano necesitas tocar el código sin depender exclusivamente de plugins. Visual Studio Code con la extensión SFTP te ofrece una forma fluida de editar ficheros directamente en el servidor, manteniendo el rigor de un IDE profesional.
En este artículo verás cómo configurar el editor, conectarte por SFTP a tu hosting y trabajar con cambios sincronizados al instante.
Por qué Visual Studio Code
VS Code es el editor de código de Microsoft. Es ligero, rápido y extensible: en pocos minutos lo conviertes en un entorno completo para PHP, JavaScript y CSS. Sus puntos fuertes para desarrollo WordPress son:
- Interfaz limpia y atajos potentes para moverte por proyectos grandes.
- Marketplace con extensiones para casi cualquier necesidad.
- Integración nativa con Git.
- Personalización total: temas, ajustes, snippets.
Qué hace la extensión SFTP
La extensión SFTP conecta VS Code con un servidor remoto a través del protocolo seguro SSH. Te permite abrir, editar y guardar ficheros como si fueran locales, con sincronización automática hacia el servidor.
- Cambios reflejados al instante en producción o staging.
- Sincronización en ambos sentidos.
- Transferencia cifrada en todo momento.
Instalación de la extensión
Dentro de VS Code, abre el panel de extensiones (Ctrl/Cmd+Shift+X), busca SFTP (la de Natizyskunk o liximomo) e instálala. Reinicia el editor si te lo pide.
Configurar la conexión SFTP
- Abre la carpeta de tu proyecto WordPress en VS Code.
- Pulsa F1 y ejecuta SFTP: Config. Se creará un fichero
sftp.jsondentro de.vscode. - Rellena los campos clave:
host,port(normalmente 22),username, método de autenticación (contraseña o clave SSH),remotePathyuploadOnSave. - Guarda el fichero. La extensión se conectará al servidor automáticamente.
Editar ficheros con seguridad
Una vez conectado, abre cualquier archivo del servidor y trabaja como en local. Al guardar, los cambios se subirán solos. Recomendaciones imprescindibles:
- Haz copia previa antes de tocar
functions.phpo ficheros core. - Prueba primero en un entorno de staging si el cambio es delicado.
- Comprueba permisos del archivo en el servidor: a veces fallan los guardados por chmod restrictivos.
Buenas prácticas con WordPress
- No edites el core ni los plugins originales: usa siempre un child theme o snippets en un plugin propio.
- Integra Git para versionar los cambios y poder volver atrás.
- Evita guardar contraseñas en claro en
sftp.jsonsi versionas el proyecto: usa claves SSH o variables.
Problemas frecuentes y cómo resolverlos
- No conecta: revisa host, puerto y firewall del hosting.
- No sincroniza al guardar: comprueba que
uploadOnSaveesté entrue. - Permisos denegados: pide al hosting permisos 644 (archivos) y 755 (carpetas).
Conclusión
Visual Studio Code más SFTP es una combinación imbatible para mantener WordPress de forma profesional: editas rápido, controlas cambios y reduces la dependencia de plugins. Si vas a trabajar con sitios complejos, este flujo se convierte en una herramienta diaria.