instalación y migración de wordpress

Instalación de Wordpress (segura y en algo más de 5 minutos) y migración de contenidos

Formación

Instalación deWordpress

(Segura y en algomás de 5 minutos)

+ Migración decontenidos

Caín SantamaríaDirector de proyectos web en



Formación


Formación

¿Cómo funciona WP?

Aplicación

Datos

Front End


Formación

¿Qué tecnología usa WP?

PHP

MySQL

HTML + CSS + JS

Aplicación

Datos

Front End


Formación

es fácilInstalar Wordpress


Formación

es fácilInstalar Wordpress

y con un poco de esfuerzo

es seguro


Formación

¿Cómo instalar WP?


Formación

Pregunta a Google ;)¿Cómo instalar WP?


Formación

¿Cómo instalar WPde una manera segura?


Formación

Tardando más de5 minutos

¿Cómo instalar WPde una manera segura?


Formación

Diseñadores web

Recomendado para:

Aventureros del Wordpress

Desarrolladores


Formación

Trabajar con WP directamente en hosting

Ventajas:

Aumentar la seguridad

Poder poner la web “en construcción”


Formación

Herramientas


Formación

FileZilla (MacOS / Win)

Herramientas


Formación

TextEdit (MacOS)


Block de Notas (Win)

Herramientas


Formación

Tu navegador favorito

TextEdit (MacOS)


Block de Notas (Win)

Herramientas


Formación

Primeros pasos


Formación

Descargar Wordpressdesde es.wordrpess.org

Primeros pasos

Click! Aquí

http://es.wordrpess.org

http://es.wordrpess.org


Formación

Guardar el fichero en un directorio de nuestro ordenador

Primeros pasos

Acuérdate de dónde lo metes ;)


Formación

Busca en Google:Coming soon html templates free

Primeros pasos

Navega entre los resultados y descárgate la que más te guste.


Formación

Descomprimimos los ZIPsPrimeros pasos

“coming soon template free” que hemos seleccionado.


Formación

Preparar los archivos


Formación

Preparar los archivosCambiamos nombre al directorio de Wordpress

Cuanto más raro, mejor. Evita “admin”, “wordpress”y similares


Formación

Preparar los archivosSacamos los contenidos del “coming soon template”


Formación

Preparar los archivosCopiamos index.php a la raíz


Formación

Preparar los archivosEditamos con editor de texto última línea de index.php que tenemos en la raíz

Cambiamos:‘./wp-blog-header.php’

por‘./[*directorio WP*]/wp-blog-header.php’


Formación

Preparar los archivosCambiamos el nombre de index.php que tenemos en la raíz

Cambiamos:index.php

por_index.php


Formación

Preparar los archivos_index.php en la raíz

Nos permite trabajar en desarrollo dentro del directorio “elwordpresso” y modificar desde la administración cuándo pasamos nuestra web a producción


Formación

Preparar los archivosPersonalizamos con editor de texto index.html (Opcional)

Edita solo los textos que estén entre ‘/>’ y ‘<‘... si no te atreves, contacta con alguien que sepa HTML ;)


Formación

Preparar los archivosindex.html en la raíz

Nos permite mostrar a los usuarios una web de cortesía mientras estamos en desarrollo dentro del directorio “elwordpresso”.

En lugar de un template descargado podemos crear nuestro propio HTML ¿Te atreves? ;)


Formación

Preparar los archivosCreamos archivo “data.txt”

Datos que nos suministra el hosting:FTPMySQLCorreoscPanel...Lo guardamos en nuestro equipo


Formación

En el servidor


Formación

Conectamos con el FTPEn el servidor

Abrimos FileZilla

“Nuevo sitio”

Lo nombramos


Formación


Ponemos los datos que tenemos en data.txt

Cambiar de “anónimo” a “normal”


Formación


Cambiar de “anónimo” a “normal”


Formación


Nuestro ordenador Hosting


Formación


El directorio donde tenemos que subir los archivos se suele llamar “httpdocs”, “public_html” o similarLee la documentación que te haya enviado tu hosting. Seguro que lo explican ;)


Formación

En el servidorMientras subes todo por FTP...

¿Y si tu hosting no te da las bases de datos ya activadas?

No te queda otra que crearlas.


Formación

En el servidor

Leer la documentación que nos proporciona el hosting para crear una base de datos.

Consejos para las bases de datos

Lo habitual es crearlas desde el cPanelpero, cada hosting, es un mundo...


Formación

En el servidor

SIEMPRE generar contraseñas aleatorias seguras para las BBDD

Consejos para las bases de datos

Usapassword.es


Formación

En el servidorComprobaciones tras la subida.


Formación


En dominio principal:

Web de cortesía

http://dominio.com/

Vemos index.html


Formación


En directorio wordpress:

Instalación Wordpress

http://dominio.com/elwordpresso


Formación

Activando Wordpress


Formación

Activando WordpressConexión con la base de datos


Formación

Activando Wordpress

NUNCA dejar “wp_”SIEMPRE generar una cadena aleatoria

Conexión con la base de datos


Formación

Activando WordpressCreación de tablas en BBDD


Formación

Activando WordpressDatos de usuario

NUNCA dejar “admin”

SIEMPRE un correo real


Formación

Activando Wordpress

¡¡LO CONSEGUIMOS!! :D


Formación

Activando Wordpress

URL de acceso a la administra-ción

http://dominio.com/elwordpresso/wp-login.php


Formación

Activando Wordpress

Más difícil llegar al login de la web en caso de ataques

http://dominio.com/elwordpresso/wp-login.php


Formación

Activando Wordpress

http://dominio.com/elwordpresso/wp-admin/


Formación

Recomendación: abrir en pestaña nueva para no perder el foco.(Pulsar botón derecho de ratón)

¿Cómo veo mi web?Activando Wordpress


Formación

Activando Wordpress

Web con tema predeterminado y contenidos de prueba

http://dominio.com/elwordpresso/


Formación

Configuración básica


Formación

Configuración básicaAjustes » Generales

URL administraciónwp-admin

URL Web


Formación

Configuración básicaAjustes » Generales

Cambiar la hora a zona horaria de Madrid.


Formación

Quitar web de cortesía


Formación

Quitar web de cortesíaAjustes » Generales

URL administraciónwp-adminSIN MODIFICAR

Eliminamos “elwordpresso”


Formación

Quitar web de cortesíaPor FTP accedemos a la raíz del sitio


Formación

Quitar web de cortesíaCambiamos _index.php a index.phpY ponemos un guión a index.html


Formación

La web gestionada con WP aparece en la raíz del dominio

http://dominio.com/



Formación

http://dominio.com/elwordpresso/wp-admin/


La administración sigue en ‘elwordpresso’


Formación

Migración de contenidos


Formación

Migración de contenidosMigrar desde

Wordpress.comBlogger.comDrupalHTML


Formación

Migración de contenidosMigrar desde

Wordpress.comBlogger.comDrupalHTML

Es posible :)


Formación

Herramientas » Importar



Formación


Seleccionamos la plataforma desde la que queremos traer los contenidos a nuestra nueva web



Formación


Instalamos el plugin que nos sugiere

Sin miedo ;)



Formación


Activamos plugin



Formación

Migrar desde WP.com


Formación

Migrar desde WP.comEntramos en el panel de administración de nuestro blog en Wordpress.com


Formación

Migrar desde WP.comWP.com » Herramientas » Exportar

Selecciona-mos exportar un Archivo XML


Formación

Migrar desde WP.com

Aquí está toda la vida de tu antiguo blog.Impresiona ¿eh?


Formación

Migrar desde WP.comHerramientas » Importar

SeleccionamosWordpress


Formación


Cargamos el XML que hemos generado en Wordpress.com



Formación

Herramientas » ImportarAsignamos usuarios de nuestro nuevo WP como autores de los contenidos que importamos



Formación


Importamos automática-mente todas las imágenes desde Wordpress.com



Formación


¡Hecho!Comprueba que todas las entradas y páginas están en su sitio



Formación

Migrar desde Blogger


Formación


SeleccionamosBlogger



Formación


Nuestro Wordpress se tiene que conectar con Blogger y tenemos que autorizarlo.



Formación

Logeándonos en Google

Accedemos a nuestra cuenta de Google desde la que gestionamos nuestro Blogger



Formación

Concedemos acceso y....

Migrar desde BloggerLogeándonos en Google


Formación


¡Pulsa el botón mágico!



Formación


Asigna autor a los contenidos



Formación



Asignamos a un usuario de nuestro nuevo WP como autor de los contenidos que importamos


Formación

Todo está importado :)Migrar desde Blogger


Formación

Menos las imágenes :(



Formación

Plugins » Añadir nuevo

Buscamos, instaladamos y activamos“Blogger Image Import”



Formación

Herramientas » Blogger Image Import



Formación

Modificamos “Max Imports” según el número de imágenes que tengamos en Blogger

Migrar desde BloggerHerramientas » Blogger Image Import


Formación

Podemos testear antes de importar definitivamente las imágenes



Formación

Tras dar al“Start Import”Nos indica el total de imágenes importadas



Formación

(Y ahora sí) Todo está importado :)Migrar desde Blogger


Formación

Gracias ;)@cainsan

http://cainsan.comlinkedin.com/in/cainsan

[email protected]

https://twitter.com/cainsan.com

https://twitter.com/cainsan.com

http://cainsan.com

http://cainsan.com

http://www.linkedin.com/in/cainsan

http://www.linkedin.com/in/cainsan

mailto:[email protected]

mailto:[email protected]

instalación y migración de wordpress

Technology