Workshop Wordpress.com MBA Postgrado

2,036 views

Published on

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

Published in: Social Media
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,036
On SlideShare
0
From Embeds
0
Number of Embeds
1,206
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Workshop Wordpress.com MBA Postgrado

  1. 1. EMPEZANDO EN WORDPRESS.COM (MANUAL TÉCNICO) Rafael Benítez Moreno @Benitezrafa
  2. 2. 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
  3. 3. I. ALTA EN PLATAFORMA • Iremos a www.wordpress.com y nos registraremos en la plataforma. http://beniterafa.es
  4. 4. 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
  5. 5. I. ALTA EN PLATAFORMA • Nos loguearemos en la aplicación. www.wordpress.com http://beniterafa.es
  6. 6. II. GESTIÓN DEL BLOG • Empezaremos a gestionar nuestro/s blog pulsando sobre la pestaña “My Blogs”. http://beniterafa.es
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. 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
  16. 16. III. AJUSTES - GENERALES • Navegaremos en nuestro escritorio hasta AJUSTES http://beniterafa.es
  17. 17. 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
  18. 18. III. AJUSTES - ESCRITURA • Desmarcar convertir emoticonos. • Categoría por defecto: Ver crear categorías • Guardaremos los cambios. http://beniterafa.es
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 22. IV. ENTRADAS - CATEGORÍAS • Nos desplazaremos al menú “Entradas” de nuestro escritorio. http://beniterafa.es
  23. 23. 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
  24. 24. 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
  25. 25. IV. ENTRADAS - AÑADIR NUEVA ENTRADA Título de nuestra entrada Añadir una imagen Ampliar menú de escritura Crear cita Insertar Hipervínculo Cuerpo del mensaje http://beniterafa.es
  26. 26. 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
  27. 27. IV. ENTRADAS - AÑADIR NUEVA ENTRADA Añadiremos las palabras claves de nuestro texto. Imagen destacada de nuestro artículo. (imagen que se verá en la página principal, enriqueciendo el artículo) Mostrar iconos sociales http://beniterafa.es
  28. 28. 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
  29. 29. IV. ENTRADAS - AÑADIR NUEVA ENTRADA - AGREGANDO UNA FOTO II 1 • • Seleccionar archivo • Cambiar títulos y descripción. • Elegir tamaño. • http://beniterafa.es Seleccionar archivo • III Añadir objeto insertar en la entrada.
  30. 30. 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
  31. 31. 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
  32. 32. 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
  33. 33. V. TIENDA - AÑADIR UN DOMINIO PERSONALIZADO A NUESTRO BLOG 1 • 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. • II Comprar. III http://beniterafa.es
  34. 34. 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
  35. 35. 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
  36. 36. 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
  37. 37. VIII. PÁGINAS - MODIFICAR PÁGINA Título de nuestra página Contenido página Cambiar enlace Añadir formulario http://beniterafa.es
  38. 38. 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
  39. 39. VIII. PÁGINAS - MODIFICAR PÁGINA - AÑADIR FORMULARIO 1 • Vista previa de los cambios. • Actualizar. • II Página creada. http://beniterafa.es
  40. 40. VIII. PÁGINAS - AÑADIR NUEVA PÁGINA • Menú Páginas. • Submenú “Añadir Nueva” • Seguir pasos anteriores y guardar. http://beniterafa.es
  41. 41. 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. http://beniterafa.es
  42. 42. MANUAL BÁSICO WORDPRESS.COM (MANUAL TÉCNICO) Rafael Benítez Moreno @BenitezRafa

×