Issuu on Google+

Creación de contenidos en internet con Wordpress: Manual de Wordpress Herramientas Informáticas Profesionales Grado en Traducción e Interpretación Curso 2010­2011 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


Manual wordpress pp