Este es un tutorial sobre cómo crear una copia de nuestro wordpress actual para hacer pruebas y ver los cambios antes de ponerlos en nuestra web oficial. Si tienes una web en wordpress necesitas tener una copia de desarrollo, así de simple.
Básicamente es una copia idéntica a nuestra web, en la que vamos a probar cualquier novedad, nuevo diseño, actualizaciones, plugins, etc antes de ponerlos en nuestra web oficial (llamada producción normalmente). De este modo, nos aseguramos de que nuestra web de producción siempre está operativa y podemos ir haciendo pruebas sin peligro. Es lo que se llama tener un entorno de desarrollo de nuestro blog. Guarda este artículo en tus favoritos porque te aseguro que vas a tener que repetir los pasos más de una vez. Porque cada vez que vayas a hacer algún cambio importante, tendrás que repetir los pasos de nuevo ya que queremos siempre estar seguros de que la copia es exactamente igual que la actual del blog para no dejar nada al azar.
1.- Copia de seguridad.
Lo primero que hay que hacer es crear una copia de seguridad de tu blog. Para ello tenemos que guardar dos cosas, por un lado la base de datos y por otro los archivos de nuestro blog. Esto depende principalmente de nuestro servidor, pero en general la base de datos se accede desde el panel de control y los archivos se pueden descargar desde el mismo panel de control o desde un ftp.
2.- Crear una nueva base de datos para el entorno de desarrollo.
Sigue los mismos pasos como si estuvieras instalando un wordpress nuevo. Crea una nueva base de datos con un usuario nuevo, etc. No voy a hablar aquí de los detalles, ya que son necesarios para instalar un wordpress y si no tienes un wordpress no necesitas una copia de desarrollo.
3.- Crea una carpeta nueva.
En esta carpeta copiarás todos los archivos de tu wordpress. Desde el panel de control suele ser más fácil copiar los archivos para no tener que subirlos todo de nuevo usando el ftp, pero ambas opciones son válidas. En el ejemplo vamos a suponer que la carpeta de desarrollo la hemos llamado /dev pero puedes usar el nombre que quieras.
4.- Protege la carpeta recién creada con una contraseña usando web protect.
Lee este artículo de cómo proteger una carpeta de nuestro blog usando el webprotect para saber como hacerlo.
5.- Importa la base de datos o haz una copia.
Tienes que importar a la base de datos que has creado en el paso 2 la copia de seguridad que habíamos guardado en el paso 1. Para eso podemos usar PHPmyAdmin para importarla o directamente hacer una copia de la base de datos.
6.- Edita el archivo wp-config
El archivo se encontrará en la nueva carpeta /dev que hemos creado. tendrás que modificar el nombre de la base de datos, la contraseña y tendrás que indicarle la nueva URL.
Para cambiar la base de datos y la contraseña tienes que cambiar estas líneas:
define('DB_NAME', 'NombreNuevaBasededatos');
define('DB_USER', 'NuevoUsuarioBasededatos');
define('DB_PASSWORD', 'Elnuevopassworddetuusuario');
Para indicar al nuevo wordpress la nueva URL debes añadir esta línea al final del archivo wp-config. Esto le indica al wordpress que se ha cambiado de directorio (y de url) sin tener que entrar en las opciones de wordpress.
define('WP_HOME','http://example.com');
define('WP_SITEURL','http://example.com');
7.-Modifica las opciones del entorno de desarrollo.
Si todo ha ido bien, podremos entrar en el panel de administración de tu entorno de desarrollo de wordpress en la nueva dirección /dev/wp-admin/
Antes de dar por finalizado el tutorial es recomendable modificar un par de cosas. Vete a las opciones para hacer dos cambios importantes:
- Cambia el nombre del nuevo wordpress en Ajustes>General. Esto es para no confundirnos y saber en cual estamos en todo momento sin mirar la URL, yo suelo cambiar el logo tambien.
- Desactiva en las opciones de wordpress el aparecer en los buscadores. En Ajustes>Lectura.
- Desactiva los plugins de analytics, SEO, y cualquiera relacionado con google y otros buscadores.
- Desactiva todos los plugins que consideres que pueden notificar a otros usuarios de este blog, por ejemplo el disqus de comentarios, los de las redes sociales, etc. No queremos que este blog sea conocido.
- Si queremos probar temas de diseño desactiva los plugins de Cache para que no haya lios.
- Si usas «permalinks» deberías ir a Ajustes>Enlaces Permanentes y darle a guardar. Esto actualizará el archivo .htaccess que deberías haber copiado a la nueva carpeta de desarrollo.
- Ir al menú Apariencia>Menús y actualizar el menú (este paso no es siempre necesario pero no viene mal).
8.- Comprueba que el blog original funciona perfectamente.
Es importante comprobar que no se ha roto nada en la web original y que el nuevo entorno de desarrollo también está funcionando correctamente. Hay que comprobar también que nos pide la clave para acceder, a veces es necesario abrir otro navegador o una ventana de incógnito.
9.- Prueba todo lo que quieras en la nueva dirección.
Sin miedo, sin tener que preocuparnos de si la página está en borrador o si se me escapa el botón de publicar.
Ya tienes listo tu entorno de desarrollo para tu Wordpress. Algo realmente esencial y que deberías aprender a hacer. Si tienes alguna pregunta estaré encantado de solucionarla en los comentarios.
Hola,
Seguí tu tutorial para crearme un entorno de desarrollo de mi blog. Todo perfecto, salvo un detalle. En la parte en que comentas «Para indicar al nuevo wordpress la nueva URL debes añadir esta línea al
final del archivo wp-config. Esto le indica al wordpress que se ha
cambiado de directorio (y de url) sin tener que entrar en las opciones
de wordpress.» es correcta salvo que provoca más problemas que beneficios, ya que 1) te inhabilita esas opciones en los ajustes y 2) en algunas cosas, como en los themes, te sigue cogiendo los datos del entorno original (producción). Así que es mucho mas sencillo entrar en la pestaña ajustes y cambiarlos a mano, ya que de paso se actualizan otras cosas como los enlaces a los temas
saludos
Gracias por el comentario. Respecto al punto 2) cambiarlo a mano o no produce el mismo efecto en mis pruebas y es cierto que algunos temas poco profesionales o algunas imágenes pueden dejar de verse. El problema es que para que el entorno de desarrollo está completo habría que hacer modificaciones en base de datos, y normalmente esa parte es mejor saltarsela porque es demasiado trabajo para unas pruebas.
Un saludo!
Muy bien, crear el ambiente de pruebas no esta complicado, y para pasar nuestros cambios al ambiente de produccion, cuales crees que serian los pasos mas adecuados? gracias por la info
Hola,
Depende un poco de lo que estemos haciendo. En la mayoría de los casos yo opto por repetir los pasos en el blog original. Esto a veces parece una perdida de tiempo pero una vez lo has hecho en el de desarrollo, normalmente no lleva muchos minutos repetir el proceso. Por ejemplo, si se trata de actualizar un plugin, es simplemente darle al botón de actualizar, lo mismo si tratamos de actualizar la web, o si estamos probando un widget nuevo o similar.
Eso si, siempre una copia de seguridad del blog de producción antes de tocar nada. Parece paranoico todo esto, pero el día que no lo haces y se rompe todo (y yo lo he vivido) te aseguro que ya no te parece paranoia sino sentido común. :)
gracias por comentar! :D
Gracias por tu pronta respuesta! voy a hacer las pruebas, pues tengo un sitio que quiero modificar varias cosas, desde plugins hasta el tema, y pues tu guia me ha servido mucho. Gracias
Pues mucho ánimo. Recuerda, paso a paso, según vas cambiando cosas en el de desarrollo, backup en el original y repites el proceso, y así poco a poco. :) Suerte!