Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Hosting
Code

Migrar un Sitio WordPress Desde un Servidor Local a Producción

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

El servidor local es una parte integral para cualquier desarrollador WordPress. En este tutorial quiero guiarte a través todo el proceso de instalación de un servidor local hasta la aplicación de un tema, la exportación de la base de datos, y mucho más.

Qué Vamos a Hacer

En este tutorial, te conduciré por el proceso completo de instalación de un servidor local en tu ordenador, creando una maqueta del sitio y a desarrollarlo en un entorno de producción. Al final del tutorial, deberías ser capaz de comprender cómo hacer lo siguiente: 

  • Instalar un servidor local y configurar WordPress localmente
  • Importar contenido en tu base de datos local
  • Crear y editar un sitio o plugin localmente
  • Instalar y configurar WordPress en tu servidor de producción
  • Importar contenido a la base de datos de tu sitio en producción
  • Transferir la carpeta wp-content que aloja los plugins, temas y otros elementos
  • ¡Siéntate y disfruta con los clientes que te adoran por tus cortos plazos de entrega!

Y, de verdad, para mi este último punto es realmente el objetivo que vales la pena. Entiendo que existen algunas limitaciones en los servidores locales y en ocasiones es necesario un medio de mantenimiento, pero usando un servidor local puedes eliminar con efectividad casi todos los tiempos de retrasos que se dan en un sitio normal.


Paso 1. Instala y Configura un Servidor Local

Yo personalmente uso MAMP (soy un tipo Mac hasta el final), y está disponible para su descarga desde aquí (actualmente disponible también para Windows). Para los usuarios de Windows, recomendaría XAMMP, que está disponible aquí.

Pulsa en el enlace de arriba para descargar la aplicación. Una vez lo hayas descargado arrastra el icono de la aplicación a tu carpeta de aplicaciones (para los usuarios de Mac), o usa el instalador de XAMP para para los usuarios de Windows.

Tras la instalación, encontrarás MAMP en /Aplicaciones/MAMP. XAMMP estará localizado en Inicio -> Programas -> XAMMP. ¡Ya tenemos la instalación! Una vez abras MAMP, asegúrate de echar un vistazo a las preferencias pulsando el botón "Preferencias". Tus puertos deberían estar configurados así en el Mac:

Iniciando el Servidor Local por Primera Vez

Ahora que el servidor local está instalado, necesitaremos iniciar los servidores Apache y MySQL. XAMMP también viene con Filezilla y Mercury incluidos, como servicios opcionales.

Para iniciar los servidores en MAMP, dirígete a: /Aplicaciones/MAMP y pulsa sobre el icono de MAMP. El panel de control será algo parecido a lo siguiente:

En las imágenes de arriba, podemos ver las luces verdes, lo que significa que nuestros servidores están activos. En mi viejo MacBook, esto no siempre era así (lo veremos más adelante). ¡Por ahora, luz verde significa sigue! Puedes abrir la página de inicio de MAMP pulsando el botón "Abrir Página de Inicio". Esto te llevará a tu phpinfo, al acceso de phpMyAdmin ya otros ajustes de configuración importantes que usaremos más tarde.

Para XAMMP, el panel de control, es accesible desde \xampp\xampp-control.exe, y se parecerá a algo como esto:

De nuevo, esto es muy sencillo. Pulsa "Inicio" para lanzar los servidores Apache y mySQL. Al área de administración se puede acceder escribiendo en tu navegador http://127.0.0.1 o http://localhost.

Enhorabuena, ¡has instalado tu servidor local!


Paso 2. Instalar y Configurar WordPress en tu Servidor Local

Primero, asegúrate de descargar la última versión de WordPress desde aquí. Después de esto, obtendrás la famosa pantalla de instalación en 5 minutos de WordPress, que describimos aquí.

  1. Desde el interior de phpMyAdmin de tu servidor local, crea una nueva base de datos llamada "wordpress". Puedes añadir esto desde la primera página que aparece cuando pulsas en el enlace phpMyAdmin.
  2. Descomprime la carpeta de WordPress y copiala en aplicaciones/MAMP/htdocs para MAMP, y en programas/XAMMP/htdocs para los usuarios de XAMMP. La nueva URL de MAMP será http://localhost:8888/wordpress/. Si estás trabajando en un sitio que más tarde será denominado algo parecido a "blog", ahora sería un buen momento para renombrar la carpeta. La URL cambiará en concordancia.

    Como yo también he desarrollado sitios sin usar WordPress, he copiado toda la carpeta en lugar de sacar los contenidos fuera. Dejando los elementos de la raíz en su propia carpeta, esto también me permite usar temas de Drupal, Joomla y Magento.

  3. E la carpeta de WordPress, duplica el archivo wp-config-sample.php, y renómbralo a wp-config.php.
  4. Abre wp-config.php en un editor, y empieza en la línea 17, tienes que editar lo siguiente al igual que la configuración que encontrarás en la página de inicio de tu servidor local:

    Obviamente, hemos nombrado nuestra base de datos "wordpress" en el paso 1, de forma que esto va ahí. Para los usuarios de MAMP, el nombre de usuario y la contraseña puede establecerse como "root", ya que este es el usuario predeterminado de admin. Por defecto en XAMMP el usuario "root" no dispone de contraseña.
    Puedes añadir más usuarios a la base de datos desde phpMyAdmin si quieres. El nombre del host debería quedar como "localhost".

  5. Con wp-config.php todavía abierto, también queremos avanzar y obtener nuestras llaves de autentificación únicas. Para conseguirlo, visita https://api.wordpress.org/secret-key/1.1/salt/ y usa el código que se te muestra para sustituir las líneas que van de la 45 a la 52:
  6. Guarda y cierra wp-config.php.
  7. Comienza el proceso de instalación visitando wp-admin/install.php. En MAMP, si la URL de tu sitio es http://localhost:8888/wordpress, entonces tendrás que introducir http://localhost:8888/wordpress/wp-admin/install.php.
  8. Si tus ajustes en el archivo wp-config.php son correctos, entonces serás conducido a la información de tu nombre de blog, tu email, y nombre de usuario.

Si aparece algún error, ¡no te preocupes! El problema estará probablemente en tu archivo wp-config.php. Dirígete a él y descubre que ajuste de los de arriba es incorrecto.

Ahora, WordPress debería estar activo y listo en tu servidor local. Puedes acceder al escritorio de administración en MAMP desde http://localhost:8888/wordpress/wp-login.php. Si cambiaste el nombre de la carpeta, entonces cambia "wordpress" por el nuevo nombre. Los usuarios de XAMMP pueden conseguirlo con :8888 o introduciendo 127.0.0.1/wordpress/wp-login.php.


Paso 3. Crea y Edita Tu Sitio

Empezar con Temas y Plugins

Tu instalación de WordPress predeterminada vendrá con un tema instalado por defecto llamado Twenty Ten. Para añadir más temas, puedes copiarlos directamente en la carpeta wp-content/themes o puedes instalarlos a través de el escritorio de WordPress, desde el menú "Apariencia -> Temas". Los temas pueden ser editados localmente vía "Apariencia -> Editor" o un editor de texto.

Los plugins también pueden ser instalados de la misma manera, bien copiándolos en la carpeta wp-content/plugins o encontrando nuevos plugins a través del escritorio de WordPress, en "Plugins -> Añadir Nuevo". Los plugins también pueden ser editados localmente a través de "Plugins -> Editor" o desde un editor de texto.

Disponer de un servidor local es una forma genial de probar nuevos plugins y encontrar aquellos que funcionan en tus sitios. Cada desarrollador WordPress debería tener una mochila llena de plugins con los que trabaje frecuentemente a su disposición.

Importar Contenido

Así que ahora que tenemos nuestro tema y nuestros plugins, ¿qué pasa con el contenido? Bueno, pulsa aquí para descargar el archivo XML con todos las entradas de WordPress que te ayudarán a empezar.

Para importar el contenido XML en tu servidor local:

  1. Dirígete a "Herramientas -> Importar"
  2. En la lista de opciones que aparecerá, pulsa "WordPress", ya que vas a subir contenido de WordPress. Esto también se aplica en el caso de que estés importando datos de este sitio a tu web en producción.
  3. Si esta es la primera vez que has importado contenido, se te solicitará que instales el Importador de WordPress. Pulsa "Instalar Ahora". Esto instala ciertamente un nuevo plugin en nuestra carpeta wp-content/plugins denominado "wordpress-importer".
  4. Cuando esto ya esté instalado, pulsa en el enlace para activarlo y ejecuta el importador.
  5. Navega hasta el archivo posts.xml (o cualquier otro archivo de base de datos), y súbelo.
  6. En la siguiente pantalla, atribuye las nuevas entradas a un autor (normalmente admin), y asegúrate de pulsar "Descargar e importar los archivos de adjuntos". Yo encuentro esto muy útil cuando estoy importando nuevos datos.

Si quieres visita el escritorio de administración, verás que ahora tienes entradas, categorías, comentarios, páginas, y usuarios para usar como prueba y desarrollar los temas y plugins.

Importar datos no sobreescribe tu información existente, solo añade lo que está allí. Así que no te preocupes sobre ello mientras importas. 

Obtener Esos Enlaces Buenos Permanentes

Esto es algo que a mí me ha frustrado enormemente cuando empecé por primera vez a trabajar, pero la solución es sencilla.

ro, abre tu archivo httpd.conf en /Aplicaciones/MAMP/conf/apache/. Las líneas de la 378 a la 381 se verían así:

Sustituye ese código con:

Tus pretty permalinks deberían estar bien para seguir, lo que también debería ayudar a acelerar tu proceso de producción.


Paso 4. Preparar el Servidor de Producción

hora que has instalado y configurado WordPress en tu servidor local, puedes aplicar los mismos principios para instalar WordPress en tu servidor de producción.

Lo bueno es que como sólo necesitas cambiar algunos ajustes de la base de datos en wp-config.php, puedes sencillamente hacer lo siguiente para tener WordPress preparado y ejecutándose en un entorno de producción:

  1. Accede al panel de control de tu servidor, navega a phpMyAdmin, y crea la base de datos llamada "wordpress".
  2. Mientras estés dentro de phpMyAdmin, asegúrate de anotar el nombre de usuario, la contraseña, y la dirección del host de la base de datos, como necesitaremos editar estos valores en wp-config.php.
  3. Edita wp-config.php para que concuerde con los nuevos ajustes del servidor.
  4. Carga toda la carpeta de WordPress a través de FTP a tu servidor de producción. De nuevo, esto podría llamarse de cualquier otra forma si quisieses que estuviese en una sub-carpeta (ej. http://mysite.com/blog/ - donde "blog" es tu instalación WP). Si quieres instalar WordPress en la raíz de tu sitio, mueve la carpeta a la carpeta raíz de tu sitio, y después mueve los contenidos afuera en la carpeta raíz dejando la carpeta original de WordPress vacía.  Puedes deshacer esta carpeta. Esto además asegurará que has movido todos los plugins y los temas que has estado probando. Puedes deshacer los plugins que no quieras y los temas de tu entorno de desarrollo eliminándolos de la carpeta wp-content o deshabilitándolos desde el escritorio de WordPress.
  5. Completa los famosos 5 minutos de instalación tal y como hemos descrito antes. Recuerda, si aparece algún error, será casi siempre debido a un error en los ajustes de wp-config.php. WordPress incluso te indicará este error en una página.

Ahora WordPress está activo en producción, pero carece de contenido. Tenemos que llevar el contenido que hemos perfeccionado desde nuestro servidor local a nuestra web en vivo.


Paso 5. Transferir el Contenido de Tu Base de Datos y los Archivos

Exportar el Contenido del Servidor Local

Para exportar el contenido de nuestro servidor local, necesitamos acceder en nuestro escritorio de WordPress, otra vez.

Después, deslízate hacia abajo a "Herramientas -> Exportar".

Como se trata de la primera exportación, selecciona "Todo el Contenido" y pulsa "Descargar Ahora". Tal y como WordPress dice, "Esto contiene todas tus entradas, páginas, comentarios, campos personalizados, términos, menús de navegación y entradas personalizadas.".

Inmediatamente (dependiendo del tamaño de la base de datos), tendrás un archivo XML que tiene la estructura de nombre sitename.wordpress.year-month-day.xml. Este es el archivo que importaremos tal y como hicimos con posts.xml en nuestro servidor local.

Importar Contenido en Producción

Como acabamos de aprender como importar nueva información en tu servidor local, usa los mismos principios para instalar contenido desde tu servidor local a tu servidor de producción.

Exportar e Importar Directamente en phpMyAdmin

También quiero destacar que puedes importar y exportar directamente en phpMyAdmin. Para exportar los datos de nuestro servidor local, haremos lo siguiente:

  1. Abre phpMyAdmin desde la página de inicio de MAMP o XAMMP.
  2. Pulsa sobre nuestra base de datos llamada "wordpress" o como sea que hayas llamado a la base de datos de WordPress.
  3. Pulsa en la pestaña "Exportar" y elige un formato de exportación XML.
  4. Asegúrate de marcar la casilla de "Guardar como Archivo" (save as file). Como el contenido de mi sitio era pequeño, he elegido no comprimirlo, pero te lo recomiendo enormemente para bases de datos grandes.

Esto guardará el archivo XML de copia de la base de datos directamente en tu disco duro. Ahora puedes importarlo a través de  WordPress a tu servidor phpMyAdmin en producción.

Para importar nuestro archivo XML recién creado (el mío se llamaba wordpress.xml), repite los pasos 1 y 2 de arriba, pero en el paso 3, pulsa "Importar". Esta pantalla es como la imagen siguiente:

Navega hasta tu archivo XML, y pulsa el botón redondo para XML situado bajo "Formateo de archivo Importado".

¡Y eso es todo amigos! Ahora tienes un sitio totalmente funcional que has creado y configurado en un servidor local, pero exportado y desplegado en producción.


Consejos y Trucos para el Entorno de Desarrollo

Además de el tutorial anterior, querría lanzar un par de cosas que hago mientras trabajo en mi entorno local que he comprobado que ayuda al traslado a producción.

Asegura Tu Sitio Antes de Que Esté Publicado

Este último año fue el primero que tuve una web hackeada. Sé que quizá sea viejo para algunos, pero no hay nada peor que la llamada de un cliente comunicándotelo. Ahora, las buenas noticias son que es fácil ocuparse y asegurar el sitio, pero a través de esa experiencia aprendí que nunca puedes estar equivocado si aseguras tu web lo antes posible.

Una de las formas más sencillas para añadir una capa de seguridad a tu sitio es crear un archivo index.php vacío y colocarlo en tu carpeta wp-content, la carpeta wp-content/plugins, y la carpeta wp-content/themes. Esta es una solución que puede realizarse al principio del proceso de desarrollo para crear una capa más de seguridad para tu sitio, y prevenir el indexado de tu contenido.

En este archivo index.php, yo añadiría sólo el siguiente código:

Usa el Tiempo de Inactividad Para Aprender Nuevas Cosas

Mi servidor local ha proporcionado invaluable valor para aprender los entresijos de los plugins y temas de WordPress. Porque ¡ya no necesito internet, puedo descargar los temas y plugins que quiero y cuando tengo oportunidad de reviso los archivos y las funciones.

Esto podría parecer de sentido común, pero yo uso mi servidor local habitualmente y realmente ha transformado la forma en la que desarrollo permitiéndome aprender del trabajo de programación de otros. Y lo fantástico es que si todavía no he entendido bien algo, puedo volver a ello más tarde, ya que no está en una web pública y no afecta a nadie.

Comprender las Limitaciones de un Servidor Local

Ahora tras todas las cosas positivas, aquí tienes algunos elementos que deberías tener en cuenta al trabajar con un servidor local - principalmente con mi experiencia con MAMP:

  • Prepárate por si el servidor local no se inicia. Hubo un tiempo en que, específicamente con mi MacBook y MAMP, que cada vez que iba a empezar con un sitio, MAMP sencillamente se congelaba. Empleé los primeros 15 minutos de un proyecto sobre el que estaba entusiasmado imaginando que podía pasar. ¡Menuda forma de matar la ilusión! Para remediarlo, intenta "Forzar la salida" de MAMP. Si esto no funciona, los usuarios de OS X 10.5 y 10.6 pueden normalmente abrir el Monitor de Actividad (localizado en Aplicaciones/Utilidades), selecciona "Mis Procesos", y observa las diversas instancias de "mysqld". Si hay muchos ejecutándose, elimínalos todos menos uno. Esto debería hacer que las cosas vuelvan a la normalidad.
  • En MAMP, no siempre se puede confiar en las luces verdes como indicación de que los servidores están activos. Para comprobarlo, simplemente pulsa en "Iniciar Página", y si es así puedes continuar.
  • Algunas acciones y funciones avanzadas pueden no funcionar correctamente. Yo he experimentado esto con un plugin de Amazon S3 que desarrollé. Para estas cosas, con frecuencia configuro una plantilla de página personalizada de WordPress o un plugin, instalo mi sitio a través de FTP, y los pruebo en una página privada. Podrías incluso instalar un subdirectorio para completar más pruebas o usar Multipress.

Conclusión

Gracias por seguir mi explicación sobre el proceso de instalación de un servidor local, configuración de un sitio WordPress en él, y después migrarlo a un entorno de producción.

Os animo a todos a todos los que tengáis más experiencias al respecto a que las publiquéis más abajo, por ejemplo otras configuraciones locales que uses, cualquier otra idea sobre como agilizar el proceso de migración, y cualquier otro consejo o truco para trabajar localmente. Después de todo yo sólo soy una voz más de la comunidad. 

¡Gracias por leer!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.