Home MKT Portar WordPress de Servidor Remoto a Tópico con Xampp

Portar WordPress de Servidor Remoto a Tópico con Xampp

by enguatemala

Tener un entorno de pruebas de nuestra web WordPress en almacén es interesante ya que nos permite realizar pruebas, modificaciones, instalaciones de extensiones, plantillas… y comprobar su funcionamiento sin que afecte a la web que tenemos en producción (en el servidor del hosting).

Con eso nos aseguramos que una vez las implementemos en la web que tenemos en producción no habrá ningún problema.

Para esta entrada utilizaremos un equipo con Windows y un servidor almacén, en este caso Xampp, pero existen otros como puede ser WampServer .

 

¿Qué es un servidor almacén?

Algunos os preguntareis qué es un servidor almacén, pues no tiene ningún intriga.

Un servidor almacén es una aplicación de PC que contiene todos los paquetes necesarios para hacer que nuestra web cargue.

Es afirmar el mismo software nos proporciona una colchoneta de datos, Apache y PHP que son los principios necesarios para hacer que nuestra web (WordPress, Joomla, Prestashop) se visualice.

Empecemos a divertirnos un poco. 😉

Descargar Xampp

El primer paso seria descargar nuestro servidor almacén Xampp desde su página oficial: accede a la pagina oficial de Xampp.

Falta más entrar vemos que nos ofrece descargas para los sistemas operativos Windows, Linux y OS (Mac) según el sistema operante en el que tengamos que instalar.

La traducción para Windows soporta Windows 7, Windows 8.1 y Windows 10 así como sistemas de 32 y 64 Bits por lo que no tendremos que preocuparnos por la traducción que tenemos instalada en nuestro PC.

Como Utilizaremos un PC con Windows, pulsaremos en el mando ” XAMPP para Windows ” y empezará la descarga.

Instalar Xampp

La instalación es muy sencilla, como cualquier otro software que hayamos instalado, solo hay que divulgar el paquete de instalación que hemos descargado anteriormente.

Seleccionamos con el mando derecho del ratón el archivo y pulsamos en ” Ejecutar como administrador “.

La primera ventana que vemos es la del inicio de la instalación, solo seleccionamos Next.

La próximo ventana nos pide que le indiquemos los componentes que queremos instalar.

Se puede dejar por defecto con todas las aplicaciones pero hay componentes que no le veo sentido tenerlos instalados como pueden ser los de los servicios de correo.

En el pedrusco Server dejamos marcadas las opciones de Apache , MySQL y Tomcat y desmarcamos las opciones de FileZilla y Mercury Mail server.

  • Apache: Software de Servidor.
  • MySQL: sistema de papeleo de Bases de datos.
  • FileZilla : Aplicación FTP para la papeleo de archivos.
  • Mercury Mail server: Servidor de correos electrónicos.
  • Tomcat: Software para aplicaciones Java.

En el pedrusco Program Languages dejamos seleccionadas las opciones de PHP, Per y phpMyAdmin y desmarcamos Webalizer y Fake SendMail:

  • PHP: Jerigonza de programación.
  • Per: Jerigonza de programación.
  • phpMyAdmin: Apoderado de Bases de datos.
  • Webalizer: Software de observación de datos.
  • Fake SendMail: Cliente SMTP para el envió de correos.

Pulsamos en Next y la próximo ventana nos muestra la URL donde se instalará por defecto que en este caso es en la carpeta xampp, solo tenemos que pulsar en ” Next ”.

La próximo ventana nos informa que hay versiones de Xampp que incorporan los paquetes de Joomla, WordPress o Drupal pre-instalados.

Simplemente pulsamos en Next y para terminar nos dice que empezará la instalación, lo mismo, pulsamos en Next.

Falta más terminar la instalación vemos que nos muestra una ventana con el panel de control de Xampp.

En el panel podemos ver las aplicaciones que tenemos activas, el mando Start para provenir los servicios y el mando Config para la configuración de las aplicaciones.

No hace descuido que nos compliquemos la vida con las diferentes configuraciones ya que por defecto tenemos más que suficiente.

El único que nos puede interesar es la configuración de Apache con el archivo php.ini donde podemos modificar los títulos PHP del servidor pero, como digo, por defecto nos sirve.

Ya que estamos con Xampp vamos a provenir los servicios y probamos que todo funcione correctamente, para ello pulsamos en el mando Start en los servicios de Apache y MySQL.

Una vez arrancados vemos que se muestran los servicios en verde.

Para probar los servicios y ver que todo funciona correctamente solo tenemos que entrar al navegador y en la URL añadimos ” localhost ”.

La nueva ventana nos muestra la página de Bienvenida o Dashboard que nos indica que todo es correcto y nuestro servidor está funcionando.

Probaremos igualmente el ataque a phpMyAdmin y al mismo tiempo crearemos la colchoneta de datos que nos hace descuido para la web que queremos trasladar desde nuestro hosting.

Solo tenemos que pulsar phpMyAdmin en el menú superior.

La ventana que se abre es la del gerente de Bases de datos phpMyAdmin.

En la columna de la derecha vemos las bases de datos que tenemos creadas y el menú superior con las diferentes opciones para crear bases de datos, exportar, realizar consulta, etc.

Nos centraremos solo en la creación de la colchoneta de datos que es lo que nos importa, seleccionando la opción ” Bases de datos “.

Solo tenemos que añadir el nombre de nuestra colchoneta de datos en la celda ” Nombre de la colchoneta de datos ”.

En este caso le pondremos como nombre ” weblocal ” podemos utilizar el nombre que queramos solo es un ejemplo y será el nombre de la colchoneta de datos que utilizara nuestra instalación.

Una buena praxis sería utilizar el mismo nombre que el dominio o el de la colchoneta de datos que tenemos en la instalación del hosting.

Con eso podremos identificar fácilmente la colchoneta de datos de cada instalación si tenemos más de una aplicación instalada.

Pulsamos en crear y se creará la nueva Almohadilla de datos.

Realizable,¿verdad? Pues ya tenemos media tarea realizada, así sin darnos cuenta, hemos descargado un servidor almacén, lo instalamos y encima creamos una colchoneta de datos.

Y yo pensaba que no sabría hacerlo y resulta que es más tratable de lo que creía ….

Descargar archivos del Hosting

El próximo paso será descargar los archivos y la colchoneta de datos de la instalación que tenemos en nuestra cuenta de Hosting.

La descarga de los archivos la realizaremos desde el administrador de archivos que tenemos en nuestra cuenta de cPanel.

En esta entrada del blog de Webempresa tenemos un tutorial donde podemos estudiar a utilizar el administrador de archivos: Administrador de Archivos de cPanel ¿cómo inquirir archivos?.

Accedemos a nuestra cuenta de cPanel y en el pedrusco ” Archivos ” seleccionamos la aparejo administrador de archivos

Internamente de la carpeta public_html vemos que tenemos varias carpeta según los dominios que tengamos añadidos en nuestra cuenta de hosting.

En el caso de este ejemplo utilizare la carpeta WordPress donde tengo una instalación de pruebas de WordPress + WooCommerce, en vuestro caso sería la carpeta donde esté la instalación.

Es posible que tengamos varios dominios en nuestra cuenta de hosting y no sabemos qué carpeta es la que utiliza la Web que queremos migrara así que una de las preguntas sería: ¿ A que carpeta apunta mi dominio?.

¿Cómo asimilar a qué carpeta apunta mi dominio?.

Es muy sencillo, solo tenemos que entrar al pedrusco Dominios de nuestra cuenta de cPanel.

Vemos que nos muestra todos los dominios añadidos a nuestra cuenta y la carpeta a la que apunta cada dominio en la columna Directorio Raíz.

Una vez localizada la carpeta donde está la instalación que queremos portar el paso próximo sería comprimir la carpeta para descargarla a nuestro equipo.

Como siempre, muy sencillo, solo tenemos que inclinarse la carpeta con el mando derecho del ratón y inclinarse Compress.

Otra opción sería seleccionado la carpeta y pulsando en el mando Comprimir que se encuentra en el menú superior.

Seleccionamos ” Archivo ZIP ” en el Tipo de compresión y pulsamos en el mando Compress File(s).

Una vez tengamos el archivo ZIP con nuestra aplicación, solo nos quedaría descargar el paquete con los archivos seleccionado, el zip que comprimimos y pulsando ” Descargar ” del menú superior.

Como son varias cosas las que tenemos que descargar, como consejo y para tenerlo todo controlado, lo mejor es crear una carpeta, por ejemplo, en descargas y tanto el zip como la colchoneta de datos que descargamos ahora, lo haremos directamente en esa carpeta.

En mi caso he creado un carpeta con el nombre weblocal.

Descargar Almohadilla de datos

Nos toca exportar la colchoneta de datos de nuestra instalación, para eso utilizaremos la aplicación phpMyAdmin que encontraremos en nuestra cuenta de cPanel.

Al igual que nos pasó con los archivos de nuestra aplicación, es posible que tengamos varias instalaciones y no sepamos qué colchoneta de datos es la que está utilizando nuestra aplicación.

¿Cómo asimilar qué colchoneta de datos utiliza mi web?

Tenemos varias formas de asimilar qué colchoneta de datos estamos utilizando.

En el caso del Hosting de Webempresa disponemos de la aparejo WpCenter interiormente del pedrusco Aplicaciones Webempresa de nuestra cuenta de cPanel.

Falta más entrar a WpCenter vemos que nos muestra todas las aplicaciones de WordPress que tenemos instalada, pulsaremos en el mando configurar de la aplicación que queremos trasladar, en mi caso seria WordPress.

En la pestaña normal tenemos el pedrusco Datos generales de la instalación donde podemos ver todos los datos de la web incluido el nombre de la colchoneta de datos.

Otra opción sería editando el archivo wp-config que se encuentra en la raíz de la instalación.

Accedemos a la carpeta donde está instalada la aplicación, seleccionamos el archivo wp-config con el mando de la derecha y pulsamos en ” edit ”.

La ventana que nos abre es la del archivo donde podemos ver todos los datos de la configuración de nuestro WordPress, una de las opciones es el nombre de la colchoneta de datos.

Ya tenemos el nota que nos hacía descuido, ahora toca exportar la colchoneta de datos accediendo a phpMyAdmin.

Una vez accedemos al gerente de bases de datos de phpMyAdmin, en el supletorio izquierdo vemos todas las bases de datos que tenemos creadas.

Seleccionaremos la colchoneta de datos de nuestra aplicación y pulsaremos en el mando exportar del menú superior.

Solo tenemos que pulsar en el mando ” Continuar ” y se descargará la colchoneta de datos.

Con esto ya tendríamos todo lo que nos hace descuido, tenemos el servidor instalado, los archivos de nuestra aplicación y la colchoneta de datos.

Copiar archivos en nuestro servidor almacén

Poco a poco esto está cogiendo forma así que nos ponemos manos a la obra y empezamos copiando los archivos que nos descargamos a la carpeta que crearemos en nuestro servidor almacén.

Accedemos a la carpeta donde tenemos descargado tanto la colchoneta de datos como el zip con los archivos y descomprimimos el archivo zip.

Si utilizáis WinRAR solo tenéis que inclinarse el archivo con el mando de la derecha y pulsar en ” Extraer aquí “.

Esto nos creará una carpeta con todos los archivos.

A esa carpeta podemos cambiarle el nombre o simplemente dejarla como está. El nombre de la carpeta será el que utilizaremos para entrar a nuestra web, en mi caso voy a cambiarle el nombre y le pondré weblocal.

Con el mando de la derecha del ratón seleccionamos la carpeta y pulsamos en copiar.

Accedemos al administrador de archivos de nuestro PC -> disco C -> carpeta xampp y por zaguero la carpeta htdocs.

La carpeta htdocs digamos que es la raíz de nuestro servidor almacén, vendría a ser como la carpeta public_html de nuestro hosting.

Internamente de la carpeta htdocs pegaremos la carpeta con los archivos de nuestra instalación que hemos copiado anteriormente.

¡Ya nos queda menos! de momento tratable, ¿verdad?, pues lo más pesado ya lo tenemos. Ahora nos toca la colchoneta de datos, verás lo sencillo que es.

Importar Almohadilla de datos

Con los servicios de Xampp MySQL y Apache iniciados solo tenemos que añadir en la URL del navegador ” localhost ” para entrar al Dashboard de nuestro servidor almacén.

Son los mismos pasos que hicimos para crear la colchoneta de datos.

Accedemos a phpMyAdmin, seleccionamos la colchoneta de datos que creamos anteriormente y pulsamos en importar del menú superior.

En el pedrusco ” Archivo a importar ” pulsamos en el mando ” Preferir archivo ” y subimos la colchoneta de datos que exportamos de la instalación que tenemos en nuestro Hosting.

Al trasladar la web de hosting a almacén, como es natural, las URL cambian, es afirmar, en el hosting la URL de ataque a nuestra web seria midominio.xxx en cambio en almacén esta URL cambia y sería localhost/nombre_carpeta.

Ya que estamos con nuestra colchoneta de datos aprovecharemos para modificar el valía siteurl de la tabla wp_options, que es la que almacena la URL de nuestra instalación.

Seleccionamos la tabla wp_optintion y pulsamos editar en la columna ” siteurl“.

Modificaremos la URL de la celda ” option_value ” por la URL de nuestra instalación almacén, en el caso de este ejemplo sería localhost/weblocal.

Localhost sería el nombre de nuestro servidor y weblocal, el nombre de la carpeta donde tenemos nuestra instalación de WordPress.

En vuestro caso el nombre de la carpeta puede ser distinta, solo hay que cambiar ese nombre por el de la carpeta en donde tenéis la instalación.

Venga que esto ya lo tenemos, solo nos quedará modificar los datos de ataque a la colchoneta de datos en el archivo de configuración de WordPress.

Modificar archivo wp-config

El zaguero paso sería indicarle los datos de ataque a nuestro servidor y la colchoneta de datos.

Al cambiar de servidor estos datos igualmente pueden cambiar y si intentamos entrar ahora a nuestra web almacén nos encontraremos con un error de conexión a la colchoneta de datos.

Los datos de configuración de WordPress los podemos encontrar en el archivo wp-config que se encuentra en la carpeta de nuestra instalación en el servidor almacén.

Accedemos a la carpeta de nuestra instalación almacén y editamos el archivo wp-config, podemos abrirlo con el bloc de notas de Windows.

Una vez editado el archivo tenemos que modificar los defines de conexión a la colchoneta de datos.

  • DB_NAME: el nombre de la colchoneta de datos que creamos para nuestra instalación almacén, en el caso de este ejemplo utilice weblocal.
  • DB_USER: Por defecto es root a no ser que se creará un adjudicatario para el ataque a la colchoneta de datos.
  • DB_PASSWORD: Este nota sería el Password de ataque a la colchoneta de datos, Lo dejaremos malogrado ya que al ser una instalación almacén no hemos creado ningún adjudicatario.

Este sería un ejemplo de la instalación que estamos realizando en este tutorial, si habéis seguido todos los pasos con los mismos datos, los defines serían los mismos.

Modificar URL del sitio en el administrador de WordPress

Esto ya lo tenemos, nos continuar cambiar la URL del sitio y para eso accederemos al administrador de WordPress añadiendo en la dirección del navegador ” localhost/nombre-de-la-carpeta/wp-admin ” donde nombre de la carpeta será el nombre de la carpeta donde tenemos la instalación en almacén.

En el caso de este ejemplo sería localhost/weblocal/wp-admin

Accedemos al administrador de nuestra instalación almacén, el adjudicatario y contraseña de ataque son los mismos que tenemos en nuestra instalación del hosting.

Internamente del administrador de WordPress nos dirigiremos ajustes -> Generales y modificamos la URL de la opción “ Dirección del sitio (URL) ” por la URL de nuestro sitio en almacén.

Y hora sí que sí ya lo tenemos todo, solo hay que entrar a web y ver que todas las secciones carguen sin problemas.

Vídeo tutorial

En el próximo vídeo tutorial veremos el proceso completo de cómo podemos trasladar el WordPress que tenemos en el Hosting a nuestro PC, a almacén utilizando la aplicación Xampp.

 

 

Conclusiones

Ya sé que lo mejor es tener un clon en nuestra cuenta de hosting pero no siempre es posible por temas de espacio o porque nuestro plan de hosting no nos lo permite.

Esta es una modo de poder tener nuestra aplicación en almacén para realizar las pruebas necesarias sin que afecte a la página que tenemos en producción.

 

La entrada Portar WordPress de Servidor Remoto a Tópico con Xampp se publicó primero en Webempresa.

También te puede interesar

Leave a Comment