Cómo conectar un sitio de WordPress con Adobe Dreamweaver CS5 [Bonus]

Si notó que el editor de código web incorporado en WordPress es un poco limitado, no tiene resaltado de código, número de línea, soporte de lenguaje de programación o muchas otras características que puede encontrar en los editores de código de software. Y no tener herramientas para trabajar puede hacer que sea confuso al editar archivos de WordPress. Entonces, si posee una copia de Adobe Dreamweaver, hoy usaremos CS5, ¿sabía que realmente puede usar este software para conectarse a través de FTP (Protocolo de transferencia de archivos) a su sitio de WordPress y editar esos archivos directamente en su ¿escritorio? Y no es complicado.

La ventaja de usar Adobe Dreamweaver CS5 es que es una aplicación completa. Tiene toneladas de excelentes funciones que puede que no encuentre en otros editores de código, como resaltado de código, número de línea, sugerencias de código, que es una función que ayuda a insertar el código más rápidamente y sin errores, se admiten diferentes lenguajes de programación, correcciones de marcado no válidas, y muchas otras características



1 Para configurar Adobe Dreamweaver CS5 para editar archivos en los archivos de su sitio de WordPress, debe abrir Dreamweaver y, desde el menú Archivo, haga clic en Sitioy seleccione Nuevo sitio…

Dreamweaver-CS5-file-menu

2 los Configuración del sitio se abrirá y en el Sitio sección, establezca el Nombre del sitio - lo que quieras, pero intenta hacerlo descriptivo - y también configura el Carpeta de sitio local, carpeta que Dreamweaver usará para almacenar archivos de su sitio de WordPress localmente en su computadora. Entonces, como puede ver, Dreamweaver no funciona con el archivo remoto, lo descarga en una carpeta local y ese es el archivo que va a editar; luego, cuando termine de trabajar y esté listo para guardarlo, Dreamweaver cargará y actualizará el archivo que se encuentra en el sitio remoto.



Dreamweaver CS5 Site Setup - Site

3 El siguiente es Servidores, aquí va a configurar la configuración de contención FTP del sitio remoto haciendo clic en el (‘+’) firmar.

Dreamweaver CS5 Site Setup - Servers create new



4 Complete la información requerida para conectarse a través de FTP a su sitio de WordPress.

Consejo: Recuerde configurar el Directorio raíz: con (‘/’) firme y puede tener algunos problemas si no hace clic Mas opciones y verifica Usar configuración FTP pasiva. También recuerde cambiar el número de puerto FTP en el caso de que el servidor donde aloja su sitio de WordPress esté usando otro puerto que no sea el 21.

Dreamweaver CS5 Site Setup - Servers FTP configuration

5 Para verificar que todas las configuraciones sean correctas, haga clic en Prueba botón situado debajo del Contraseña: campo, y cuando obtiene una confirmación exitosa 'Dreamweaver se conectó a su servidor web con éxito'haga clic Okayy haga clicSalvar para terminar.

Esas son prácticamente todas las configuraciones que necesitará, pero no dude en verificar y jugar con otras configuraciones.

Ahora, para asegurarse de que puede explorar con éxito los archivos de su sitio web remoto, haga lo siguiente:

  1. Cierra el Configuración del sitio página e ir a la Archivos lengüeta.
  2. Elija el nuevo sitio que acaba de crear en el menú desplegable y también seleccione Servidor remoto.
  3. Si Adobe Dreamweaver CS5 aún no se está conectando al sitio de WordPress, haga clic en el icono del enchufe para conectarse.

Dreamweaver CS5 Testing FTP connection

¡Conexión al sitio remoto exitosa!

Adobe Dreamweaver CS5 - Connection successful

Prima

En el caso de que necesite volver a instalar Adobe Dreamweaver CS5 o su sistema operativo y no quiera volver a seguir estos pasos, puede exportar (o hacer una copia de seguridad) la configuración FTP de su sitio de WordPress a un archivo y luego importarlos de nuevo con Solo unos pocos clics. Aquí es cómo:

  • Vaya al menú de archivo, haga clic en Sitio y seleccione Administrar sitios ...
  • Seleccione el sitio que desea, seleccione Exportar, elija la forma en que desea exportar la configuración: las opciones predeterminadas deben estar bien, para que no tenga que volver a ingresar el nombre de usuario y la contraseña más tarde, haga clic en Okay y guarde el archivo en una ubicación de red o unidad USB.
  • Después de reinstalar Adobe Dreamweaver CS5, puede importar la configuración de la misma manera que la exporta, pero ahora en lugar de hacer clic Exportar harás clic Importar, navegue hasta la ubicación del name-of-file.site ¡y eso es todo!