Cómo Crear un Flujo de Trabajo WordPress Eficaz para Desarrolladores

WordPress es una gran plataforma, pero a veces también puede estar un poco desorganizada —  al menos desde el punto de vista del código. Esto se debe a que el código ha pasado por muchas iteraciones y, a medida que se lanzan actualizaciones, a veces las cosas no se programan de la forma más eficiente posible.

Sin embargo, esto no significa que tu proceso de desarrollo deba seguir el mismo camino. Aunque el código desordenado a menudo se disculpa debido a los rápidos calendarios de producción, como desarrollador web, tienes la oportunidad de destacar y sobresalir adoptando un flujo de trabajo adecuado.

Este artículo incluye algunos consejos que te ayudarán a desarrollar sitios de WordPress de la forma correcta con las herramientas adecuadas a mano. También proporciona un recorrido paso a paso para ayudarte a seguir estos consejos.

Si sigues esta guía, podrás evitar algunos de los problemas habituales que se producen al desarrollar sitios de WordPress. Y podrás crear un sitio fácil de mantener y actualizar.

Así que, ¡empecemos!

Atributos del Código de Alta Calidad

Antes de adentrarnos en nuestra guía completa sobre la creación de un flujo de trabajo de desarrollo de WordPress, detengámonos un momento para hablar de por qué es importante un código de alta calidad.

Cuando pienses en el código de tu sitio, hay algunos atributos clave que debes tener en cuenta. Estos atributos ayudan a garantizar que tu código sea limpio, bien organizado y fácil de entender.

Aquí tienes algunos atributos de un código de alta calidad:

• Racionalizado
• Fácil de seguir
• Modular
• Bien comentado
• Reutilizable y mantenible

Estos atributos pueden parecer muchos, pero no te preocupes. En esta guía veremos cómo conseguir cada uno de ellos. Pero primero, entendamos por qué tu flujo de trabajo de desarrollo debe cumplir estas normas.

Por qué el Desarrollo de WordPress Necesita las Mejores Prácticas de Programación

Para que un sitio web WordPress funcione correctamente, el código que lo compone debe ser de alta calidad. Esto es especialmente importante para los sitios web de WordPress porque a menudo son complejos, con muchas partes móviles diferentes.

Hay muchas razones por las que las prácticas de programación son importantes para el desarrollo de WordPress:

1. Los sitios web WordPress son complejos.
2. Una sola línea de código puede tener un gran impacto.
3. Un código bien escrito y probado es esencial.
4. El código de alta calidad es más fácil de mantener.
5. Un código de calidad puede ayudar a mejorar el rendimiento.

Tener en cuenta estos puntos a medida que avanzas en tu proceso de planificación del desarrollo puede ayudarte a mantener la vista en el premio, por así decirlo.

Consejos para Mejorar el Flujo de Trabajo de WordPress

Ahora que hemos hablado de por qué es importante tener un código bien escrito, repasemos algunos consejos que te ayudarán a mejorar tu flujo de trabajo en WordPress para cada proyecto. Cada uno de los siguientes consejos puede ayudarte a garantizar que tu código WordPress esté limpio y optimizado, que es lo que debe ser tu prioridad.

Elige un Buen Proveedor de Alojamiento

Cuando se trata de alojar tu sitio web WordPress, seleccionar el proveedor adecuado es crucial para garantizar un rendimiento óptimo, la seguridad y la experiencia general del usuario. Un servicio de alojamiento fiable puede influir significativamente en la velocidad, estabilidad y escalabilidad de tu sitio web. Kinsta destaca como una excelente opción para alojar tu sitio de WordPress, ya que ofrece una amplia gama de funciones y ventajas que contribuyen a una experiencia de alojamiento excepcional.

1. Impulsado por Google Cloud Platform (GCP) C2: Kinsta aprovecha la infraestructura de vanguardia de Google Cloud Platform, concretamente las máquinas optimizadas para computación C2. Esta infraestructura en la nube de alto rendimiento garantiza tiempos de carga rapidísimos y una mayor fiabilidad, proporcionando una base sólida para tu sitio web.
2. Gestión de Sitios en Contenedores: Kinsta adopta un enfoque basado en contenedores para la gestión de sitios. Esto significa que cada sitio web está aislado dentro de su propio contenedor, evitando cualquier interferencia de otros sitios en el mismo servidor. Este aislamiento garantiza una seguridad y estabilidad superiores, eliminando el riesgo de contención de recursos.
3. Mecanismos Avanzados de Almacenamiento en Caché: El almacenamiento en caché es vital para acelerar tu sitio web y reducir la carga del servidor. Kinsta incorpora almacenamiento en caché a nivel de servidor, edge caching, almacenamiento en caché automático de páginas e integración en la red de distribución de contenidos (CDN). Este sistema inteligente de almacenamiento en caché garantiza que tus páginas se carguen rápida y eficazmente para los visitantes de todo el mundo. También puedes explorar la API de Kinsta para borrar la caché de tu sitio o  caché edge.
4. Optimización del Rendimiento: Kinsta se compromete a proporcionar herramientas de optimización del rendimiento de primera categoría. Ofrecen funciones como compatibilidad con PHP, HTTP/3 y MariaDB para consultas más rápidas a bases de datos. Con la infraestructura centrada en el rendimiento de Kinsta, tu sitio web estará bien equipado para gestionar cualquier pico de tráfico.
5. Entorno Staging Gratuito: Cada instalación de WordPress en Kinsta puede tener su propio entorno staging sin coste adicional. Esto te permite probar actualizaciones, plugins y cambios de forma segura antes de implementarlos en el sitio activo, garantizando una experiencia de usuario sin interrupciones.
6. Medidas de Seguridad: Kinsta se toma la seguridad muy en serio, implementando medidas como la detección de DDoS, cortafuegos de hardware y monitorización del tiempo de actividad.
7. Funciones para Desarrolladores: Para los desarrolladores, Kinsta ofrece funciones como acceso SSH, WP-CLI e integración Git. Estas herramientas facilitan el desarrollo, el control de versiones y la colaboración eficaz entre los miembros del equipo.

Utiliza Staging

Un sitio staging es una copia de tu sitio activo que puedes utilizar para probar los cambios antes de realizarlos en tu sitio activo. Es una herramienta valiosa porque te permite experimentar con cambios sin afectar a tu sitio activo.

Utilizar un sitio staging tiene muchas ventajas:

1. Prueba los cambios antes de realizarlos en tu sitio activo.
2. Evita posibles problemas probando en un sitio staging.
3. Asegúrate de que tus cambios funcionan según lo previsto.
4. Evita posibles tiempos de inactividad en tu sitio activo.
5. Reduce el riesgo de romper tu sitio web activo.

En Kinsta, tienes la posibilidad de crear un entorno staging independiente para cada instalación de WordPress, lo que te permite probar nuevas versiones, plugins, código y realizar tareas de desarrollo en general. Este entorno staging puede configurarse fácilmente y compartirse con tu equipo. Para entornos staging adicionales, entornos staging que coincidan estrechamente con tu configuración real, o pruebas y desarrollo que requieran muchos recursos, puedes utilizar el add-on Entorno Staging Premium.

Además, Kinsta ofrece la comodidad de crear estos entornos mediante programación a través de la API de Kinsta. Esto te permite acceder a los detalles del entorno de tu sitio, realizar acciones como eliminar o clonar un entorno, e incluso crear entornos simples sin una instalación de WordPress o con una ya instalada.

El core de WordPress, los plugins y los temas están escritos en PHP. Kinsta siempre es compatible con la versión más reciente de PHP y admite diferentes versiones para los entornos staging. Cambiar entre versiones de PHP sólo requiere unos pocos clics en el panel de control de MyKinsta.

Implementa el Control de Versiones

El control de versiones es un sistema que rastrea los cambios en los archivos a lo largo del tiempo. Esto es valioso para el desarrollo de WordPress porque te permite rastrear los cambios y volver a versiones anteriores si es necesario.

Para la mayoría, esto significa utilizar Git, que es un popular sistema de control de versiones soportado por Kinsta. Git es un sistema de control de versiones distribuido, gratuito y de código abierto, diseñado para gestionar desde proyectos pequeños a muy grandes con rapidez y eficacia. Con Kinsta, puedes conectarte fácilmente a tu repositorio Git desde GitHub, GitLab y Bitbucket.

Es especialmente útil cuando trabajas con un gran equipo distribuido. Lo último que quieres es encontrarte con múltiples versiones de tu archivo functions.php, todas con nombres ligeramente diferentes, en tu instalación de WordPress porque varias personas estaban haciendo cambios a la vez.

Programa Copias de Seguridad Automáticas

Uno de los aspectos más importantes del desarrollo de WordPress son las copias de seguridad. Las copias de seguridad son vitales porque te permiten restaurar tu sitio si algo va mal.

Hay muchas formas de automatizar las copias de seguridad. Cuando utilizas Kinsta, tienes acceso automáticamente a seis tipos de copias de seguridad: automáticas/diarias gratuitas, por horas opcionales, manuales, generadas por el sistema, descargables y copias de seguridad externas Premium enviadas automáticamente a tu Amazon S3 o Google Cloud Storage, que puedes utilizar como parte de tu estrategia de recuperación ante desastres.

Este add-on crea automáticamente copias de seguridad de tu sitio WordPress con una frecuencia configurada y las almacena en un servidor externo.

Si no utilizas Kinsta, puedes utilizar plugins de WordPress para las copias de seguridad. Es una estrategia viable, pero ten en cuenta que los plugins pueden entrar en conflicto entre sí y comprometer el rendimiento de tu sitio web.

Aprovecha el Linting

Linting es el proceso de comprobar el código en busca de errores. Esto es valioso para el desarrollo de WordPress porque puede ayudarte a encontrar y corregir errores en tu código.

Muchos editores de código lo hacen automáticamente, pero si quieres estar seguro de que el tuyo ofrece esta función, considera la posibilidad de utilizar uno de los siguientes editores de código y texto:

• Visual Studio Code: Este editor de código dispone de linting por defecto, junto con plugins que ayudan a aplicar linting, como ESLint.
• Sublime Text: Este editor de código tiene muchas funciones, incluida la de linting.
• Atom: Este editor de código también tiene linting incorporado.
• Vim: Este editor de texto también ofrece linting, además de muchas otras funciones.
• PHPStorm: Es un entorno de desarrollo de pago que dispone de linting.

Si construyes tu sitio web a partir de un script, también puedes incluir paquetes de linting para probarlo mientras lo construyes.

Utiliza un Generador de Código

Un generador de código es una herramienta que puede generar código automáticamente por ti. Esto es valioso para el desarrollo de WordPress porque puede ahorrarte tiempo y ayudarte a evitar errores.

Hay muchos generadores de código disponibles, pero algunos de los más populares son:

• GenerateWP: Este generador de código puede generar código para tipos de entrada personalizados, taxonomías, meta boxes y mucho más.
• Hasty: Este generador de código puede generar código para tipos de entrada personalizados, taxonomías y campos.
• Generador de código de Nimbus Themes: Este generador de código puede generar código para tipos de entrada, taxonomías y campos personalizados.

Utiliza WP-CLI

WP-CLI es una interfaz de línea de comandos para WordPress. Es muy valioso para el desarrollo de WordPress porque te permite gestionar tu sitio de WordPress desde la línea de comandos. Tienes acceso a WP-CLI en todos los planes de Kinsta, ya que viene por defecto en todos los servidores de Kinsta.

Esto es especialmente útil cuando necesitas hacer tareas repetitivas o que requieren muchos pasos. Por ejemplo, WP-CLI se puede utilizar para instalar WordPress, crear entradas y páginas, instalar plugins y temas, y mucho más. También es útil cuando necesitas hacer cambios en varios sitios a la vez.

Utiliza un Framework de Desarrollo de WordPress

Un framework de desarrollo de WordPress es una herramienta que puede ayudarte a agilizar tu flujo de trabajo. Esto es valioso para el desarrollo de WordPress porque puede ahorrarte tiempo y ayudarte a evitar errores.

Hay muchos framework de desarrollo de WordPress disponibles, pero algunos de los más populares son:

• Genesis: Este framework de StudioPress está diseñado para ayudarte a crear sitios WordPress más rápidamente.
• Underscores: Este framework de Automattic está diseñado para ayudarte a empezar a desarrollar temas de WordPress rápidamente.
• Foundation: Este framework de Zurb está diseñado para ayudarte a crear sitios de WordPress con capacidad de respuesta.
• Bootstrap: Este framework de Twitter es muy útil para crear diseños responsivos para sitios web de WordPress.

Utiliza Automatizadores de Tareas

Un «task runner» o automatizador de tareas es una herramienta que puede automatizar procesos. Esto es valioso para el desarrollo de WordPress porque puede ahorrarte tiempo y ayudarte a evitar errores. También te permite ejecutar varias tareas simultáneamente.

Hay muchos ejecutores de tareas disponibles, pero algunos de los más populares son:

• Gulp: Este automatizador de tareas se puede utilizar para automatizar tareas como el preprocesamiento de CSS, el linting de Javascript, etc.
• Grunt: Grunt es un automatizador de tareas de Javascript que ayuda a automatizar muchas de tus tareas más repetitivas.
• Webpack: Este automatizador de tareas se puede utilizar para automatizar tareas como la agrupación de archivos JavaScript y mucho más.

Familiarízate Ya con Vue.js o React

Aunque no vayas a utilizar Vue.js o React de inmediato, es importante que te familiarices con estos frameworks ahora. Esto es valioso para el desarrollo de WordPress, ya que cada vez son más populares y se utilizan más y más a medida que pasa el tiempo.

Vue.js es un framework de JavaScript que te permite crear interfaces de usuario reactivas. React es una biblioteca de JavaScript para crear interfaces de usuario.

Tanto Vue.js como React son opciones populares para el desarrollo de WordPress porque son rápidas, ligeras, fáciles de usar y esenciales para convertir WordPress en un CMS headless.

Aquí tienes una guía detallada sobre cómo crear un sitio WordPress headless con Vue.js y con React.js.

Por Qué es Vital Dedicar Tiempo a Planificar el Flujo de Trabajo de WordPress

Los sitios web de WordPress son complejos, y es importante tener un flujo de trabajo bien planificado antes de empezar cualquier proyecto. Si planificas tu flujo de trabajo, ahorrarás tiempo y evitarás posibles problemas en el futuro.

Planificar el flujo de trabajo de WordPress tiene muchas ventajas:

• Ahorrar tiempo sabiendo lo que hay que hacer.
• Evita posibles problemas planificando con antelación.
• Asegurarte de que se completan todas las tareas necesarias.
• Asegurarte de que tu flujo de trabajo es eficiente y eficaz.
• Evita problemas al entregar proyectos a colaboradores o clientes.

El Flujo de Trabajo Ideal de WordPress para el Desarrollo

Hay muchas formas de enfocar el flujo de trabajo de WordPress, pero hay algunos pasos esenciales que deberías incluir en tu proceso de desarrollo.

Paso 1: Configurar un Entorno de Desarrollo Local

El primer paso en cualquier flujo de trabajo de WordPress debería ser configurar un entorno de desarrollo local. Esto es importante porque te permite trabajar en tu sitio de WordPress sin conexión, lo que puede ahorrar tiempo y evitar errores.

Hay muchas formas de configurar un entorno de desarrollo local, sólo depende de la configuración que prefieras utilizar. Recomendamos DevKinsta para esto (WordPress multisitio es compatible). Con DevKinsta, puedes clonar y desarrollar tus proyectos localmente. Una vez que tus actualizaciones estén listas, puedes enviarlas a Kinsta.

DevKinsta está totalmente integrado con MyKinsta y la plataforma de alojamiento de Kinsta, por lo que puedes desarrollar localmente y enviar las actualizaciones directamente a un entorno staging en Kinsta. Te recomendamos que utilices Kinsta Staging y el add-on Entornos Staging Premium. Esto te proporciona un completo entorno de desarrollo de WordPress con un solo clic de actualización.

También puedes trabajar en varios proyectos al mismo tiempo y fusionar los cambios antes de activarlos. También incluye pruebas A/B integradas, pruebas de compatibilidad de plugins y pruebas de uso intensivo de recursos para asegurarte de que tus construcciones están estructuradas adecuadamente.

Para empezar a utilizar el add-on Entornos Staging Premium, adquiérelo a través de tu cuenta de Kinsta. Para activar el entorno staging, ve a MyKinsta, haz clic en el desplegable con el entorno predeterminado En Producción y, a continuación, haz clic en Crear nuevo entorno en la parte superior de la pantalla.

Paso 2: Configurar el Control de Versiones

El segundo paso en cualquier flujo de trabajo de WordPress debería ser configurar el control de versiones. Esto es importante porque te permite hacer un seguimiento de los cambios en tu código y volver a versiones anteriores si es necesario.

Para ello, puedes utilizar Git, que es compatible con Kinsta, siguiendo el proceso que se indica a continuación:

1. Crear un Repositorio Git

Puedes crear un repositorio en GitHub, GitLab o Bitbucket para almacenar tu código. A efectos de esta demostración, describiremos cómo crearlo en GitHub. Para las otras plataformas soportadas, el flujo de trabajo es muy similar.

Para crear un repositorio en GitHub, sigue los pasos que se indican a continuación:

1. Accede a tu cuenta de GitHub y haz clic en el signo + de la esquina superior derecha.
2. Selecciona Nuevo repositorio en el menú desplegable.
3. Introduce un nombre para tu repositorio y una descripción, y haz clic en Crear repositorio.

2. Clona el Repositorio en tu Entorno de Desarrollo Local

Para clonar un repositorio de GitHub, sigue los pasos que se indican a continuación:

1. Haz clic en el botón Clonar de tu repositorio de GitHub.
2. Copia la URL de tu repositorio.
3. Abre tu terminal o símbolo del sistema y cambia al directorio donde quieres clonar tu repositorio.
4. Escribe el siguiente comando, sustituyendo la URL que has copiado de GitHub:

git clone https://github.com/YOUR_USERNAME/YOUR_REPOSITORY.git

Esto clonará tu repositorio en tu ordenador. Ahora puedes añadir archivos y hacer cambios y, cuando estés listo, enviarlos de nuevo a GitHub.

3. Añadir Archivos y Confirmar Cambios

1. Añade los archivos que quieras seguir con Git al directorio del repositorio en tu ordenador.
2. Escribe git add seguido del nombre del archivo, o utiliza git add . para añadir todos los archivos del directorio.
3. Escribe git commit -m seguido de un mensaje que describa los cambios que has realizado.
4. Para enviar tus cambios a GitHub, escribe git push.

Puedes seguir haciendo cambios en los archivos de tu ordenador y enviándolos a GitHub. Cuando quieras recuperar la última versión de los archivos de GitHub, puedes utilizar el comando git pull.

Paso 3: Desarrollar Localmente

Una vez que hayas configurado tu entorno de desarrollo local y el control de versiones, es hora de empezar a desarrollar tu sitio de WordPress localmente.

Cuando desarrollas localmente, puedes probar los cambios en tu sitio staging antes de lanzarlos. Esto es importante porque te permite detectar errores o fallos antes de que afecten a tu sitio en producción.

Para transferir los cambios de tu entorno de desarrollo local a tu sitio staging, puedes utilizar DevKinsta con sólo unos clics.

Paso 4: Utiliza WP-CLI

WP-CLI es una interfaz de línea de comandos para WordPress que te permite gestionar tu sitio de WordPress desde el terminal. Esto puede ser útil para tareas como crear y gestionar usuarios, instalar y actualizar plugins, y mucho más.

Para instalar WP-CLI, sigue estos pasos:

1. Descarga el archivo WP-CLI.phar.
2. Mueve el archivo a un directorio de tu PATH (por ejemplo, /usr/local/bin).
3. Cambia el nombre del archivo a wp.
4. Haz que el archivo sea ejecutable (por ejemplo, chmod +x /usr/local/bin/wp).
5. Comprueba que WP-CLI está instalado ejecutando wp --version.

A partir de ahí, puedes utilizar WP-CLI para gestionar tu sitio WordPress desde el terminal. Para obtener una lista completa de comandos, puedes consultar nuestra guía detallada de WP-CLI v2.

Paso 5: Automatiza Tu Flujo de Trabajo con Gulp

Gulp es un automatizador de tareas que te permite automatizar tareas como minificar archivos CSS y JavaScript, compilar archivos Sass y mucho más.

Para utilizar Gulp, instálalo globalmente en tu sistema. Para ello, asegúrate de que tienes Node.js y npm instalados en tu ordenador ejecutando node -v y npm -v. Si muestra una versión para ambos, puedes proceder a instalar Gulp ejecutando el siguiente comando:

npm install gulp-cli -g

Una vez instalado Gulp, puedes crear un archivo gulpfile.js en el root de tu proyecto. Este archivo contiene el código para tus tareas Gulp.

Por ejemplo, el siguiente archivo gulpfile.js contiene una tarea para minificar archivos CSS:

var gulp = require('gulp');

var cleanCSS = require('gulp-clean-css');

gulp.task('minify-css', function() {

return gulp.src('src/*.css')

.pipe(cleanCSS({compatibility: 'ie8'}))

.pipe(gulp.dest('dist'));

});

Para ejecutar esta tarea, puedes utilizar el siguiente comando:

gulp minify-css

Paso 6: Utilizar Linting

Las herramientas de linting son herramientas de análisis estático de código que te ayudan a encontrar errores en tu código. Para este artículo, vamos a utilizar Atom.io con los siguientes paquetes linting:

• atom-beautify
• atom-ternjs
• linter
• linter-eslint
• linter-php
• linter-sass-lint

En tu terminal, navega hasta el directorio en el que quieres hacer el lint y ejecuta el siguiente comando:

find . -name "*.js" -o -name "*.scss" | xargs eslint --fix

Esto limpiará todos los archivos JavaScript y Sass de tu proyecto.

Si quieres limpiar un archivo específico, puedes ejecutar el siguiente comando:

eslint --fix file-name.js

Sustituye file-name.js por el nombre del archivo que quieras limpiar.

Paso 7: Utiliza un Preprocesador de CSS

Un preprocesador de CSS es una herramienta que te permite escribir CSS en un lenguaje diferente y luego compilarlo en CSS. Los dos preprocesadores de CSS más populares son Sass y Less.

En este tutorial, utilizaremos Sass. Para utilizar Sass, primero necesitas instalar la herramienta de línea de comandos Sass. Para ello, ejecuta el siguiente comando:

gem install sass

Una vez instalado Sass, puedes utilizar el siguiente comando para compilar un archivo Sass en CSS:

sass input.scss output.css

Sustituye input.scss por el nombre de tu archivo Sass y output.css por el nombre del archivo CSS que quieras crear.

Si quieres vigilar tu archivo Sass en busca de cambios y volver a compilarlos automáticamente en CSS, puedes añadir la bandera --watch al comando:

sass --watch input.scss output.css

También puedes vigilar un directorio Sass y enviar la salida a otro directorio. Esto es útil cuando tienes varios archivos Sass y quieres manejar todo el proceso con un solo comando. Para ello, separarías ambos directorios con dos puntos:

sass --watch app/sass:public/stylesheets

Sass controlará continuamente todos los archivos de la carpeta app/sass para detectar cualquier modificación y, a continuación, compilará los archivos CSS resultantes en la carpeta public/stylesheets. Siéntete libre de adaptar las rutas de las carpetas según tu estructura de carpetas específica.

Paso 8: Utiliza la API Rest de WordPress

La API REST de WordPress es una potente herramienta que te permite interactuar con tu sitio de WordPress desde fuera de la interfaz de administración de WordPress.

La API REST de WordPress puede utilizarse para crear soluciones personalizadas para tu sitio de WordPress. Por ejemplo, puedes utilizar la API REST de WordPress para crear una aplicación móvil para tu sitio de WordPress o para crear un panel de control personalizado.

Para empezar a utilizar la API REST de WordPress, tienes que interactuar con ella a través de la interfaz de línea de comandos de WordPress. Hemos publicado un tutorial sobre cómo configurar la API REST de WordPress que te guiará paso a paso.

Paso 9: Crea y Sigue una Guía de Estilo

Una guía de estilo es un conjunto de directrices para programar y diseñar tu sitio de WordPress. Una guía de estilo ayuda a garantizar que tu código sea coherente y fácil de leer.

Hay varias guías de estilo diferentes que puedes utilizar para tu proyecto de WordPress. Recomendamos utilizar las Normas de Programación de WordPress como punto de partida. Sin embargo, es probable que realices numerosas modificaciones y adiciones a medida que pase el tiempo.

Es probable que cualquier guía de estilo que crees cambie constantemente. Pero lo importante es que proporcione una colección definida de pasos a dar y directrices a seguir para todos los desarrolladores de tu equipo.

Paso 10: Pon en Marcha Tu Sitio Web

Una vez que hayas completado todos los pasos anteriores, tu sitio de WordPress estará listo para ser puesto en producción. Si utilizas un plugin de despliegue como WP Pusher, este proceso es tan sencillo como enviar el código al repositorio Git remoto.

Puedes hacerlo directamente desde Kinsta yendo a MyKinsta > Sitios, seleccionando tu sitio y haciendo clic en Acciones del entorno. Desde ahí, haz clic en Enviar a Producción.

A continuación, marca la casilla junto a Archivos o Base de datos (para marcar ambas), escribe el nombre del sitio y haz clic en Enviar a Producción.

Si no utilizas un plugin de despliegue o Git, puedes simplemente exportar tu base de datos de WordPress desde tu entorno de desarrollo local e importarla a tu servidor activo. Para ello, ve a Herramientas > Exportar en el panel de administración de WordPress.

A continuación, selecciona Todo el contenido en las opciones de exportación y haz clic en el botón Descargar Archivo de Exportación . Una vez que tengas el archivo de base de datos, puedes importarlo a tu servidor activo accediendo a Herramientas > Importar en el panel de control de tu WordPress. Selecciona el archivo de base de datos que acabas de exportar y haz clic en el botón Cargar archivo e importar .

También puedes transferir manualmente tus archivos de WordPress desde tu entorno de desarrollo local a tu servidor en producción utilizando un cliente SFTP como FileZilla. Simplemente conéctate a tu servidor usando FTP, y arrastra y suelta tus archivos de WordPress en el directorio public_html.

Una vez que hayas puesto en marcha tu sitio de WordPress, puedes tomarte tu tiempo para probarlo todo y asegurarte de que todo funciona como debería.

También es un buen momento para asegurarte de que Kinsta APM está funcionando correctamente. Esta herramienta de monitorización del rendimiento vigilará el rendimiento de tu servidor y se asegurará de que tu sitio funciona lo más rápido posible. Te proporciona información y métricas clave sobre el rendimiento de WordPress sin necesidad de pagar suscripciones de terceros a otros servicios de APM.

Para activar la herramienta APM, inicia sesión en MyKinsta, elige el sitio que quieres monitorizar, navega hasta la pestaña APM de tu sitio y haz clic en el botón Activar APM. Puedes leer más en nuestra documentación.

Resumen

Como puedes ver, hay mucho que hacer para crear correctamente un flujo de trabajo de desarrollo de WordPress. Pero seguir estos pasos te ayudará a garantizar que tu sitio WordPress esté bien organizado, sea fácil de gestionar y funcione sin problemas.

Y no te equivocarás si te apoyas en productos de Kinsta como DevKinsta, el add-on Entornos Staging Premium y Kinsta AMP. Estas herramientas harán que tu flujo de trabajo de desarrollo de WordPress sea aún más fácil y eficiente.

Y otras funciones de Kinsta, como los sitios en contenedores en infraestructura GCP que se ejecutan en máquinas C2 con 37 centros de datos disponibles, integración premium con Cloudflare para una CDN de alto rendimiento que sirve tu sitio desde 260+ Puntos de Presencia (PoPs), Protección DDoS con cortafuegos de nivel empresarial, Compromiso de seguridad contra malware, Edge Caching, cambio de versión PHP con un solo clic y supervisión del tiempo de actividad (con una garantía de tiempo de actividad del 99%), garantizan que tu sitio web funcione rápido, seguro y esté disponible de forma fiable en Internet.

¿Tienes alguna pregunta sobre cómo crear un flujo de trabajo de desarrollo de WordPress? ¡Háznoslo saber en los comentarios de abajo!

Jeremy Holcombe Kinsta

Content & Marketing Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems ;).

• Sitio web
• LinkedIn