crea tu web en wordpress 2015

90
Crea tu web en Wordpress Dr. TIC – Tractament tecnològic per al teu negoci

Upload: fundacio-bit

Post on 19-Jul-2015

260 views

Category:

Internet


2 download

TRANSCRIPT

Page 1: Crea tu web en wordpress 2015

Crea tu web en Wordpress

Dr. TIC – Tractament tecnològic per al teu negoci

Page 2: Crea tu web en wordpress 2015

¿QUÉ ES LA FUNDACIÓ BIT?

Fundación del sector público instrumental balear dedicada a la investigación y

desarrollo de las nuevas tecnologías en las Islas Baleares

www.fundaciobit.org

Dr. TIC – Crea tu web en Wordpress

Page 3: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

¿QUÉ ES EL Dr. TIC?

Servicio de orientación tecnológica para empresas y emprendedores que quieren conocer el grado de uso de las nuevas tecnologías en su negocio y mejorarlo

drtic.fundaciobit.org

Page 4: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

JORGE MORELL RAMOS

[email protected]

Page 5: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

1.- Qué es Wordpress2.- Ventajas/Desventajas3.- Diferencias entre .ORG y .COM4.- Registro5.- Primeros pasos

Page 6: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

¿Qué es Wordpress?

Page 7: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Sistema para la gestión de contenido o CMS

(Content Management System)

Page 8: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

¿Y qué es un CMS? :p

(Content Management System)

Page 9: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Programa informático que proporciona una estructura para crear y gestionar el contenido y

diseño de una página web

Page 10: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Un CMS, sin necesidad de saber programar, permite crear y administrar

una página web

Page 11: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Wordpress es el CMS más usado hoy en día, con un 23%* de Internet

empleándolo

* Datos de enero 2015

Page 12: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Ejemplos

Page 13: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

NASA

Page 14: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Time Inc.

Page 15: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Porter & York

Page 16: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Ventajas y

Desventajas

Page 17: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Ventajas

● Adaptable a cualquier proyecto● Gran cantidad de recursos● Amplia comunidad de soporte

Page 18: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Desventajas

● Nivel medio-avanzado algo complejo (.ORG)● Publicidad en la versión gratuita (.COM)● Pagar puede ser inevitable

Page 19: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Diferencias entre Wordpress.COM y Wordpress.ORG

Page 20: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Una web con Wordpress puede crearse de 2 formas

Page 21: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

● Como servicio en la nube● Como instalación propia

Page 22: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

● Como servicio en la nube (.COM)● Como instalación propia (.ORG)

Page 23: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Como servicio en la nube (.COM)

● Gratuito por defecto● Más sencillo su uso al inicio● Alojado en la propia Wordpress● El dominio será por defecto www.ejemplo.wordpress.com

● Limitado, no puede hacerse cualquier cosa

Page 24: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Como instalación propia (.ORG)

● Gratuito por defecto● Más complejo su uso al inicio● Alojado donde el usuario elija● El dominio será propio, tipo www.ejemplo.com● Sin límites, puede hacerse lo que se quiera

Page 25: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Diferencia importante, en el .COM no pueden instalarse plugins. Sí en el

.ORG

Page 26: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

¿Qué es un plugin o complemento?

Page 27: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Un pequeño (o gran) programa informático que se suma a uno mayor para realizar una función muy concreta

Page 28: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Por tanto el plugin por sí solo no funciona, necesita del programa al que complementa. En este caso, Wordpress

Page 29: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Ejemplos de plugins para Wordpress

Page 30: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

WooCommerce

Page 31: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Akismet

Page 32: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Wordpress SEO by Yoast

Page 33: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Por tanto, y recapitulando...

Page 34: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Wordpress.COM

Page 35: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Wordpress.COM

● Gratuito por defecto● Más sencillo su uso al inicio● Alojado en la propia Wordpress● Sin plugins (o muy limitados y caros)● El dominio por defecto www.ejemplo.wordpress.com● Limitado, no puede hacerse cualquier cosa

Page 36: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Wordpress.ORG

Page 37: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Wordpress.ORG

● Gratuito por defecto● Más complejo su uso al inicio● Con plugins, de pago y gratuitos● Alojado donde el usuario elija● El dominio será propio, tipo www.ejemplo.com● Sin límites, puede hacerse lo que se quiera

Page 38: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Dicho esto, ¡creemos una web en Wordpress.COM!

Page 39: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Lo primero será registrarse,

así que vamos con el proceso de Registro

Page 40: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Vamos a es.wordpress.com y le damos a “Crear sitio web”

Page 41: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

4 campos a completar

Page 42: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

1.- Dirección de correo electrónico válida (puede cambiarse)

Page 43: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

2.- Nombre de usuario: mínimo 4 caracteres, sólo puede incluir letras minúsculas y

números (puede cambiarse)

Page 44: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

3.- Contraseña: mayúsculas, minúsculas, números y símbolos (puede cambiarse)

Page 45: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

4.- Dirección web

● Si es gratis, acabará siempre en “wordpress.com”● Si no se tiene dominio, puede registrarse con ellos (€)

● Si ya se tiene uno, se puede añadir luego (€)● Puede cambiarse en cualquier momento

Page 46: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

¿Todo bien?

Page 47: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Elegir modelo

Page 48: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

La opción gratuita es la “Principiante”, pero hay dos más (de pago) con más funciones. Por ej.

para montar una tienda

Page 49: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Por tanto, una vez todo correcto, le damos a “Crear Blog”

Page 50: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Tras darle a “Crear Blog”, debería comenzar el proceso inicial de

configuración

Page 51: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Y con ello, los primeros pasos de Wordpress

Page 52: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Paso 1

Page 53: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Ponerle título a la web, elegir posible eslogan e idioma en el que se escribirá

(puede cambiarse)

Page 54: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Paso 2

Page 55: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Elegir el tema o plantilla gráfica, hay gratuitas y de pago (puede cambiarse)

Page 56: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Un detalle importante, que la plantilla sea “responsive”. Es decir, que el contenido se visualice bien en ordenadores, tablets y

móviles

Page 57: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Paso 3

Page 58: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Personalizar el tema o plantilla seleccionada, puede hacerse ahora o más adelante (puede cambiarse)

Page 59: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Personalizar significa: cambios en colores, fuentes, menús, cabecera o el

logo de la web, por ejemplo

Page 60: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Paso 4

Page 61: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Si se dispone de cuenta en alguna red social, puede conectarse (ahora o más adelante)

para que el contenido publicado se comparta automáticamente en ella

Page 62: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Antes de acabar el proceso de configuración, debe confirmarse el

correo electrónico usado

Page 63: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Confirmar e-mail

Page 64: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Confirmar el email usado, de lo contrario no es posible publicar una entrada

Page 65: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Confirmar e-mail 2

Page 66: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Para ello entrar en la cuenta de email indicada y hacer clic en “Confirmar correo electrónico” en el mensaje

recibido

Page 67: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

E-mail confirmado

Page 68: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

¡Ya tenemos cuenta de Wordpress.COM y nuestra 1ª web!

Page 69: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Estamos ahora en el Panel de control de Wordpress, donde se crea, diseña y sube el contenido que se verá en

nuestra web

Page 70: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Puede dividirse en 2 capas:

● 1ª, para hacer la mayoría de lo básico (tonos azules)

● 2ª, para control total (tonos grises)

Page 71: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

1º capa del panel de control

Page 72: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

2ª capa del panel de control

Page 73: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Inicialmente pasaremos la mayoría del tiempo en la 1ª capa. A medida que

vayamos sabiendo más, iremos usando más la 2ª

Page 74: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Nos fijamos en la barra azul superior

Page 75: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

De derecha a izquierda

Notificaciones, perfil de usuario, escribir nueva entrada

Page 76: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Escribir nueva entrada

Page 77: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Poner título, texto (con formato, enlaces, imágenes o vídeos) y opciones extras como etiquetas, ubicación, compartir en RRSS o programarla para un día

Page 78: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

De derecha a izquierda

“Lector” para seguir otras webs y “Mis sitios” para acceder a nuestras web(s) y un panel de control ligero (el completo

está en la 2ª capa)

Page 79: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Lector: herramienta para hacer el seguimiento automatizado de blogs

que resulten de interés

Page 80: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Mis sitios

Page 81: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Permite acceder fácilmente a varias de las opciones de la 2ª capa del panel de control: nueva entrada, página, menú,

tema, por ej.

Page 82: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Creamos una nueva página, que es algo así como una subsección de la web.

Por ej. la página “Contacto”

Page 83: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Muy similar a crear una entrada, luego la misma aparecerá en el menú de la web

Page 84: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Insertar en la página un mapa de Google Maps de por ej. nuestro local (pegar el código en la pestaña “Texto”, de lo contrario no funcionará) y publicarla

Page 85: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Finalmente, para cambiar algunas de las selecciones hechas inicialmente...

Page 86: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

En la 1ª capa del panel de control, columna de la izquierda, opción

“Configuración”, deja cambiar Título o eslogan, por ej.

Page 87: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

En la 1ª capa del panel de control, columna de la izquierda, opción “WP

Admin”. Se abre la 2ª capa, entonces ir a “Tienda -> Mis dominios”

Page 88: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Desde allí puede registrarse un dominio propio o asignar uno que ya se tenga

Page 89: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Y esto sería Wordpress inicial en 2 horas :D

Page 90: Crea tu web en wordpress 2015

Dr. TIC – Crea tu web en Wordpress

Gràcies!Email: [email protected]: drtic.fundaciobit.org