Creación de contenidos en internet con Wordpress: Manual de Wordpress Herramientas Informáticas Profesionales Grado en Traducción e Interpretación Curso 20102011 Javier Sánchez Monedero (i02samoj en uco.es)
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 Javier Sánchez Monedero Creación de contenidos en Internet
2
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
Javier Sánchez Monedero Creación de contenidos en Internet
3
1. Registro en Wordpress.com URI: https://es.wordpress.com/
Javier Sánchez Monedero Creación de contenidos en Internet
4
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
Javier Sánchez Monedero Creación de contenidos en Internet
5
1. Registro en Wordpress.com Wordpress te pide que confirmes tu dirección de correo
Pincha aquí
Javier Sánchez Monedero Creación de contenidos en Internet
6
1. Registro en Wordpress.com ¡Cuenta activada!
Javier Sánchez Monedero Creación de contenidos en Internet
7
1. Registro en Wordpress.com Usa tu nombre de verdad porque tendremos que evaluarte
Javier Sánchez Monedero Creación de contenidos en Internet
8
1. Registro en Wordpress.com ¡Cuenta activada! (otra vez)
Javier Sánchez Monedero Creación de contenidos en Internet
9
1. Registro en Wordpress.com Entra otra vez a https://es.wordpress.com/
Echa un vistazo a los nuevos menús: tu cuenta y el escritorio del blog Pincha en «Edit My Profile»
Javier Sánchez Monedero Creación de contenidos en Internet
10
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
Javier Sánchez Monedero Creación de contenidos en Internet
11
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». Javier Sánchez Monedero Creación de contenidos en Internet
12
2. Configuración básica del blog Modificación del perfil público
Javier Sánchez Monedero Creación de contenidos en Internet
13
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
Javier Sánchez Monedero Creación de contenidos en Internet
14
2. Configuración básica del blog Título y subtítulo del blog
Javier Sánchez Monedero Creación de contenidos en Internet
15
2. Configuración básica del blog Más opciones de tu perfil: formato horario, idioma...
Javier Sánchez Monedero Creación de contenidos en Internet
16
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: http://<tulogin>.wordpress.com
Javier Sánchez Monedero Creación de contenidos en Internet
17
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 Javier Sánchez Monedero Creación de contenidos en Internet
18
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
Javier Sánchez Monedero Creación de contenidos en Internet
19
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
Javier Sánchez Monedero Creación de contenidos en Internet
20
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)
Javier Sánchez Monedero Creación de contenidos en Internet
21
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
Javier Sánchez Monedero Creación de contenidos en Internet
22
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» Javier Sánchez Monedero Creación de contenidos en Internet
23
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)
Javier Sánchez Monedero Creación de contenidos en Internet
24
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 Javier Sánchez Monedero Creación de contenidos en Internet
25
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 Javier Sánchez Monedero Creación de contenidos en Internet
26
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.) Javier Sánchez Monedero Creación de contenidos en Internet
27
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»
Javier Sánchez Monedero Creación de contenidos en Internet
28
3. Elementos del blog Enlaces: resultado de borrar todos los enlaces
Javier Sánchez Monedero Creación de contenidos en Internet
29
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: http://www.uco.es ● 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 Javier Sánchez Monedero Creación de contenidos en Internet
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
Javier Sánchez Monedero Creación de contenidos en Internet
31
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 www.uco.es
1. Pincha con el botón derecho sobre el logotipo de la UCO 2. Selecciona «Copiar la ruta de la imagen»
Javier Sánchez Monedero Creación de contenidos en Internet
32
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
Javier Sánchez Monedero Creación de contenidos en Internet
33
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
Javier Sánchez Monedero Creación de contenidos en Internet
34
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
Javier Sánchez Monedero Creación de contenidos en Internet
35
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...) Javier Sánchez Monedero Creación de contenidos en Internet
36
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
Javier Sánchez Monedero Creación de contenidos en Internet
37
4. Páginas
Añadir una página: edición
Página «padre» o «parent» para establecer jerarquías (opcional)
Javier Sánchez Monedero Creación de contenidos en Internet
38
4. Páginas
Añadir una página: comprueba el resultado
Menú de páginas (en esta plantilla)
Javier Sánchez Monedero Creación de contenidos en Internet
39
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
Javier Sánchez Monedero Creación de contenidos en Internet
40
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 Javier Sánchez Monedero Creación de contenidos en Internet
41
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
Javier Sánchez Monedero Creación de contenidos en Internet
42
4. Páginas
Modificar una página existente (IV): comprueba el resultado
Enlace permanente
Título
Texto
Javier Sánchez Monedero Creación de contenidos en Internet
43
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
Javier Sánchez Monedero Creación de contenidos en Internet
44
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 Javier Sánchez Monedero Creación de contenidos en Internet
45
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 Javier Sánchez Monedero Creación de contenidos en Internet
46
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
Javier Sánchez Monedero Creación de contenidos en Internet
47
5. Organización de información «Problemas» de las etiquetas y categorías: ¿qué etiquetas le pondrías a una entrada sobre banksy?
Javier Sánchez Monedero Creación de contenidos en Internet
48
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
Javier Sánchez Monedero Creación de contenidos en Internet
... 49
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
Javier Sánchez Monedero Creación de contenidos en Internet
50
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
Javier Sánchez Monedero Creación de contenidos en Internet
51
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 Javier Sánchez Monedero Creación de contenidos en Internet
52
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
Javier Sánchez Monedero Creación de contenidos en Internet
53
6. Apariencia del blog
Navegar por los temas
Si pinchas en «Activar» se empieza a usar Puedes probarlo pinchando en «Vista previa»
Javier Sánchez Monedero Creación de contenidos en Internet
54
6. Apariencia del blog
Resultado de activar un tema Observa cómo han cambiado los menús
Nueva distribución de las entradas
Javier Sánchez Monedero Creación de contenidos en Internet
55
6. Apariencia del blog
Volver al tema anterior Puedes buscar temas aquí
Volvemos al menú de Apariencia->Temas y pinchamos en «Aplicar»
Javier Sánchez Monedero Creación de contenidos en Internet
56
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
Javier Sánchez Monedero Creación de contenidos en Internet
57
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» Javier Sánchez Monedero Creación de contenidos en Internet
58
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
Javier Sánchez Monedero Creación de contenidos en Internet
59
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
Javier Sánchez Monedero Creación de contenidos en Internet
60
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
Javier Sánchez Monedero Creación de contenidos en Internet
61
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
Javier Sánchez Monedero Creación de contenidos en Internet
62
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»
Javier Sánchez Monedero Creación de contenidos en Internet
63
Referencias
Colaboradores de Wikipedia. Blog. Wikipedia, La enciclopedia libre, 2010 [fecha de consulta: 21 de noviembre del 2010]. Disponible en http://es.wikipedia.org/w/index.php?title=Blog&oldid=41957286. 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
Javier Sánchez Monedero Creación de contenidos en Internet
64
多Preguntas?
Gracias