manual wordpress y configuración de blog

Creación de contenidos en internet con Wordpress:

Manual de Wordpress

Herramientas Informáticas ProfesionalesGrado en Traducción e Interpretación

Curso 20102011

Javier Sánchez Monedero (i02samoj en uco.es)

http://creativecommons.org/licenses/by-sa/3.0/deed.es_ES

Javier Sánchez Monedero Creación de contenidos en Internet 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


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


1. Registro en Wordpress.com

URI: https://es.wordpress.com/

https://es.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



Wordpress te pide que confirmes tu dirección de correo

Pincha aquí



¡Cuenta activada!



Usa tu nombre de verdad porque tendremos que evaluarte



¡Cuenta activada! (otra vez)



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»



Agenda




4.Páginas





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».




Modificación del perfil público



Acceso al Escritorio: ¡recuerda este paso!

Puedes volver al Escritorio del blog a través de la barra superior



Título y subtítulo del blog



Más opciones de tu perfil: formato horario, idioma...



Visualizar el blog: si has seguido todos los pasos, deberías poder ver tu blog en la dirección: http://<tulogin>.wordpress.com



El Escritorio de Wordpress

Publicación rápida de entradas (sólo título texto sin formato)

Accesos directos a acciones habituales: entradas, páginas, comentarios, categorías...

Cada uno de estos menús se despliega mostrando varios submenús



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



Resultado de la publicación rápida en el blog:

Observa que desde aquí puedes editar la entradaObserva las

etiquetas



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)


Agenda




4.Páginas





3. Elementos del blog

Volvamos al escritorio de Wordpress

Por defecto se muestran todas las entradas existentes ordenadas por fecha (la más reciente primero). Observa los atributos que tiene cada entrada

Despliega el menú de entradas

Desde aquí puedes añadir una entrada con más opciones que en el caso de la «entrada rápida»



Gestión de Categorías

Listado de categorías

1. Pincha en «Categorías»

Añade una categoría de ejemplo2. Añade una categoría de ejemplo

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)



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



Biblioteca multimedia: imágenes, documentos, videos, música...

«librería» es un anglicismo que hay que evitar, una «librería» es un «book store»

Pincha en Multimedia

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



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)

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.)

http://es.wikipedia.org/wiki/Blogroll



Enlaces: vamos a borrar todos los enlaces que hay por defecto

2. Selecciona «Borrar» y pincha en «Aplicar»

1. Pincha en «Acciones en lote». Estas son acciones que se aplican simultáneamente a varios elementos (Entradas, Multimedia, Enlaces...) a la vez.



Enlaces: resultado de borrar todos los enlaces



Enlaces: añadir un enlace a la uco

1. Pincha en «Add new»

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 blog

3. Cuando termines pincha en «Añadir enlace»



Enlaces: resultado de añadir un enlace

Observa que la categoría por defecto es «Blogroll»

Pincha en el nombre del enlace para editarlo



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 UCO2. Selecciona «Copiar la ruta de la imagen»

http://www.uco.es/



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



Enlaces: finalizar edición del enlace

Pincha aquí cuando hayas terminado

Aquí se pueden seleccionar o añadir nuevas categorías para el enlace


Agenda




4.Páginas





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...)


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


4. Páginas

Añadir una página: edición

Página «padre» o «parent» para establecer jerarquías (opcional)


4. Páginas

Añadir una página: comprueba el resultado

Menú de páginas (en esta plantilla)


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


4. Páginas

Modificar una página existente (II)

2. Añadie aquí la descripción del blog

1. Cambia el título

3. Pincha en actualizar


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


4. Páginas Modificar una página existente (IV): comprueba el resultado

Título

Enlace permanente

Texto

Título


Agenda




4.Páginas





5. Organización de información

ENTRADAContenido temporal

PÁGINAContenido atemporal

ETIQUETA

CATEGORÍATienen

relaciones jerárquicas entre ellas

RECURSO MULTIMEDIA

Imágenes, documentos...

Entrada etiquedada con una o varias etiquetas

Entrada pertenece a una o varias categorías

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

Relación entre conceptos de Wordpress

Una página puede contener otras páginas (jerarquías)



3-nov-2010-He descubierto Fuel Fandango Sobre mi blog

fusión

10-nov-2010-Voy a un concierto de Fuel Fandango

descubrimientos

cordobeses

música

personal

conciertos

1-ago-2010-Me voy a Fuengirola

viajes

Ejemplo de relación entre elementos



ENLACE

CATEGORÍA ENLACESirven para agrupar enlaces

al mostrarlos en el blogDistinta de la categoría de

páginas o entradasEl enlace puede

pertenecer a muchas categorías

Enlaces y categorías de enlaces



«Problemas» de las etiquetas y categorías: ¿qué etiquetas le pondrías a una entrada sobre banksy?

http://www.google.com/search?q=banksy



«Problemas» de las etiquetas y categorías: ¿qué etiquetas le pondrías a una entrada sobre banksy?

arte política humor crítica ...

arte

http://www.google.com/search?q=banksy



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


Agenda




4.Páginas





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


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


6. Apariencia del blog Navegar por los temas

Si pinchas en «Activar» se empieza a usar

Puedes probarlo pinchando en «Vista previa»


6. Apariencia del blog Resultado de activar un tema

Observa cómo han cambiado los menús

Nueva distribución de las entradas


6. Apariencia del blog Volver al tema anterior

Volvemos al menú de Apariencia->Temas y pinchamos en «Aplicar»

Puedes buscar temas aquí


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


6. Apariencia del blog Widgets: echa un vistazo a los disponibles.

2. Widgets distponibles (en la versión gratuida de Wordpress.com)

1. Pincha en «Wirdgets»

3. Widgets en uso en el blog. Para añadir uno arrástralo desde la lista hasta aquí. Por ejemplo el de «Enlaces»

Puedes tener varias instancias activas de cada widget

Para eliminar uno arrástralo desde el «área primaria» hasta «widgets disponibles»


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


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


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


Agenda




4.Páginas





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»


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

http://es.wikipedia.org/w/index.php?title=Blog&oldid=41957286

http://commlines.wordpress.com/2007/06/11/las-rutas-de-navegacion/

http://alvarofelipe.com/tag/curso-de-wordpress-com

¿Preguntas?

Gracias

manual wordpress y configuración de blog

Business