workshop wordpress.com mba postgrado

42
EMPEZANDO EN WORDPRESS.COM (MANUAL TÉCNICO) Rafael Benítez Moreno @Benitezrafa

Upload: rafael-benitez-moreno

Post on 18-Dec-2014

402 views

Category:

Social Media


1 download

DESCRIPTION

Manual técnico de Wordpress.com para que los alumnos del MBA Postgrado puedan empezar a desarrollar su itinerario digital.

TRANSCRIPT

Page 1: Workshop Wordpress.com MBA Postgrado

EMPEZANDO EN WORDPRESS.COM (MANUAL

TÉCNICO)Rafael Benítez Moreno

@Benitezrafa

Page 2: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

I. ALTA EN PLATAFORMA

Wordpress es de los sistemas de CMS más utilizados del mundo.

El usar wordpress.com viene dado por la facilidad de uso de este sistema para usuarios no especializados en herramientas WEB / sistemas de publicación.

Page 3: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

I. ALTA EN PLATAFORMA

• Iremos a www.wordpress.com y nos registraremos en la plataforma.

Page 4: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

I. ALTA EN PLATAFORMA

• Rellenaremos los campos que nos piden y añadiremos el nombre que queremos ponerle al blog. (Sin espacios)

• Pulsaremos la primera opción “Create Blog” en la parte inferior.

• Anotaremos el nombre de usuario elegido y la contraseña.

Page 5: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

I. ALTA EN PLATAFORMA

• Nos loguearemos en la aplicación. www.wordpress.com

Page 6: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

II. GESTIÓN DEL BLOG • Empezaremos a gestionar

nuestro/s blog pulsando sobre la pestaña “My Blogs”.

Page 7: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

II. GESTIÓN DEL BLOG

• Aparecerá nuestro blog creado.

• Nos dirigiremos a la pestaña “cambiar tema” para empezar a administrar nuestro blog.

Page 8: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. PERSONALIZACIÓN

• Buscaremos y seleccionaremos el tema que más se ajuste a nuestros objetivos.

• Pulsaremos “vista previa” para comprobar como quedaría “estéticamente”.

• Pulsaremos “Activar” para elegir el tema.

• Podremos cambiar de tema tantas veces como queramos.

Page 9: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. PERSONALIZACIÓN

• Pulsaremos Personalizar dentro de nuestro escritorio. Menú Apariencia.

• Ajustaremos lo parámetros Colores, Cabecera, Front y Título del Sitio.

Page 10: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. PERSONALIZACIÓN

• En colores fijaremos el color asignado a nuestro blog.

• Es bueno disponer del Hexadecimal del color para ser exactos, si disponemos de el.

• Si no disponemos de el: http://www.yellowpipe.com/yis/tools/hex-to-rgb/color-converter.php

• Veremos como las modificaciones se producen “ad-hoc”.

• Guardaremos los cambios.

Page 11: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. PERSONALIZACIÓN • En cabecera elegiremos que

tipo de cabecera queremos para el blog o simplemente eliminarla.

• Veremos como las modificaciones se producen “ad-hoc”.

• Guardaremos los cambios.

Page 12: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. PERSONALIZACIÓN • En Front elegiremos que tipo de entradas /

páginas será la principal. En este caso eligiéremos las últimas entradas.

• Si cuando veamos las páginas queremos que una de las desarrolladas sea la principal, deberíamos elegir la opción de la página y seleccionar la correspondiente.

• En este caso dejamos “Tus últimas entradas” marcada.

• Guardaremos los cambios.

Page 13: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. PERSONALIZACIÓN - WIDGETS

• Un Widget es una pequeña “parcela” de código que realiza una serie de acciones programadas.

• Son añadidos que ayudan al usuario lector a interactuar con el contenido y la propia página.

• Serán útiles aquellos que cada uno considere útiles.

• Veremos como añadir el Widget de Calendario y buscar.

Page 14: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. PERSONALIZACIÓN - WIDGETS

• Para añadir un Widget, lo arrastraremos hasta la zona punteada de “Zona principal de Widgets”

• Añadiremos los Widgets de:

• Buscar

• Calendario

• La zona principal de Widgets: Aparecerán en el Footer (abajo)

• La zona secundaria de Widgets: Aparecerán a la izquierda.

• Guardaremos los cambios en cada uno de los elementos añadidos.

Page 15: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. PERSONALIZACIÓN - CABECERA

• Navegaremos: Personalización / Cabecera

• Personalización de la cabecera.

• ¿Crear una nueva?: Subir cabecera con medidas 1600 x 230 pixels

• Quitar cabecera o colorearla.

• Guardaremos los cambios.

Page 16: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. AJUSTES - GENERALES

• Navegaremos en nuestro escritorio hasta AJUSTES

Page 17: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. AJUSTES - GENERALES• Título y descripción personalizada.

• Dirección de correo electrónico.

• Zona horaria: España UCT +1

• Elegir como se muestra la fecha de publicación.

• Elegir como se muestra la hora de publicación.

• Idioma: Español

• Guardaremos los cambios.

Page 18: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. AJUSTES - ESCRITURA• Desmarcar convertir

emoticonos.

• Categoría por defecto: Ver crear categorías

• Guardaremos los cambios.

Page 19: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. AJUSTES - LECTURA• Dejamos todo como está.

• Modificamos: Texto de correo electrónico de seguimiento de blog: Personalizar texto

• Igual con Comentar el siguiente texto de correo electrónico.

• Guardaremos los cambios.

Page 20: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. AJUSTES - ENCUESTAS• Nos crearemos una cuenta en

Polldaddy.com

• Daremos de alta la cuenta con la misma cuente de Wordpress.

• Autorizamos la aplicación.

• Volveremos a Wordpress y añadiremos nuestro usuario y contraseña de Wordpress.

• Ya tenemos la cuenta de encuestas activa.

• Guardaremos los cambios.

1

II

III

Page 21: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

III. AJUSTES - CALIFICACIONES• Iremos a submenú de

“Calificaciones”

• Lo usaremos si queremos que los usuarios puntúen nuestro contenido

• Encima de cada entrada o debajo, según objetivos.

• Guardaremos los cambios.

Page 22: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - CATEGORÍAS

• Nos desplazaremos al menú “Entradas” de nuestro escritorio.

Page 23: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - CATEGORÍAS• Elegiremos la categoría predefinida

y pulsaremos en editar.

• Cambiaremos el nombre por el designado (A establecer en nuestra estrategia personal).

• Añadiremos una descripción.

• Guardaremos los cambios.

• Añadiremos tantas categorías como sean necesarias para el contenido de nuestro blog.

1

II

Page 24: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - AÑADIR NUEVA ENTRADA

• Nos desplazaremos dentro de “entradas” a “Añadir nueva”.

• Podremos empezar nuestro primer artículo.

• Repasemos las zonas importantes.

Page 25: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - AÑADIR NUEVA ENTRADA

Título de nuestra entrada

Cuerpo del mensaje

Añadir una imagen

Ampliar menú de escritura

Crear cita

Insertar Hipervínculo

Page 26: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - AÑADIR NUEVA ENTRADA

Guardar borrador (seguir luego)

Programar entrada.

Tipo de entrada

Selección de categorías creadas

Guardar cambios siempre.

Vista previa de los cambios

Page 27: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - AÑADIR NUEVA ENTRADA

Añadiremos las palabras claves de nuestro texto.

Imagen de s t a cada de nuestro artículo. (imagen que se verá en la página principal, enriqueciendo el artículo)

Mostrar iconos sociales

Page 28: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - AÑADIR NUEVA ENTRADA

• Cita de texto.

• Añadir foto

• Añadir encuesta

• Añadir formulario

• Alineación

• Hipervínculo

• Tipo de párrafo: H1, H2,…

• Copiar de Word o portapapeles.

• Sangría derecha.

Page 29: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - AÑADIR NUEVA ENTRADA - AGREGANDO UNA FOTO

• Añadir objeto

• Seleccionar archivo

• Seleccionar archivo

• Cambiar títulos y descripción.

• Elegir tamaño.

• insertar en la entrada.

1II

III

Page 30: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IV. ENTRADAS - AÑADIR NUEVA ENTRADA - AGREGANDO UN TWEET

• Añadir objeto

• Insertar Tweet

• Buscar por criterio. (En este caso por nombre de usuario)

• Seleccionar Tweet.

• insertar en la entrada.

Page 31: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

V. TIENDA - AÑADIR UN DOMINIO PERSONALIZADO A NUESTRO BLOG

• En el escritorio iremos a tienda.

• Añadir un dominio.

• Tener cuenta de PayPal o Tarjeta de Crédito.

Page 32: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

V. TIENDA - AÑADIR UN DOMINIO PERSONALIZADO A NUESTRO BLOG

• Buscaremos el dominio que queremos añadir a nuestro blog.

• Seleccionaremos entre las opciones.

• continuaremos con el proceso.

Page 33: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

V. TIENDA - AÑADIR UN DOMINIO PERSONALIZADO A NUESTRO BLOG

• No usaremos acentos.

• Rellenamos TODOS los campos del formulario.

• Pulsaremos a registrar dominio.

• En la pantalla seleccionamos la opción “Sólo registro normal”.

• Pantalla de pago.

• PayPal o tarjeta.

• Comprar.

1 II

III

Page 34: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

VI. USUARIOS - MI PERFIL• Navegaremos por el escritorio hasta usuarios.

• Submenú “Mi perfil”.

• Rellenaremos:

• First name

• Last name

• Display name publicly as

• About You

• Public Email

• Skype

• Dar de alta en el servicio Gravatar para poner foto en el avatar (mismo correo que en Wordpress).

• Añadir servicios como Twitter, Facebook…

• Guardar cambios.

Page 35: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

VII. HERRAMIENTAS - IMPORTAR

• Si tenemos un Blog en otro servicio podremos importar las entradas.

• Menú herramientas.

• Submenú “Importar”

• Seleccionar el servicio a importar.

• Autorizar o subir XML

• Subir e importar.

Page 36: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

VIII. PÁGINAS - MODIFICAR PÁGINA

• Dentro del escritorio menú “Páginas”.

• Todas las páginas .

• Seleccionamos la página a editar.

• Enlace “Editar.

Page 37: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

VIII. PÁGINAS - MODIFICAR PÁGINA

Título de nuestra página

Contenido página

Cambiar enlace

Añadir formulario

Page 38: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

VIII. PÁGINAS - MODIFICAR PÁGINA - AÑADIR FORMULARIO

• Pulsaremos el botón de “Add Contact Form.

• Editaremos los campos del formulario o añadiremos nuevos.

• Añadir este formulario en mi entrada.

Page 39: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

VIII. PÁGINAS - MODIFICAR PÁGINA - AÑADIR FORMULARIO

• Vista previa de los cambios.

• Actualizar.

• Página creada.

1

II

Page 40: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

VIII. PÁGINAS - AÑADIR NUEVA PÁGINA

• Menú Páginas.

• Submenú “Añadir Nueva”

• Seguir pasos anteriores y guardar.

Page 41: Workshop Wordpress.com MBA Postgrado

http://beniterafa.es

IX. MENÚS • Pueden aparecer en el menú páginas,

enlaces o categorías.

• Zona de estructura “Drag and drop” o cloquear, mover y soltar.

• Añadiremos las páginas al menú.

• Crearemos submenú desplazando los elementos a la derecha del principal.

• Poner nombre al Menú.

• Crear Menú.

• Ver resultado.

Page 42: Workshop Wordpress.com MBA Postgrado

MANUAL BÁSICO WORDPRESS.COM (MANUAL

TÉCNICO)Rafael Benítez Moreno

@BenitezRafa