Creación de contenidos en internet con Wordpress: Manual de Wordpress

Transcripción

1 Creación de contenidos en internet con Wordpress: Manual de Wordpress Herramientas Informáticas Profesionales Grado en Traducción e Interpretación Curso Javier Sánchez Monedero (i02samoj en uco.es)

2 Visión general Cada alumno se registrará en Wordpress.com con su cuenta de la universidad. El nombre del usuario y blog que registre debe ser el mismo que el login de la UCO. Configuraremos básicamente el blog y le daremos algo de contenido, tanto entradas como páginas. Vamos a trabajar el aspecto: plantillas, añadidos (widgets) Organizaremos la información del blog: etiquetas, categorías, biblioteca multimedia... Integrar Wordpress con otros servicios y webs 2

3 Agenda 1.Registro en Wordpress.com 2.Configuración básica del blog 3.Elementos del blog 4.Páginas 5.Organización de información 6.Apariencia del blog 7.Creación avanzada de entradas 3

4 1. Registro en Wordpress.com URI: 4

5 1. Registro en Wordpress.com Subdominio del blog y nombre de usuario La dirección del blog y el nombre de usuario tienen que ser tu login de la UCO 5

6 1. Registro en Wordpress.com Wordpress te pide que confirmes tu dirección de correo Pincha aquí 6

7 1. Registro en Wordpress.com Cuenta activada! 7

8 1. Registro en Wordpress.com Usa tu nombre de verdad porque tendremos que evaluarte 8

9 1. Registro en Wordpress.com Cuenta activada! (otra vez) 9

10 1. Registro en Wordpress.com Entra otra vez a Echa un vistazo a los nuevos menús: tu cuenta y el escritorio del blog Pincha en «Edit My Profile» 10

12 2. Configuración básica del blog Lo primero será configurar la cuenta para que la interfaz web aparezca en castellano y para configurar el blog como blog escrito en castellano Muchas de las opciones de configuración están en los menús «Users >MyProfile» y «Users >Personal Settings» Para acceder a estos menús debéis iniciar sesión en Wordpress.com y usar el enlace de la esquina superior izquierda a «Mi cuenta» / «My Account». 12

13 2. Configuración básica del blog Modificación del perfil público 13

14 2. Configuración básica del blog Acceso al Escritorio: recuerda este paso! Puedes volver al Escritorio del blog a través de la barra superior 14

15 2. Configuración básica del blog Título y subtítulo del blog 15

16 2. Configuración básica del blog Más opciones de tu perfil: formato horario, idioma... 16

17 2. Configuración básica del blog Visualizar el blog: si has seguido todos los pasos, deberías poder ver tu blog en la dirección: 17

18 2. Configuración básica del blog El Escritorio de Wordpress Accesos directos a acciones habituales: entradas, páginas, comentarios, categorías... Publicación rápida de entradas (sólo título texto sin formato) Cada uno de estos menús se despliega mostrando varios submenús 18

19 2. Configuración básica del blog Publicación rápida de entradas en el Escritorio Publicación rápida de entradas (sólo título texto sin formato) Observa las etiquetas 19

20 2. Configuración básica del blog Resultado de la publicación rápida en el blog: Observa las etiquetas Observa que desde aquí puedes editar la entrada 20

21 2. Configuración básica del blog Observa que Wordpress tiene «Páginas» como complemento a las «Entradas». Las «Páginas» son para contenido estático y atemporal. Menú de páginas (en esta plantilla) 21

23 3. Elementos del blog Volvamos al escritorio de Wordpress Despliega el menú de entradas Por defecto se muestran todas las entradas existentes ordenadas por fecha (la más reciente primero). Observa los atributos que tiene cada entrada Desde aquí puedes añadir una entrada con más opciones que en el caso de la «entrada rápida» 23

24 3. Elementos del blog Gestión de Categorías Listado de categorías 1. Pincha en «Categorías» 2. Añade Añade una una categoría de ejemplode ejemplo categoría Explicación de la diferencia entre categoría y etiqueta 3. Si la categoría es una subcategoría, aquí se elige la «categoría padre» («parent» en inglés) 24

25 3. Elementos del blog Gestión de Categorías 4. Descripción de la categoría. Muy importante cuando se trabaja en equipo 5. Pincha en «Añadir nueva categoría» para terminar 25

26 3. Elementos del blog Biblioteca multimedia: imágenes, documentos, videos, música... Pincha en Multimedia «librería» es un anglicismo que hay que evitar, una «librería» es un «book store» Cuando añadas un elemento la forma de organizarlo es «adjuntarlo» a una Página o a una Entrada Nota: Los videos y música sólo podrás añadirlos en la versión de pago de wordpress.com o si instalas wordpress en un servidor propio 26

27 3. Elementos del blog Enlaces: enlaces a otras webs Listado de enlaces. Observa que los enlaces también tienen «categorías» (independientes de las categorías de las Entradas) Por defecto está creada la categoría de enlaces «Blogroll». «Blogroll» es una colección de enlaces a otros blogs (tus amigos, blogs que te gustan, etc.) 27

28 3. Elementos del blog Enlaces: vamos a borrar todos los enlaces que hay por defecto 1. Pincha en «Acciones en lote». Estas son acciones que se aplican simultáneamente a varios elementos (Entradas, Multimedia, Enlaces...) a la vez. 2. Selecciona «Borrar» y pincha en «Aplicar» 28

29 3. Elementos del blog Enlaces: resultado de borrar todos los enlaces 29

30 3. Elementos del blog Enlaces: añadir un enlace a la uco 1. Pincha en «Add new» 3. Cuando termines pincha en «Añadir enlace» 2. Rellena los campos: Nombre: aparecerá en el blog Dirección o URI: Descripción: opcional, pero ayuda para el trabajo en equipo Categorías: a las que pertenece el enlace. Esto sirve para organizar información y para agrupar enlaces en los menús del blog30

31 3. Elementos del blog Enlaces: resultado de añadir un enlace Observa que la categoría por defecto es «Blogroll» Pincha en el nombre del enlace para editarlo 31

32 3. Elementos del blog Enlaces: añadir una imagen al enlace. Necesitas tener la imagen en la Biblioteca Multimedia o usar una externa. Vamos a usar una imagen externa de la web 1. Pincha con el botón derecho sobre el logotipo de la UCO 2. Selecciona «Copiar la ruta de la imagen» 32

33 3. Elementos del blog Enlaces: en el formulario de edición del enlace ve al final de la página 3. Pega aquí la dirección de la imagen que has copiado 33

34 3. Elementos del blog Enlaces: finalizar edición del enlace Pincha aquí cuando hayas terminado Aquí se pueden seleccionar o añadir nuevas categorías para el enlace 34

36 4. Páginas Las páginas se utilizan para presentar: Contenido atemporal: una entrada normalmente tiene interés porque es reciente, la página es de interés siempre Contenido relevante que queremos que el visitante encuentre fácilmente (sin tener que navegar en la historia del blog) No tienen etiquetas y categorías Pueden tener relaciones jerárquicas Por lo demás son iguales que las entradas (formato, imágenes, comentarios...) 36

37 4. Páginas Menú de Páginas Pincha aquí para añadir una página Igual que con otros elementos de Wordpress tienes un listado con varios campos 37

38 4. Páginas Añadir una página: edición Página «padre» o «parent» para establecer jerarquías (opcional) 38

39 4. Páginas Añadir una página: comprueba el resultado Menú de páginas (en esta plantilla) 39

40 4. Páginas Modificar una página existente (I) 1. Pincha en «About» para ir a esta página 2. Pincha en «editar» para modificarla 40

41 4. Páginas Modificar una página existente (II) 1. Cambia el título 2. Añadie aquí la descripción del blog 3. Pincha en actualizar 41

42 4. Páginas Modificar una página (III): cambiar el enlace permantente (o permalink, recuerda el glosario) 1. Pincha en el «enlace permanente» para modificarlo 2. Pincha en «Aceptar» 3. Pincha en actualizar 42

43 4. Páginas Modificar una página existente (IV): comprueba el resultado Enlace permanente Título Texto 43

45 5. Organización de información Una página puede contener otras páginas (jerarquías) Entrada etiquedada con una o varias etiquetas ETIQUETA ENTRADA Contenido temporal Relación entre conceptos de Wordpress CATEGORÍA Tienen relaciones jerárquicas entre ellas PÁGINA Contenido atemporal Entrada pertenece a una o varias categorías RECURSO MULTIMEDIA Imágenes, documentos... Recurso adjunto a una entrada ó una página. Esto no significa que no se pueda usar en otra página o entrada que no sea a la que pertenece 45

46 5. Organización de información 10-nov-2010-Voy a un concierto de Fuel Fandango conciertos 3-nov-2010-He descubierto Fuel Fandango música Sobre mi blog descubrimientos cordobeses fusión personal viajes 1-ago-2010-Me voy a Fuengirola Ejemplo de relación entre elementos 46

47 5. Organización de información Enlaces y categorías de enlaces ENLACE El enlace puede pertenecer a muchas categorías CATEGORÍA ENLACE Sirven para agrupar enlaces al mostrarlos en el blog Distinta de la categoría de páginas o entradas 47

48 5. Organización de información «Problemas» de las etiquetas y categorías: qué etiquetas le pondrías a una entrada sobre banksy? 48

49 5. Organización de información «Problemas» de las etiquetas y categorías: qué etiquetas le pondrías a una entrada sobre banksy? arte arte política humor crítica... 49

50 5. Organización de información Algunas soluciones a estos «problemas» al organizar y etiquetar información Subjetividad: en un blog se expresan opiniones, gustos, etc. luego no es tan mala Ambigüedad e inconsistencia: uno debe seguir una línea consistente en el blog/web, especialmente al trabajar en equipo 50

52 6. Apariencia del blog Menú de «Apariencia»: Temas: conjunto de ficheros de estilos CSS e imágenes Widgets o complementos: piezas que se añaden al blog: conjunto de enlaces, nubes de etiquetas... Menús: crear menús personalizados para páginas, categorías... Añadidos o plugins: para añadir funcionalidad Fondo del tema: una imagen o un color Cabecera: las dimensiones dependen de la plantilla/tema 52

53 6. Apariencia del blog Menú de «Apariencia»: Menú de «apariencia» Temas disponibles (instalados). Con la versión gratuíta de Wordpress.com no puedes instalar más temas 53

54 6. Apariencia del blog Navegar por los temas Si pinchas en «Activar» se empieza a usar Puedes probarlo pinchando en «Vista previa» 54

55 6. Apariencia del blog Resultado de activar un tema Observa cómo han cambiado los menús Nueva distribución de las entradas 55

56 6. Apariencia del blog Volver al tema anterior Puedes buscar temas aquí Volvemos al menú de Apariencia->Temas y pinchamos en «Aplicar» 56

57 6. Apariencia del blog Cambiar la imagen de cabecera de un tema 2. La plantilla te indica las dimensiones que debe tener la imagen 1. Pincha en «Cabecera» 3.a Vamos a subir la imagen «corredera.jpg» que tenéis en Moodle 3.b Puedes probar con otras pero las dimensiones deberán ser las requeridas por tu plantilla 57

58 6. Apariencia del blog Widgets: echa un vistazo a los disponibles. 2. Widgets distponibles (en la versión gratuida de Wordpress.com) 3. Widgets en uso en el blog. Para añadir uno arrástralo desde la lista hasta aquí. Por ejemplo el de «Enlaces» 1. Pincha en «Wirdgets» Puedes tener varias instancias activas de cada widget Para eliminar uno arrástralo desde el «área primaria» hasta «widgets disponibles» 58

59 6. Apariencia del blog Widgets: añadir y modificar un widget de enlace 1. Busca «Enlaces» y arrástralo hasta la «Área primaria de wigets» 2. Pincha aquí para modificar las opciones del wirdget 3. Usando las categorías de enlaces puedes elegir cuáles saldrán aquí 4. También puedes añadir un título 59

60 6. Apariencia del blog Widgets: añadir y modificar una nube de etiquetas 1. Busca «Nube de etiquetas» y arrástralo hasta la «Área primaria de wigets» 2. Puedes cambiar el título que tendrá la nube 60

61 6. Apariencia del blog Dependiendo de la plantilla/tema: Los widgets pueden cambiar su ubicación Puede no haber imagen de cabecera Los menús pueden cambiar de contenido, ubicación y distribución de la información Los colores por defecto de las letras pueden cambiar. Por ejemplo, si usas letras negras (no color automático) y la plantilla tiene el fondo negro probablemente tu blog no se podrá leer bien 61

63 7. Creación avanzada de entradas Vamos a añadir una entrada con imágenes y videos Puedes usar cualquier imagen Google Imágenes Flickr Dejo algunas de ejemplo en el fichero «imagenesblog.zip» 63

64 Referencias Colaboradores de Wikipedia. Blog. Wikipedia, La enciclopedia libre, 2010 [fecha de consulta: 21 de noviembre del 2010]. Disponible en Manual de Wordpress hecho con Wordpress: Creando tu propio blog, desde cero Otro manual de Wordpress.com, parece un poco anticuando en la distribución de menús, pero os puede ayudar: Curso de Wordpress.com de Álvaro Felipe 64

65 Preguntas? Gracias