Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

39
Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura 1 Vs. 1 febrero 2015 Contenido Contenido Contenido Contenido Instalar Apache, MySQL en nuestro ordenador ............................................................... 2 Creación Base de Datos en Xampp ................................................................................... 7 Creación de usuario para la Base de Datos creada en Xampp ......................................... 7 Descarga y preparación para instalar WordPress .......................................................... 10 Instalación de WordPress ............................................................................................... 14 Cómo migrar WordPress de Servidor a Local ................................................................. 16 Instalar una plantilla en WordPress en tu servidor local ............................................... 20 Instalar Plugins en tu servidor local................................................................................ 24 Instalación PLUGIN O TEMA (de Hostinger) en tu servidor local ................................... 25 Configurar la tienda Woocommerce .............................................................................. 29 Importar productos a una tienda Woocommerce desde un archivo csv....................... 36

Transcript of Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Page 1: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

1 Vs. 1 febrero 2015

ContenidoContenidoContenidoContenido

Instalar Apache, MySQL en nuestro ordenador ............................................................... 2

Creación Base de Datos en Xampp ................................................................................... 7

Creación de usuario para la Base de Datos creada en Xampp ......................................... 7

Descarga y preparación para instalar WordPress .......................................................... 10

Instalación de WordPress ............................................................................................... 14

Cómo migrar WordPress de Servidor a Local ................................................................. 16

Instalar una plantilla en WordPress en tu servidor local ............................................... 20

Instalar Plugins en tu servidor local ................................................................................ 24

Instalación PLUGIN O TEMA (de Hostinger) en tu servidor local ................................... 25

Configurar la tienda Woocommerce .............................................................................. 29

Importar productos a una tienda Woocommerce desde un archivo csv. ...................... 36

Page 2: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

2 Vs. 1 febrero 2015

Instalar Apache, MySQL en nuestro ordenadorInstalar Apache, MySQL en nuestro ordenadorInstalar Apache, MySQL en nuestro ordenadorInstalar Apache, MySQL en nuestro ordenador Ve al siguiente link y sigue los pasos que se te indican: https://www.apachefriends.org/es/index.html

Instala el archivo que descargues. Durante el proceso de instalación.

Page 3: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

3 Vs. 1 febrero 2015

Page 4: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

4 Vs. 1 febrero 2015

Si te apareciera un mensaje del Firewall: Haz lo siguiente:

Si te aparece una pantalla en negro, ciérrala:

Después:

Page 5: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

5 Vs. 1 febrero 2015

Nos aparecen todas las opciones que hemos instalado: Apache: Servidor de aplicaciones. MySql: Cliente de base de datos. Filezilla: Software de transferencia de archivos mediante ftp Tomcat: servidor web. Una vez instalado, el resto de ocasiones, para abrir este programa, tendremos que acceder a:

Pulsamos START en los servicios MYSQL y Apache,

IMPORTANTE:

nos acordaremos de pulsar STOP, al finalizar para apagar y no perder datos o causar daños.

Page 6: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

6 Vs. 1 febrero 2015

Page 7: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

7 Vs. 1 febrero 2015

Creación Base de Datos en XamppCreación Base de Datos en XamppCreación Base de Datos en XamppCreación Base de Datos en Xampp Para instalar WordPress, necesitamos una Base de Batos (bbdd) que vincularemos a él. Debemos crear un usuario que puede acceder a esa bbdd.

Para acceder a la administración del servidor local: http://localhost/phpmyadmin/ Crearemos una nueva carpeta>nueva base de datos NOTA IMPORTANTE: el nombre de la base de datos no puede tener espacios.

Creación de usuario para la Base de Datos creada en XamppCreación de usuario para la Base de Datos creada en XamppCreación de usuario para la Base de Datos creada en XamppCreación de usuario para la Base de Datos creada en Xampp

Page 8: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

8 Vs. 1 febrero 2015

Vamos a crear un usuario y a asignar permisos para la bbdd recién creada.

Page 9: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

9 Vs. 1 febrero 2015

NOTA IMPORTANTE:

Anota el nombre de la base de datos, usuario y contraseña, que más tarde los vas a necesitar.

Page 10: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

10 Vs. 1 febrero 2015

Descarga y preparación para iDescarga y preparación para iDescarga y preparación para iDescarga y preparación para instalar nstalar nstalar nstalar WordPressWordPressWordPressWordPress

Descargar el paquete de WordPress de la web oficial: https://es.wordpress.org/

Descomprimir el paquete de WordPress y copiar los archivos y subdirectorios contenidos en el directorio “wordpress” en el directorio raíz de páginas web de c://Xampp/htdocs

Page 11: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

11 Vs. 1 febrero 2015

Abrir el archivo “wp-config-sample.php” con un editor de texto y actualizar los datos de conexión a la base de datos que se creó en MySQL: nombre de la base de datos, usuario y contraseña; para el resto de los valores se pueden respetar los que aparecen por defecto. (Se puede abrir con bloc de notas o con cualquier editor de texto: Ejemplo Notepad++)

Page 12: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

12 Vs. 1 febrero 2015

Page 13: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

13 Vs. 1 febrero 2015

Al acabar de cambiar estas tres cosas, guarda el archivo (en el mismo lugar) con el nombre “wp-config.php“,

Page 14: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

14 Vs. 1 febrero 2015

Instalación de WordPressInstalación de WordPressInstalación de WordPressInstalación de WordPress Acceder a la página de instalación de WordPress indicando en un navegador web: http://localhost/wordpress/wp-admin/setup-config.php donde "wordpress"es el nombre de tu base de datos.

Introducir los dos datos solicitados y pulsar “Instalar WordPress“.

Page 15: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

15 Vs. 1 febrero 2015

Ahora ya puedes empezar a personalizar tu Wordpress:

Page 16: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

16 Vs. 1 febrero 2015

Cómo migrar WordPress de Servidor a LocalCómo migrar WordPress de Servidor a LocalCómo migrar WordPress de Servidor a LocalCómo migrar WordPress de Servidor a Local Las instrucciones aquí: http://www.santinavarro.es/wordpress-migrar-servidor-remoto-local/

Clic en exportar (te habrás fijado que se parece a Xampp ¿no? pero es Hostinger.

Page 17: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

17 Vs. 1 febrero 2015

Siempre dentro de tu base de datos ve a la pestaña SQL:

wordpresslaura

wordpresslaura

Page 18: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

18 Vs. 1 febrero 2015

wordpresslaura

Donde http://www.mi-viejo-dominio.com debes sustituirlo por la url de la WordPress en Hostinger. Y http://www.mi-nuevo-dominio.com lo debes sustituir por http://localhost/wordpress

(que es el nombre que le pusimos en htdocs).

Importante:

No incluyas las barras que a veces se incluyen en las url:

NO http://localhost/wordpress/

SÍ http://localhost/wordpress

UPDATE wp_options SET option_value = REPLACE( option_value , 'http://www.mi-viejo-dominio.com' , 'http://www.mi-nuevo-

dominio.com' ) WHERE option_name = 'home' OR option_name = 'siteurl' ; UPDATE wp_posts SET guid = REPLACE( guid , 'http://www.mi-viejo-dominio.com' ,

'http://www.mi-nuevo-dominio.com' ) ; UPDATE wp_posts SET post_content = REPLACE( post_content , 'http://www.mi-viejo-dominio.com' , 'http://www.mi-nuevo-dominio.com' ) ; UPDATE wp_postmeta SET meta_value = REPLACE( meta_value , 'http://www.mi-viejo-dominio.com' , 'http://www.mi-nuevo-dominio.com' )

Para comprobar que se han hecho todos los cambios correctamente:

wordpresslaura

Page 19: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

19 Vs. 1 febrero 2015

Ahora faltará instalar los plugins y themes que tuvieras en Hostinger, para que funcione correctamente. Las plantillas puedes instalarlas de nuevas (ver: instalar una plantilla en Wordpress en tu servidor local) o importando de Hostinger (ver: importar tema de Hostinger), de igual manera puedes hacer con los plugins. (ver: instalar Plugin en local o )

IMPORTANTE: (Cuando has importado de Hostinger)

Si no puedes acceder con el usuario que has creado con Xampp, al panel de administración de WordPress. Prueba con el que tenías en Hostinger.

wordpresslaura

Page 20: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

20 Vs. 1 febrero 2015

Instalar una plantilla en WordPress en tu servidor localInstalar una plantilla en WordPress en tu servidor localInstalar una plantilla en WordPress en tu servidor localInstalar una plantilla en WordPress en tu servidor local Puedes buscar plantillas gratis para Wordpress en Internet, te recomiendo que sean "Responsive" (que se adaptan a todo tipo de dispositivos) Por ejemplo, estas: http://ignaciosantiago.com/blog/mejores-themes-wordpress-gratis-responsive/ https://wordpress.org/themes/

Se descarga un .zip que descomprimimos en nuestro ordenador. Una vez extraídos los archivos.

Page 21: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

21 Vs. 1 febrero 2015

Copia la carpeta en la carpeta Themes, que está en la siguiente ruta: C:/xamp/htdocs/xamp/wordpress/wp-content/themes

Si ahora voy a visitar mi WordPress mediante este enlace: http://localhost/wordpress/ Y para entrar en administración: http://localhost/wordpress/wp-admin/ Ahora hay que seleccionar el tema que hemos instalado.

Page 22: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

22 Vs. 1 febrero 2015

Verás que la plantilla se ha modificado.

Page 23: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

23 Vs. 1 febrero 2015

Parece muy simplificada, porque faltan añadir las imágenes que le harán parecer como el ejemplo de la página donde te la descargaste. En mi caso, así:

Para hacerlo y adaptarla a mis gustos, puedo personalizarla desde el escritorio de WordPress.

Page 24: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

24 Vs. 1 febrero 2015

Instalar Plugins en tu servidor localInstalar Plugins en tu servidor localInstalar Plugins en tu servidor localInstalar Plugins en tu servidor local Puedes encontrar los oficiales aquí: https://wordpress.org/plugins/

Se descargará un .zip que tienes que descomprimir. La carpeta con el plugin, una vez descomprimido, copiala en la siguiente ruta: C:/xamp/htdocs/xamp/wordpress/wp-content/plugins Al acabar, ve a WordPress> plugins y actívalo:

Page 25: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

25 Vs. 1 febrero 2015

Instalación Instalación Instalación Instalación PLUGIN O TPLUGIN O TPLUGIN O TPLUGIN O TEMAEMAEMAEMA (de Hostinger) en tu servidor local(de Hostinger) en tu servidor local(de Hostinger) en tu servidor local(de Hostinger) en tu servidor local Entra en Hostinger en la cuenta donde tienes instalada tu WordPress y tu tienda Woocommerce. Puedes instalar el plugin descargándolo aquí: https://wordpress.org/plugins/woocommerce/ ( y sigue los pasos explicados en el apartado de este tutorial: Cómo instalar un plugin en local) Si prefieres traerte el plugin de woocommerce (Esto no descargará los productos, trabajaremos luego en eso) que tienes en Hostinger o cualquier tema (en la carpeta Themes) que ya tuvieras instalado haz lo siguiente.

Vamos a descargar tu establecimiento: Dentro del Panel de Control, en la sección de archivos, pulsa en el administrador de archivos

Page 26: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

26 Vs. 1 febrero 2015

Elige el plugin o bien la carpeta completa (si no sale bien con la carpeta completa, ve uno a uno los que te interesen)

Si lo que quieres es descargarte un tema, la carpeta que debes comprimir (zip) es la que corresponda dentro de Themes (no descargues la carpeta completa)

Page 27: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

27 Vs. 1 febrero 2015

Descarga ambos zip.

Descomprime la carpeta y copia las carpetas de los plugins en la ruta: c:/xampp/htdocs/xamp/wordpress/wp-content/plugins

Si lo que hubieras descargado Themes, la ruta donde debes copiar es: c:/xampp/htdocs/xamp/wordpress/wp-content/themes

Page 28: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

28 Vs. 1 febrero 2015

En el escritorio de nuestro en WordPress, activa todos los plugins

Si fuera un theme, lo que has copiado, tendrás que activarlo, también. Recuérdalo aquí.

Page 29: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

29 Vs. 1 febrero 2015

Configurar la tienda WoocommerceConfigurar la tienda WoocommerceConfigurar la tienda WoocommerceConfigurar la tienda Woocommerce Cuando actives woocommerce, es posible que te salgan estos mensajes: (si no salta los pasos que no sean necesarios)

Page 30: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

30 Vs. 1 febrero 2015

Ahora actualizamos la traducción:

Page 31: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

31 Vs. 1 febrero 2015

Page 32: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

32 Vs. 1 febrero 2015

Page 33: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

33 Vs. 1 febrero 2015

Buscamos la función que hay que modificar:

Page 34: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

34 Vs. 1 febrero 2015

Selecciona archivo>guardar y cierra después.

Ahora ve a ajustes de Woocommerce:

Revisa que los datos sean los siguientes:

Page 35: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

35 Vs. 1 febrero 2015

Encontrarás muchos tutoriales en Youtube, por ejemplo estos: https://www.youtube.com/playlist?list=PL3te8GuKgAoabmdt8STWvo_UjZkuT50JO

Page 36: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

36 Vs. 1 febrero 2015

ImportarImportarImportarImportar productos productos productos productos a a a a una tienda Woocommerce una tienda Woocommerce una tienda Woocommerce una tienda Woocommerce desde un archivo csv.desde un archivo csv.desde un archivo csv.desde un archivo csv. Necesitas este programa: https://wordpress.org/plugins/woocommerce-csvimport/

Como es un plugin, actúa como hemos explicado en el apartado de instalación de plugins en local e instálalo en xampp. No olvides activarlo en WordPress.

Page 37: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

37 Vs. 1 febrero 2015

Modelo de archivo csv para importar productos. https://docs.google.com/spreadsheets/d/1mWhH8kZAyeNx5PPO8FPeSSNB5LUr3V8L8A5nVHrfsSA/edit?usp=sharing Si lo haces en Drive, descargalo como un csv, separado por comas.

Si tienes cualquier duda, aquí hay un tutorial (en inglés): https://www.youtube.com/watch?v=RBLyoGCqa0Y o en la página donde te descargaste el plugin. https://wordpress.org/plugins/woocommerce-csvimport/

Page 38: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

38 Vs. 1 febrero 2015

Seleccionamos el archivo:

Y guarda. Haz lo mismo (con el mismo archivo) en import.

Haz pruebas sencillas con pocos productos, para no cometer errores insalvables y poder practicar variantes. IMPORTANTE: Hazte copia de seguridad de la carpeta de WordPress que tienes en xampp. Crea una copia de la carpeta completa en tu ordenador (con otro nombre que incluya alguna alusión a la fecha de la copia) por si cometieras algún error, poder recuperar un paso anterior.

Page 39: Instalación Wordpress y woocommerce con xampp y migración de base de datos desde hostinger

Instalación WordPress y Woocommerce en local con Xampp @laclasedelaura

39 Vs. 1 febrero 2015