taller crear pagina web con wordpress.com

23
TALLER: CREAR UNA PÁGINA WEB CON WORDPRESS.COM /obradorvirtual @obradorvirtual [email protected]

Upload: ivan-obradovic

Post on 18-Jul-2015

86 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: Taller Crear pagina web con Wordpress.com

TALLER:

CREAR UNA PÁGINA WEB

CON WORDPRESS.COM

/obradorvirtual @obradorvirtual [email protected]

Page 2: Taller Crear pagina web con Wordpress.com

/obradorvirtual @obradorvirtual [email protected]

Page 3: Taller Crear pagina web con Wordpress.com

WORDPRESS.COM

Wordpress es el sitio perfecto para crear páginas

web para tu negocio. En esta presentación

explicaremos cómo crear una página web

utilizando Wordpress.com y utilizando

herramientas gratuitas.

/obradorvirtual @obradorvirtual [email protected]

Page 4: Taller Crear pagina web con Wordpress.com

WORDPRESS.COM VS. WORDPRESS.ORG

Gratuito

Limitado en temas

Limitado en diseño

Hosting gratuito en

Wordpress.com

Plataforma más grande para crear

páginas web

Ilimitado en temas, diseños y plugins

Necesita hosting

/obradorvirtual @obradorvirtual [email protected]

Page 5: Taller Crear pagina web con Wordpress.com

EMPEZAR CON WORDPRESS.COM

Wordpress.com

Crear sitio web y registrar un nombre dejando un correo electrónico.

/obradorvirtual @obradorvirtual [email protected]

Page 6: Taller Crear pagina web con Wordpress.com

Elegir uno de los temas,

aunque se puede

cambiar más tarde.

/obradorvirtual @obradorvirtual [email protected]

Page 7: Taller Crear pagina web con Wordpress.com

Lo mismo para los

planes. Es mejor

empezar con el gratuito

y pasar a Premium una

vez diseñada la página

web.

/obradorvirtual @obradorvirtual [email protected]

Page 8: Taller Crear pagina web con Wordpress.com

¿Que incluyen los planes? En la

siguiente lista podéis verificar las

especificaciones de cada plan.

/obradorvirtual @obradorvirtual [email protected]

Page 9: Taller Crear pagina web con Wordpress.com

MAPA DEL SITIOEl primer paso al crear cualquier

página web es crear un mapa del

sitio. El mapa nos ayudará a

traspasar y transformar nuestra

idea de página web a un diseño

más real y utilitzable. Un ejemplo

de mapa de un sitio web:

• Inicio

Informacion sobre la pagina web y introduccion de nuestroproyecto

• Productos/Servicios

Explicando en detalle nuestros productos o Servicios.

Ejemplos

Clientes

• Noticias

Informacion mas actual que ha pasado esta semana

• Ofertas

Es opcionas, si nuestro negocio tiene ofertes o promociones.

Se puede reemplezar con “Nuevos productos”

• Contacto

Correo electroinico

Mapa

Formulario de contacto

/obradorvirtual @obradorvirtual [email protected]

Page 10: Taller Crear pagina web con Wordpress.com

Al acabar de crear un

blog, llegarás a una

página parecida a esta.

La foto esta tomada en

Abril 2015 y es posible

que cambie en el futuro.

Para empezar a diseñar

tu página web dirígete

a WP Admin.

/obradorvirtual @obradorvirtual [email protected]

Page 11: Taller Crear pagina web con Wordpress.com

El Escritorio es la primera pantalla que aparece

al iniciar la sesión en el área de administración

de tu blog. La idea principal del escritorio es un

lugar dónde observar todo lo que está

pasando con tu blog.

/obradorvirtual @obradorvirtual [email protected]

Page 12: Taller Crear pagina web con Wordpress.com

La barra gris que aparece en la parte superior de

tu página al iniciar la sesión de WordPress.com es

la barra de administración. Es una barra de acceso

rápido a las herramientas para configurar tu

página en WordPress.com.

Para acceder a este menú tienes que pasar el

ratón por encima de “Mi sitio”

/obradorvirtual @obradorvirtual [email protected]

Page 13: Taller Crear pagina web con Wordpress.com

TEMASEmpezamos a crear nuestra página web eligiendo Aparencia -> Temas.

Existen un gran número de temas gratuitos, pero también puedes encontrar de

pago que vienen con un diseño personalizado.

Cada año wordpress.com introduce un nuevo tema gratuito que se añade a la

libreria de los temas.

El tema se puede cambiar en cualquier momento, pero es recomendable elegir

bien y no cambiar muchas veces ya que una tema puede contener partes que

otro no tiene, lo que puede resultar en más tiempo invertido para ajustar el

contenido a el nuevo tema.

/obradorvirtual @obradorvirtual [email protected]

Page 14: Taller Crear pagina web con Wordpress.com

PÁGINASHay dos modos de poner

actualizaciones en Wordpress:

Páginas y Entradas.

Las páginas sirven para insertar

contenido general y

permanente. Se pueden

cambiar en cualquier

momento pero lo más habitual

es configurarlo una vez y no

volver a cambiarlo.

/obradorvirtual @obradorvirtual [email protected]

Page 15: Taller Crear pagina web con Wordpress.com

ENTRADASLas entradas se utilizan para

introducir contenido con más

frecuencia, como las entradas

de un blog. Si comparamos

con las páginas, las entradas

no tienen límite de cantidad

que se pueden agregar.

Es muy recomendable

clasificar las entradas en

categorías para agrupar

aquellas con la misma

temática.

/obradorvirtual @obradorvirtual [email protected]

Page 16: Taller Crear pagina web con Wordpress.com

MENÚ PERSONALIZADO

Los menús personalizados

son una lista de enlaces

comunes que por lo

general se muestran como

la navegación principal

del sitio.

La ubicación del menú

puede variar

dependiendo del tema, y

algunos temas ofrecen

menús adicionales como

menús con enlaces

sociales.

En los menús se pueden

añadir páginas, enlaces o

categorías./obradorvirtual @obradorvirtual [email protected]

Page 17: Taller Crear pagina web con Wordpress.com

El widget menú personalizado permite visualizar páginas, categorías y enlaces

personalizados en la barra lateral de tu blog. (Para utilizarlo, primero tiene que crear un

menú personalizado.)

Primero tenemos que crear un menú en Aparencia/Menus

MENÚ SECUNDARIO

/obradorvirtual @obradorvirtual [email protected]

Page 18: Taller Crear pagina web con Wordpress.com

En Widgets buscamos uno que se llama menú personalizado, lo arrastramos a la

barra lateral y lo configuramos en nuestro menú (en el caso de abajo “menu2”)

/obradorvirtual @obradorvirtual [email protected]

Page 19: Taller Crear pagina web con Wordpress.com

El resultado final es un menú personalizado en la parte lateral de nuestro blog.

/obradorvirtual @obradorvirtual [email protected]

Page 20: Taller Crear pagina web con Wordpress.com

AÑADIR ICONOS DE

REDES SOCIALES

Los iconos de redes sociales se pueden mostrar de diferentes maneras. Estos pequeños botones de medios sociales enlazan a servicios como Twitter y Facebook, permitiendo a los visitantes acceder rápidamente a nuestros perfiles sociales.

Para añadir enlaces a tus cuentas de redes sociales, deberías ir a Aparencia/Widgets, buscar el widget Iconos de Redes Sociales, arrastrarlo a la zona de Widgets, y configurarlo.

/obradorvirtual @obradorvirtual [email protected]

Page 21: Taller Crear pagina web con Wordpress.com

USUARIOS Y ROLES

Los roles de usuario

vienen determinados

por el nivel de acceso o

permisos de una

persona autorizada

(invitada por un

Administrador) para

utilizar un sitio

WordPress.com.

/obradorvirtual @obradorvirtual [email protected]

Page 22: Taller Crear pagina web con Wordpress.com

Administrador – no tiene limitaciones

Editor - tiene acceso a todos los mensajes, páginas, comentarios, categorías,

etiquetas y enlaces.

Autor - puede escribir, subir fotos, editar y publicar sus propios mensajes.

Colaborador- no puede publicar o cambiar contenido, pero puede escribir y editar

sus propios mensajes hasta que se publiquen

Seguidor (sitios públicos) / Visor (sólo sitios privados) - pueden leer y comentar

publicaciones y páginas

Cada usuario puede realizar su rol más las tareas de los usuarios por debajo. (En

otras palabras, los editores pueden hacer todo lo que los autores pueden hacer, los

autores pueden hacer todo Colaboradores pueden hacer, y así sucesivamente.)

/obradorvirtual @obradorvirtual [email protected]

Page 23: Taller Crear pagina web con Wordpress.com

/obradorvirtual @obradorvirtual [email protected]