Creacin de contenidos en

internet con Wordpress:

Manual de Wordpress
HerramientasInformticasProfesionales
GradoenTraduccineInterpretacin
Curso20102011
JavierSnchezMonedero(i02samojenuco.es)

Visin general
CadaalumnoseregistrarenWordpress.comconsu
cuentadelauniversidad.Elnombredelusuarioyblog
queregistredebeserelmismoqueellogindela
UCO.
Configuraremosbsicamenteelblogyledaremosalgo
decontenido,tantoentradascomopginas.
Vamosatrabajarelaspecto:plantillas,aadidos
(widgets)
Organizaremoslainformacindelblog:etiquetas,
categoras,bibliotecamultimedia...
IntegrarWordpressconotrosserviciosywebs
JavierSnchezMonederoCreacindecontenidosenInternet

Agenda
1.RegistroenWordpress.com
2.Configuracinbsicadelblog
3.Elementosdelblog
4.Pginas
5.Organizacindeinformacin
6.Aparienciadelblog
7.Creacinavanzadadeentradas

JavierSnchezMonederoCreacindecontenidosenInternet

1. Registro en Wordpress.com
URI:https://es.wordpress.com/

JavierSnchezMonederoCreacindecontenidosenInternet

1. Registro en Wordpress.com
Subdominiodelblogynombredeusuario

La direccin del blog y el

nombre de usuario tienen
que ser tu login de la UCO

JavierSnchezMonederoCreacindecontenidosenInternet

1. Registro en Wordpress.com
Wordpresstepidequeconfirmestudireccindecorreo

Pincha aqu

JavierSnchezMonederoCreacindecontenidosenInternet

1. Registro en Wordpress.com
Cuentaactivada!

JavierSnchezMonederoCreacindecontenidosenInternet

1. Registro en Wordpress.com
Usatunombredeverdadporquetendremosqueevaluarte

JavierSnchezMonederoCreacindecontenidosenInternet

1. Registro en Wordpress.com
Cuentaactivada!(otravez)

JavierSnchezMonederoCreacindecontenidosenInternet

1. Registro en Wordpress.com
Entraotravezahttps://es.wordpress.com/

Echa un vistazo a los nuevos

mens: tu cuenta y el
escritorio del blog
Pincha en Edit My Profile

JavierSnchezMonederoCreacindecontenidosenInternet

10

Agenda
1.RegistroenWordpress.com
2.Configuracinbsicadelblog
3.Elementosdelblog
4.Pginas
5.Organizacindeinformacin
6.Aparienciadelblog
7.Creacinavanzadadeentradas

JavierSnchezMonederoCreacindecontenidosenInternet

11

2. Configuracin bsica del blog

Loprimeroserconfigurarlacuentaparaquela
interfazwebaparezcaencastellanoypara
configurarelblogcomoblogescritoen
castellano
Muchasdelasopcionesdeconfiguracinestn
enlosmensUsers>MyProfileyUsers
>PersonalSettings
Paraaccederaestosmensdebisiniciarsesin
enWordpress.comyusarelenlacedela
esquinasuperiorizquierdaaMicuenta/My
Account.
JavierSnchezMonederoCreacindecontenidosenInternet

12

2. Configuracin bsica del blog

Modificacindelperfilpblico

JavierSnchezMonederoCreacindecontenidosenInternet

13

2. Configuracin bsica del blog

AccesoalEscritorio:recuerdaestepaso!

Puedes volver al Escritorio

del blog a travs de la barra
superior

JavierSnchezMonederoCreacindecontenidosenInternet

14

2. Configuracin bsica del blog

Ttuloysubttulodelblog

JavierSnchezMonederoCreacindecontenidosenInternet

15

2. Configuracin bsica del blog

Msopcionesdetuperfil:formatohorario,idioma...

JavierSnchezMonederoCreacindecontenidosenInternet

16

2. Configuracin bsica del blog

Visualizarelblog:sihasseguidotodoslospasos,
deberaspodervertublogenladireccin:
http://<tulogin>.wordpress.com

JavierSnchezMonederoCreacindecontenidosenInternet

17

2. Configuracin bsica del blog

ElEscritoriodeWordpress
Accesos directos a acciones
habituales: entradas,
pginas, comentarios,
categoras...

Publicacin rpida de
entradas (slo ttulo texto sin
formato)

Cada uno de estos mens se

despliega mostrando varios
submens
JavierSnchezMonederoCreacindecontenidosenInternet

18

2. Configuracin bsica del blog

PublicacinrpidadeentradasenelEscritorio

Publicacin rpida de
entradas (slo ttulo texto sin
formato)

Observa las
etiquetas

JavierSnchezMonederoCreacindecontenidosenInternet

19

2. Configuracin bsica del blog

Resultadodelapublicacinrpidaenelblog:

Observa las
etiquetas

Observa que desde aqu

puedes editar la entrada

JavierSnchezMonederoCreacindecontenidosenInternet

20

2. Configuracin bsica del blog

ObservaqueWordpresstienePginascomo
complementoalasEntradas.LasPginassonpara
contenidoestticoyatemporal.

Men de pginas
(en esta plantilla)

JavierSnchezMonederoCreacindecontenidosenInternet

21

Agenda
1.RegistroenWordpress.com
2.Configuracinbsicadelblog
3.Elementosdelblog
4.Pginas
5.Organizacindeinformacin
6.Aparienciadelblog
7.Creacinavanzadadeentradas

JavierSnchezMonederoCreacindecontenidosenInternet

22

3. Elementos del blog

VolvamosalescritoriodeWordpress
Despliega el
men de
entradas

Por defecto se muestran todas las

entradas existentes ordenadas por
fecha (la ms reciente primero).
Observa los atributos que tiene cada
entrada

Desde aqu puedes

aadir una entrada con
ms opciones que en el
caso de la entrada
rpida
JavierSnchezMonederoCreacindecontenidosenInternet

23

3. Elementos del blog

GestindeCategoras
Listado de categoras
1. Pincha en
Categoras
2. Aade
Aade
una
una
categora
de ejemplode ejemplo
categora

Explicacin de la
diferencia entre
categora y etiqueta

3. Si la categora es una
subcategora, aqu se
elige la categora
padre (parent en
ingls)

JavierSnchezMonederoCreacindecontenidosenInternet

24

3. Elementos del blog

GestindeCategoras

4. Descripcin de la categora.
Muy importante cuando se
trabaja en equipo
5. Pincha en Aadir nueva
categora para terminar
JavierSnchezMonederoCreacindecontenidosenInternet

25

3. Elementos del blog

Bibliotecamultimedia:imgenes,documentos,videos,msica...
Pincha en Multimedia

librera es un anglicismo
que hay que evitar, una
librera es un book store

Cuando aadas un elemento la

forma de organizarlo es
adjuntarlo a una Pgina o a
una Entrada
Nota:Losvideosymsicaslopodrsaadirlosenlaversin
depagodewordpress.comosiinstalaswordpressenun
servidorpropio
JavierSnchezMonederoCreacindecontenidosenInternet

26

3. Elementos del blog

Enlaces:enlacesaotraswebs

Listado de enlaces. Observa

que los enlaces tambin tienen
categoras (independientes de
las categoras de las Entradas)

Por defecto est creada la

categora de enlaces Blogroll.
Blogroll es una coleccin de
enlaces a otros blogs (tus
amigos, blogs que te gustan,
etc.)
JavierSnchezMonederoCreacindecontenidosenInternet

27

3. Elementos del blog

Enlaces:vamosaborrartodoslosenlacesquehaypordefecto
1. Pincha en Acciones en
lote. Estas son acciones que
se aplican simultneamente a
varios elementos (Entradas,
Multimedia, Enlaces...) a la vez.

2. Selecciona Borrar y pincha

en Aplicar

JavierSnchezMonederoCreacindecontenidosenInternet

28

3. Elementos del blog

Enlaces:resultadodeborrartodoslosenlaces

JavierSnchezMonederoCreacindecontenidosenInternet

29

3. Elementos del blog

Enlaces:aadirunenlacealauco

1. Pincha en Add new

3. Cuando termines pincha

en Aadir enlace

2. Rellena los campos:

Nombre: aparecer en el blog
Direccin o URI: http://www.uco.es
Descripcin: opcional, pero ayuda
para el trabajo en equipo
Categoras: a las que pertenece el
enlace. Esto sirve para organizar
informacin y para agrupar
enlaces en los mens del blog30
JavierSnchezMonederoCreacindecontenidosenInternet

3. Elementos del blog

Enlaces:resultadodeaadirunenlace

Observa que la
categora por defecto es
Blogroll

Pincha en el nombre del

enlace para editarlo

JavierSnchezMonederoCreacindecontenidosenInternet

31

3. Elementos del blog

Enlaces:aadirunaimagenalenlace.Necesitastenerla
imagenenlaBibliotecaMultimediaousarunaexterna.
Vamosausarunaimagenexternadelawebwww.uco.es

1. Pincha con el botn

derecho sobre el logotipo
de la UCO
2. Selecciona Copiar la
ruta de la imagen

JavierSnchezMonederoCreacindecontenidosenInternet

32

3. Elementos del blog

Enlaces:enelformulariodeedicindelenlacevealfinaldela
pgina

3. Pega aqu la
direccin de la
imagen que has
copiado

JavierSnchezMonederoCreacindecontenidosenInternet

33

3. Elementos del blog

Enlaces:finalizaredicindelenlace
Pincha aqu
cuando hayas
terminado

Aqu se pueden
seleccionar o aadir
nuevas categoras
para el enlace

JavierSnchezMonederoCreacindecontenidosenInternet

34

Agenda
1.RegistroenWordpress.com
2.Configuracinbsicadelblog
3.Elementosdelblog
4.Pginas
5.Organizacindeinformacin
6.Aparienciadelblog
7.Creacinavanzadadeentradas

JavierSnchezMonederoCreacindecontenidosenInternet

35

4. Pginas

Laspginasseutilizanparapresentar:

Contenidoatemporal:unaentradanormalmente
tieneintersporqueesreciente,lapginaesde
interssiempre
Contenidorelevantequequeremosqueelvisitante
encuentrefcilmente(sintenerquenavegarenla
historiadelblog)

Notienenetiquetasycategoras

Puedentenerrelacionesjerrquicas

Porlodemssonigualesquelasentradas(formato,
imgenes,comentarios...)
JavierSnchezMonederoCreacindecontenidosenInternet

36

4. Pginas

MendePginas

Pincha aqu
para aadir una
pgina

Igual que con otros elementos

de Wordpress tienes un listado
con varios campos

JavierSnchezMonederoCreacindecontenidosenInternet

37

4. Pginas

Aadirunapgina:edicin

Pgina padre o
parent para
establecer jerarquas
(opcional)

JavierSnchezMonederoCreacindecontenidosenInternet

38

4. Pginas

Aadirunapgina:compruebaelresultado

Men de pginas (en esta

plantilla)

JavierSnchezMonederoCreacindecontenidosenInternet

39

4. Pginas

Modificarunapginaexistente(I)

1. Pincha en About para

ir a esta pgina

2. Pincha en editar para

modificarla

JavierSnchezMonederoCreacindecontenidosenInternet

40

4. Pginas

Modificarunapginaexistente(II)
1. Cambia el
ttulo
2. Aadie aqu la
descripcin del blog

3. Pincha en actualizar
JavierSnchezMonederoCreacindecontenidosenInternet

41

4. Pginas

Modificarunapgina(III):cambiarelenlace
permantente(opermalink,recuerdaelglosario)
1. Pincha en el
enlace permanente
para modificarlo

2. Pincha en
Aceptar

3. Pincha en
actualizar

JavierSnchezMonederoCreacindecontenidosenInternet

42

4. Pginas

Modificarunapginaexistente(IV):compruebaelresultado

Enlace
permanente

Ttulo

Texto

JavierSnchezMonederoCreacindecontenidosenInternet

43

Agenda
1.RegistroenWordpress.com
2.Configuracinbsicadelblog
3.Elementosdelblog
4.Pginas
5.Organizacindeinformacin
6.Aparienciadelblog
7.Creacinavanzadadeentradas

JavierSnchezMonederoCreacindecontenidosenInternet

44

5. Organizacin de informacin
Una pgina
puede contener
otras pginas
(jerarquas)

Entrada etiquedada con una o

varias etiquetas
ETIQUETA
ENTRADA
Contenido temporal

Relacinentre
conceptosde
Wordpress

CATEGORA
Tienen
relaciones
jerrquicas
entre ellas

PGINA
Contenido atemporal

Entrada pertenece a una o

varias categoras
RECURSO
MULTIMEDIA
Imgenes,
documentos...

Recurso adjunto a una entrada una pgina.

Esto no significa que no se pueda usar en otra
pgina o entrada que no sea a la que pertenece
JavierSnchezMonederoCreacindecontenidosenInternet

45

5. Organizacin de informacin
10-nov-2010-Voy a un
concierto de Fuel Fandango

conciertos

3-nov-2010-He descubierto
Fuel Fandango

msica

Sobre mi blog

descubrimientos
cordobeses
fusin
personal
viajes

1-ago-2010-Me voy a
Fuengirola

Ejemplode
relacinentre
elementos
JavierSnchezMonederoCreacindecontenidosenInternet

46

5. Organizacin de informacin

Enlacesycategorasdeenlaces

ENLACE
El enlace puede
pertenecer a
muchas categoras

CATEGORA ENLACE
Sirven para agrupar enlaces
al mostrarlos en el blog
Distinta de la categora de
pginas o entradas

JavierSnchezMonederoCreacindecontenidosenInternet

47

5. Organizacin de informacin
Problemasdelasetiquetasycategoras:qu
etiquetaslepondrasaunaentradasobrebanksy?

JavierSnchezMonederoCreacindecontenidosenInternet

48

5. Organizacin de informacin
Problemasdelasetiquetasycategoras:qu
etiquetaslepondrasaunaentradasobrebanksy?

arte
arte

poltica

humor

crtica

JavierSnchezMonederoCreacindecontenidosenInternet

...
49

5. Organizacin de informacin

Algunassolucionesaestosproblemasal
organizaryetiquetarinformacin

Subjetividad:enunblogseexpresan
opiniones,gustos,etc.luegonoestanmala
Ambigedadeinconsistencia:unodebe
seguirunalneaconsistenteenelblog/web,
especialmentealtrabajarenequipo

JavierSnchezMonederoCreacindecontenidosenInternet

50

Agenda
1.RegistroenWordpress.com
2.Configuracinbsicadelblog
3.Elementosdelblog
4.Pginas
5.Organizacindeinformacin
6.Aparienciadelblog
7.Creacinavanzadadeentradas

JavierSnchezMonederoCreacindecontenidosenInternet

51

6. Apariencia del blog

MendeApariencia:

Temas:conjuntodeficherosdeestilosCSSe
imgenes
Widgetsocomplementos:piezasqueseaadenal
blog:conjuntodeenlaces,nubesdeetiquetas...
Mens:crearmenspersonalizadosparapginas,
categoras...

Aadidosoplugins:paraaadirfuncionalidad

Fondodeltema:unaimagenouncolor

Cabecera:lasdimensionesdependendela
plantilla/tema
JavierSnchezMonederoCreacindecontenidosenInternet

52

6. Apariencia del blog

MendeApariencia:

Men de apariencia

Temas disponibles (instalados).

Con la versin gratuta de
Wordpress.com no puedes
instalar ms temas

JavierSnchezMonederoCreacindecontenidosenInternet

53

6. Apariencia del blog

Navegarporlostemas

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

JavierSnchezMonederoCreacindecontenidosenInternet

54

6. Apariencia del blog

Resultadodeactivaruntema
Observa cmo han
cambiado los mens

Nueva distribucin de las

entradas

JavierSnchezMonederoCreacindecontenidosenInternet

55

6. Apariencia del blog

Volveraltemaanterior
Puedes buscar temas
aqu

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

JavierSnchezMonederoCreacindecontenidosenInternet

56

6. Apariencia del blog

Cambiarlaimagendecabeceradeuntema
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 tenis en Moodle
3.b Puedes probar con
otras pero las dimensiones
debern ser las requeridas
por tu plantilla

JavierSnchezMonederoCreacindecontenidosenInternet

57

6. Apariencia del blog

Widgets:echaunvistazoalosdisponibles.
2. Widgets distponibles (en
la versin gratuida de
Wordpress.com)

3. Widgets en uso en
el blog. Para aadir
uno arrstralo 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 arrstralo
desde el rea primaria
hasta widgets disponibles
JavierSnchezMonederoCreacindecontenidosenInternet

58

6. Apariencia del blog

Widgets:aadirymodificarunwidgetdeenlace

1. Busca Enlaces y arrstralo

hasta la rea primaria de
wigets

2. Pincha aqu para modificar

las opciones del wirdget

3. Usando las categoras de

enlaces puedes elegir cules
saldrn aqu
4. Tambin puedes aadir un
ttulo

JavierSnchezMonederoCreacindecontenidosenInternet

59

6. Apariencia del blog

Widgets:aadirymodificarunanubedeetiquetas

1. Busca Nube de etiquetas y

arrstralo hasta la rea
primaria de wigets

2. Puedes cambiar el ttulo que

tendr la nube

JavierSnchezMonederoCreacindecontenidosenInternet

60

6. Apariencia del blog

Dependiendodelaplantilla/tema:

Loswidgetspuedencambiarsuubicacin

Puedenohaberimagendecabecera

Losmenspuedencambiardecontenido,
ubicacinydistribucindelainformacin
Loscolorespordefectodelasletraspueden
cambiar.Porejemplo,siusasletrasnegras(no
colorautomtico)ylaplantillatieneelfondo
negroprobablementetublognosepodrleer
bien

JavierSnchezMonederoCreacindecontenidosenInternet

61

Agenda
1.RegistroenWordpress.com
2.Configuracinbsicadelblog
3.Elementosdelblog
4.Pginas
5.Organizacindeinformacin
6.Aparienciadelblog
7.Creacinavanzadadeentradas

JavierSnchezMonederoCreacindecontenidosenInternet

62

7. Creacin avanzada de entradas

Vamosaaadirunaentradaconimgenesy
videos
Puedesusarcualquierimagen

GoogleImgenes

Flickr

Dejoalgunasdeejemploenelfichero
imagenesblog.zip

JavierSnchezMonederoCreacindecontenidosenInternet

63

Referencias

ColaboradoresdeWikipedia.Blog.Wikipedia,Laenciclopedialibre,2010[fechade
consulta:21denoviembredel2010].Disponibleen
http://es.wikipedia.org/w/index.php?title=Blog&oldid=41957286.
ManualdeWordpresshechoconWordpress:

Creandotupropioblog,desdecero

OtromanualdeWordpress.com,pareceunpocoanticuandoenladistribucinde
mens,peroospuedeayudar:

CursodeWordpress.comdelvaroFelipe

JavierSnchezMonederoCreacindecontenidosenInternet

64

Preguntas?

Gracias