Manual wordpress y configuración de blog

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


1. Registro en Wordpress.com
URI: 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
Accesos directos a acciones
habituales: entradas,
páginas, comentarios, Publicación rápida de
categorías... entradas (sólo título texto sin
formato)

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í
Observa las puedes editar la entrada
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

Despliega el
menú de Por defecto se muestran todas las
entradas 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»

Gestión de Categorías
Listado de categorías
1. Pincha en
«Categorías»

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

3. Si la categoría es una
subcategoría, aquí se
Explicación de la elige la «categoría
diferencia entre padre» («parent» en
categoría y etiqueta 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
Pincha en Multimedia 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

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


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»


Enlaces: resultado de borrar todos los enlaces


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
Javier Sánchez Monedero Creación de contenidos en Internetmenús del blog
enlaces en los 30

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


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

Igual que con otros elementos
Pincha aquí de Wordpress tienes un listado
para añadir una con varios campos
página


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)

1. Cambia el
título

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

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

Enlace
permanente

Título

Texto


Agenda

4.Páginas


5. Organización de información
Entrada etiquedada con una o Una página
varias etiquetas puede contener
otras páginas
ETIQUETA (jerarquías)

ENTRADA PÁGINA
CATEGORÍA
Contenido temporal Contenido atemporal
Tienen
relaciones
jerárquicas
entre ellas
Entrada pertenece a una o
varias categorías
Relación entre
conceptos de RECURSO
MULTIMEDIA
Wordpress 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

10-nov-2010-Voy a un conciertos
concierto de Fuel Fandango
3-nov-2010-He descubierto música
Sobre mi blog
Fuel Fandango descubrimientos

cordobeses

fusión

personal

viajes

1-ago-2010-Me voy a
Fuengirola
Ejemplo de
relación entre
elementos


 Enlaces y categorías de enlaces

CATEGORÍA ENLACE
Sirven para agrupar enlaces
ENLACE al mostrarlos en el blog
El enlace puede Distinta de la categoría de
pertenecer a páginas o entradas
muchas categorías



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



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

arte

arte política humor crítica ...


 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

 Menú de «Apariencia»:

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


 Navegar por los temas

Si pinchas en «Activar»
se empieza a usar
Puedes probarlo pinchando
en «Vista previa»


 Resultado de activar un tema

Observa cómo han
cambiado los menús

Nueva distribución de las
entradas


 Volver al tema anterior

Puedes buscar temas
aquí

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


 Cambiar la imagen de cabecera de un tema

2. La plantilla te indica las
dimensiones que debe
tener la imagen

3.a Vamos a subir la
1. Pincha en imagen «corredera.jpg»
«Cabecera» que tenéis en Moodle

3.b Puedes probar con
otras pero las dimensiones
deberán ser las requeridas
por tu plantilla


 Widgets: echa un vistazo a los disponibles.
3. Widgets en uso en
2. Widgets distponibles (en
el blog. Para añadir
la versión gratuida de
uno arrástralo desde
Wordpress.com)
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»

 Widgets: añadir y modificar un widget de enlace

1. Busca «Enlaces» y arrástralo
2. Pincha aquí para modificar
hasta la «Área primaria de
las opciones del wirdget
wigets»

3. Usando las categorías de
enlaces puedes elegir cuáles
saldrán aquí
4. También puedes añadir un
título


 Widgets: añadir y modificar una nube de etiquetas

1. Busca «Nube de etiquetas» y
2. Puedes cambiar el título que
arrástralo hasta la «Área
tendrá la nube
primaria de wigets»



 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


Manual wordpress y configuración de blog

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (9)

Similar a Manual wordpress y configuración de blog

Similar a Manual wordpress y configuración de blog (20)

Último

Último (20)

Manual wordpress y configuración de blog