No querrás, pero tarde o temprano tendrás que modificar el código de tu WordPress. Si no quieres complicarte, tienes Coda… ¡El editor que te encantará!

Si estás montando tu proyecto online con WordPress, ya te habrás dado cuenta que no siempre se puede hacer todo a través del Escritorio de WordPress. En algunas ocasiones, por no decir en muchas, vas a necesitar tocar algún archivo de la instalación de WordPress. A medida que te sientas lo suficientemente seguro para hacerlo vas a necesitar una herramienta para llevar a cabo estos retoques. Es por eso que hoy voy a hablarte de Coda, mi editor de código de cabecera. Veamos por qué.

¿Por qué elegí Coda?

La respuesta es muy fácil. Por comodidad. Cierto es que hasta que conocí Coda he usado otros editores de código como Sublime Text o Dreamweaver. Pero el proceso era bastante tedioso. Para modificar un archivo de tu instalación de WordPress tenías que conectarte a tu servidor o alojamiento web a través de un cliente FTP. Descargar el archivo en cuestión. Modificarlo con el editor de código de turno. Guardar los cambios del archivo en tu equipo. Y volverlo a subir al servidor.

Todo este proceso se elimina de un plumazo al utilizar Coda. De hecho, una de las principales razones por las que utilizo Coda a día de hoy es porque tengo todo en una única aplicación. Coda integra su propio cliente FTP. Así que ya no necesitarás tener instalado un cliente FTP como Filezilla o Ciberduck. Además, te permite editar cualquier archivo de tu web directamente sobre el servidor. Sin necesidad de bajarlo y volverlo a subir. Lo que reduce las tareas y ahorra un tiempo considerable. Y lo mejor, simplificando el proceso.

¿Cómo es el flujo de trabajo con Coda?

La mejor forma de que veas el funcionamiento de Coda es aplicándolo a un caso real, como si estuvieras utilizándolo para tu propia web.

Lo primero… instalar Coda en tu equipo

Para instalar Coda en tu ordenador solo tienes que descargarlo desde la página de Panic, los desarrolladores de Coda. Puedes descargar una demo completamente funcional durante 14 días. A partir de ese periodo, necesitarás comprar una licencia para continuar usándolo. Coda está disponible para Mac, iPhone y iPad. Una vez descargado e instalado en tu equipo, ya podemos empezar a utilizarlo.

¿Cómo añadir tu web a Coda?

Una vez hayas arrancado Coda en tu ordenador, lo primero que tendrás que hacer es añadir tu web a Coda. Para ello, solamente tendrás que hacer click en el símbolo + de la esquina inferior izquierda de la ventana principal.

Ventana principal de Coda. Para añadir un nuevo site, haz click en el botón '+'
Ventana principal de Coda. Para añadir un nuevo site, haz click en el botón ‘+’

Al hacerlo, se te abrirá la siguiente ventana:

Para añadir tu web a Coda debes completar los siguientes campos
Para añadir tu web a Coda debes completar los siguientes campos.

En la pestaña de Site, tan solo tendrás que completar los campos Nickname y Remote URL con los datos de tu web, como en el ejemplo:

Completa los campos Nickname y Remote URL.
Completa los campos Nickname y Remote URL.

En la pestaña Server tendrás que introducir los datos FTP de tu alojamiento web. Para ello debes completar los siguiente campos:

Completa los campos según la configuración de tu proveedor de hosting
Completa los campos según la configuración de tu proveedor de hosting.
  • Protocolo: normalmente será FTP o FTP with TLS/SSL. Aunque en algunos servicios de hosting el protocolo puede ser SFTP. Consulta con tu proveedor de alojamiento qué protocolo debes utilizar para la transmisión de archivos vía FTP.
  • Server: es la ruta a tu servidor. Normalmente será ftp.tudominio.com.
  • User: el usuario FTP que te haya proporcionado tu proveedor de hosting.
  • Password: la contraseña FTP que te haya proporcionado tu proveedor de hosting.

Y con estos datos, es más que suficiente. Tan sólo tienes que hacer click en el botón Save para guardar los datos y tu web quedará almacenada en la ventana principal de coda.

¿Cómo editar un archivo de tu instalación de WordPress?

A continuación pasamos a la parte fundamental de Coda, la edición de código. Para empezar, lo primero que necesitas saber es qué archivo quieres editar. Lógicamente, cuanto más trabajes con WordPress más comprenderás sobre su funcionamiento y más fácil será para ti comprender su estructura de archivos. Conocer que hace cada archivo es fundamental para saber que código necesitas editar en cada momento.

Para acceder a los archivos de tu sitio web tan solo tienes que hacer doble click sobre tu sitio almacenado en la ventana principal de Coda.

Haz doble click sobre el sitio al que quieras acceder para que Coda se conecte con el servidor
Haz doble click sobre el sitio para que Coda se conecte con el servidor.

Si en el ejemplo que estamos viendo, queremos editar el archivo wp-config.php de WordPress, lo primero que debemos saber es donde está alojado.

Para ello debes saber que la mayoría de los servicios de hosting guardan la carpeta raíz de tu alojamiento web en una carpeta llamada web, html o public_html. Al acceder a ella, encontrarás los archivos de tu WordPress.

La carpeta raíz de tu alojamiento web en una carpeta llamada web, html o public_html.
La carpeta raíz de tu alojamiento web en una carpeta llamada web, html o public_html.

Una vez localizado el archivo que queremos editar, en este caso wp-config.php, tan solo tienes que hacer doble click sobre él para que Coda lo abra desde el servidor. Por lo que presentará un aspecto similar al siguiente:

El archivo wp-config.php se encuentra en el directorio raíz de tu alojamiento web
El archivo wp-config.php se encuentra en el directorio raíz de tu alojamiento web.

Para añadir el código que necesites, sólo tienes que teclearlo o copiarlo en la ventana principal de Coda. En nuestro ejemplo vamos a añadir el siguiente código para forzar que tanto la web como el Escritorio de WordPress se ejecuten siempre sobre protocolo SSL:

/* SSL */
define( 'FORCE_SSL_LOGIN', true );
define( 'FORCE_SSL_ADMIN', true );

Añade o modifica el código que necesites tecleando en la ventana principal de Coda
Añade o modifica el código que necesites tecleando en la ventana principal de Coda.

Una vez añadido el código, tan solo tenemos que guardar los cambios pulsando las teclas ⌘+S o bien dirigiéndote al menú de archivo, opción guardar.

Al guardar, Coda guarda los cambios ejecutados en el archivo directamente sobre el archivo que está en el servidor. Por lo que puedes acceder a tu web y comprobar los cambios que estás realizando en tiempo real. ¿No es genial?

Resumiendo…

Así que como ves, editar el código de tu web no tiene porqué ser un proceso complejo y farragoso. Con Coda puedes acceder cómodamente a los archivos que están en tu servidor, editarlos, guardarlos y ver los cambios en el momento. Olvídate de bajar y subir archivos.

La principal ventaja de Coda es que es una herramienta muy fácil de usar y de configurar. La desventaja es que para editar el código de tu web es imprescindible que sepas lo que estás haciendo. Recuerda que si en algún momento te equivocas, siempre puedes deshacer los cambios que hayas hecho con la opción Deshacer o ⌘+Z.

De todas formas te animo a que poco a poco vayas perdiendo el miedo a tocar el código de tu web. Así te irás familiarizando con él y en poco tiempo podrás hacer todos los cambios que necesites en tu web por ti mismo. Puedes instalarte una copia de tu web en local para ir haciendo pruebas antes de implementarlas en tu web en producción. Y si tienes alguna duda sobre como hacer algo en tu WordPress, contacta conmigo y te echaré un cable…

Ahora ya no tienes excusa para enfrentarte al código de tu web. ¿Te atreves? 😉

 

¿Te apetece recibir un pequeño correo electrónico semanal con recomendaciones, tips o enlaces interesantes?

Sí, pues sólo tienes que regístrate a continuación… Cada domingo, envío un correo electrónico con algunas ideas, citas y enlaces a los artículos, podcasts, o libros que revisé esa semana.

¿Olvidaste tu contraseña?