workshop wordpress.com mba postgrado

Post on 18-Dec-2014

402 Views

Category:

Social Media

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

EMPEZANDO EN WORDPRESS.COM (MANUAL

TÉCNICO)Rafael Benítez Moreno

@Benitezrafa

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.

http://beniterafa.es

I. ALTA EN PLATAFORMA

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

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.

http://beniterafa.es

I. ALTA EN PLATAFORMA

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

http://beniterafa.es

II. GESTIÓN DEL BLOG • Empezaremos a gestionar

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

http://beniterafa.es

III. AJUSTES - GENERALES

• Navegaremos en nuestro escritorio hasta AJUSTES

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.

http://beniterafa.es

III. AJUSTES - ESCRITURA• Desmarcar convertir

emoticonos.

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

• Guardaremos los cambios.

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.

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

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.

http://beniterafa.es

IV. ENTRADAS - CATEGORÍAS

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

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

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.

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

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

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

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.

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

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.

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.

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.

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

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.

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.

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.

http://beniterafa.es

VIII. PÁGINAS - MODIFICAR PÁGINA

Título de nuestra página

Contenido página

Cambiar enlace

Añadir formulario

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.

http://beniterafa.es

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

• Vista previa de los cambios.

• Actualizar.

• Página creada.

1

II

http://beniterafa.es

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

• Menú Páginas.

• Submenú “Añadir Nueva”

• Seguir pasos anteriores y guardar.

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.

MANUAL BÁSICO WORDPRESS.COM (MANUAL

TÉCNICO)Rafael Benítez Moreno

@BenitezRafa

top related