Manual realizado para los alumnos del taller "Como montar mi sitio web con herramientas de la web social"

1. Sencillo manual de Naiara Pérez de Villarreal naiarapzv@gmail.com www.naiaraperezdevillarreal.com Mikel sánchezBalciscueta mikelbalciscueta@gmail.com www.elpensamientosostenible.com

2. Qué es wordpress Estructura de un wordpress Date de alta en wordpress.com Crea tu espacio en wordpress.com El escritorio Páginas, el menú de navegación Entradas/Posts, el contenido dinámico Organizando el contenido: categorias y etiquetas Diseño del sitio: Apariencia Comentarios Gestión de usuarios Opciones de Ajustes índice

3. ¿Qué es un wordpress? Es un CMS (Sistema de Gestión de Contenidos) especialmente pensado en la publicación de bitácoras pero que puede ser usado para la creación de webs de edición fácil y rápida. Tiene una serie de funcionalidades que vienen en su núcleo (gestión de feeds, búsquedas, etiquetas, categorías, …) y luego se le pueden añadir otras muchas a través de plugins (por ejemplo, un detector de spam). Con WordPress tenemos dos opciones: crearnos un blog en su plataforma comercial (wordpress.com) o en nuestro propio servidor gracias a su software bajo licencia GPL (wordpress.org). En ambos casos el gasto es cero pero con excepciones. En el primero, determinadas funcionalidades son de pago (por ejemplo, la posibilidad de editar el css de nuestra plantilla) y en el segundo, el coste estará en el servidor en el que decidamos montar nuestro blog. Blog de Loretahur http://blog.loretahur.net/2010/04/wordpress-for-dummies.html

4. 4 Estructura de un wordpress 1 Cabecera 2 Menú de navegación Barra Lateral (1) (widgets) 4 3 Columna central (entradas) Barra Lateral (2) (widgets) 4 3 Entradas 5 Pie de página (widgets)

5. Date de alta en www.wordpress.com 1 Cambiar idioma 2 Pinchar aquí

6. Crea tu espacio en Wordpress.com Nombre del blog Usuario de wordpress Contraseña Confirmar contraseña Dirección de email Pinchar aquí

7. Crea tu espacio en Wordpress.com 1 Completa tus datos de perfil (opcional) 2 Activa tu cuenta

8. Crea tu espacio en Wordpress.com www.wordpress.com ¡Tu cuenta está activa!

9. 9 Acceder a la estructura interna de la web 1 Añadir /wp-admin en la url 2 Rellenar los datos de usuario y contraseña 3 PulsarAcceder

10. Radiografía de un wordpress: secciones Radiografía de un wordpress: elementos principales 3 Entradas (etiquetas + categorías) 2 Menú de navegación (Páginas) Gestión de comentarios Elementos de las barras laterales y el pie de página 4 5 1 Cabecera Gestión de usuarios Los números representan cada elemento de la estructura de la home, tal y como aparecía en una de las diapositivas anteriores

11. Páginas, el menú de navegación Añadir nueva Editar una página: Pinchar encima del titulo de la página Borrar una página: Poner el puntero encima del titulo de la página y pinchar en papelera

12. Páginas, el menú de navegación Añadir una imagen Añadir una imagen, video, objeto, archivo o música

13. Páginas, el menú de navegación Insertar una imagen desde tu ordenador Elegir un archivo desde tu ordenador

14. Páginas, el menú de navegación Poner título a la imagen Poner leyenda a la imagen (opcional) Poner descripción a la imagen (opcional) Poner urls se quiere enlazar la imagen (opcional) Dónde se quiere alinear la imagen Elegir tamaño de la imagen Insertar la imagen Guardar

15. Páginas, el menú de navegación Insertar una imagen desde internet Poner la url de la imagen que queremos mostrar

16. Páginas, el menú de navegación Insertar una imagen desde la galería (imágenes anteriormente subidas a esta misma entrada)

17. Páginas, el menú de navegación Insertar una imagen desde la librería multimedia (todas las imágenes subidas a la web) Pinchar en mostrar

18. Páginas, el menú de navegación Editar la imagen que hemos añadido a la página Pinchar encima de la foto, y posteriormente hacer click en la imagen pequeñita que aparece

19. Páginas, el menú de navegación Editar la imagen que hemos añadido a la página Tamaño de la foto Actualizar

20. Páginas, el menú de navegación Ajustes avanzados de la imagen Dirección de procedencia Concretar tamaño Añadir un borde a la imagen: Poner un número no muy alto para determinar el grosor Dejar espacio entre la imagen y el texto: Poner un número no muy alto para determinar el espacio

21. Páginas, el menú de navegación Guardar la página sin publicarla Vista previa para comprobar que la página se visualiza como queremos Publicar la página Determinar si va a ser una página del menú principal o una subpágina Elegir el modo de visualización de la misma Elegir el orden en el que mostrar la página dentro del menú

22. Páginas, el menú de navegación También podemos personalizar el menu de la página Marca la opción páginas principales para ordenar el menú principal Ordena tus páginas fácilmente aquí. Simplemente arrástralas. También puedes utilizar categorías como página del menú. Busca y selecciona las páginas que quieras que aparezcan en el menú Busca y selecciona las categorías que quieras que aparezcan como página en el menú

23. Páginas, el menú de navegación Estructura de páginas que hemos creado Desplegable con subpáginas

24. Entradas, el contenido dinámico Añadir nueva Titulo de la entrada Añadir una imagen, video, objeto, archivo o música Texto de la entrada

25. Entradas, el contenido dinámico Añadir una imagen a la entrada Si quieres añadir una imagen a la entrada selecciona “insertar en la entrada” Si quieres que aparezca la imagen en la home selecciona “usar como imagen destacada”

26. Entradas, el contenido dinámico Selecciona categorías Añade categorías nuevas Selecciona etiquetas de la entrada

27. Organizando el contenido: Categorías Entra en categorías Editor de categorías Nombre de la categoría Elegir si es una categoría o subcategoría(opcional) Descripción de la categoría (opcional) Añadir la nueva categoría creada Para convertir categorías en etiquetas pincha aquí

28. Organizando el contenido: Etiquetas Entra en etiquetas Editor de etiquetas Nombre de la etiqueta Descripción de la etiqueta (opcional) Añadir la nueva etiqueta creada Para convertir etiquetas en categorías pincha aquí

29. Diseño del sitio: Apariencia-temas Aquí daremos diseño e imagen a nuestro sitio web Nombre de la plantilla actual Opciones de la plantilla actual Buscar plantilla por nombre o filtrando la búsqueda (recomendado) Examinar los temas(plantillas) Entra en temas

30. Diseño del sitio: Apariencia-temas A través de algunos filtros podemos buscar la plantilla que se ajuste a las carecterísticas y detalles que necesitamos Elige las opciones que quieras que tenga la web Pinchar aquí para aplicar los filtros Vista previa de la web con esta plantilla Activar esta plantilla a la web

31. Diseño del sitio: Apariencia- Widgets Los widgets son las aplicaciones que nos permiten dotar de funcionalidad nuestro sitio. Los incluimos en las barras laterales. Algunos son fijos, pero otros se añaden según la plantilla que hayamos elegido. Entra en widgets Barras donde incluiremos los wigdets Arrastra el widget a la posición donde quieras incrustarlo

32. Diseño del sitio: Apariencia- Widgets Abrir widget Titulo del widget Pegar código html del elemento a insertar Pegar la url del feed de RSS Titulo del widget de RSS Nº de elementos a mostrar Otras opciones del widget

33. Diseño del sitio: Apariencia- cabecera La cabecera es el lugar donde podremos insertar nuestra imagen (logo, escudo.etc) No todas las plantillas tienen la opción de incluir una cabecera. Seleccionar archivo y subirlo Eliminar cabecera Entra en cabecera Restaurar cabecera original de la plantilla Visualizar el nombre de la web en la cabecera ( a veces también se puede cambiar el color del texto) Restaurar el texto original de la cabecera Guardar cambios

34. Diseño del sitio: Apariencia- opciones del tema La mayoría de plantillas permiten personalizar algunos aspectos del diseño Selecciona la categoría que quieres destacar en la home Imagen destaca en la entrada principal? Enlazar la web con un perfil de twitter y facebook Volver a las opciones predeterminadas Guardar los cambios Entra en opciones del tema Tocar código para html para poder elegir todo tipo de letra. Más info en http://bit.ly/mJXHyR Tocar código para cambiar los colores de la plantilla. Hay que pagar.

35. Gestión de usuarios Worpdress es una plataforma multiusuario, con perfiles y permisos distintos Editor de usuarios Poner aquí la dirección de email del nuevo usuario (tienen que darse de alta en wordpress) Entra en usuarios Elegir el perfil del nuevo usuario Añadir usuario

36. Gestión de usuarios- mi perfil Guardar cambios Cambiar imagen de perfil o gravatar Pon los datos relativos a tu perfil (opcional) Entra en mi perfil

37. Opciones de Ajustes Título del sitio, Descripción corta, idioma…. Ajustes a la hora de escribir una entrada o página: Categoría predeterminada para las entradas, Categoría predeterminada para enlaces,eta… Ajustes al visualizar la home: La página inicial mostrará tus últimas entradas o una página estática, Número máximo de entradas a mostrar en el sitio, etc… Gestión de comentarios: notifocación cuando hay comentarios, moderación de comentarios,etc.. Algunos ajustes de contenidos multimedia como fotos o videos Ajustes de privacidad de la web Entrar con openID al tablero o escritorio Avisos al móvil de notificaciones de la web Para compartir los contenidos en las redes sociales Para comprar el dominio de la web Avisos por email de cambios en la gestión de la web

38. Ajustes-generales Importante para posicionar la web en google Selecciona una imagen de blog y subirla Editar ajustes Guardar cambios

39. Ajustes- escritura Tamaño de la caja para escribir entradas o páginas Otros ajustes de escritura Categoría prederminada para entradas (por defecto uncategorized) Algunas herramientas útiles Guardar cambios

40. Ajustes-lectura La Home (página inicial) mostrará una página estática o las últimas entradas. Si elegimos página estática las últimas entradas (contenido dinámico) estará oculto tras una página. Se puede elegir una página que hayamos creado para ello (por ejemplo Actualidad o Blog) Elegir el número de entradas que se quieren mostrar en la home Elegir el número de entradas que se quieren mostrar el widget del feed Elegir lo que se quiere mostrar en los artículos del feed, el texto completo o resumen Elegir lo que aparecerá en los artículos del feed Configurar el mensaje de respuesta para las personas que se suscriban a la página Guardar cambios

41. Ajustes- comentarios Opciones de ajuste de los comentarios Marcar los comentarios como pendientes de moderación cuando contengan palabras, url, e-mail o IP que añadamos en este campo Marcar los comentarios como spam directamente cuando contengan palabras, url, e-mail o IP que añadamos en este campo Opciones de ajuste de los avatares Guardar los cambios