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 2

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 ejemplo categora de ejemplo 3. Si la categora es una subcategora, aqu se elige la categora padre (parent en ingls)

Explicacin de la diferencia entre categora y etiqueta

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 blog JavierSnchezMonederoCreacindecontenidosenInternet 30

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
Igual que con otros elementos de Wordpress tienes un listado con varios campos

Pincha aqu para aadir una pgina

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
Entrada etiquedada con una o varias etiquetas ETIQUETA ENTRADA Contenido temporal CATEGORA Tienen relaciones jerrquicas entre ellas Entrada pertenece a una o varias categoras RECURSO MULTIMEDIA Imgenes, documentos... Una pgina puede contener otras pginas (jerarquas) PGINA Contenido atemporal

Relacinentre conceptosde Wordpress

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 3-nov-2010-He descubierto Fuel Fandango conciertos msica descubrimientos cordobeses fusin personal viajes 1-ago-2010-Me voy a Fuengirola Sobre mi blog

Ejemplode relacinentre elementos

JavierSnchezMonederoCreacindecontenidosenInternet 46

5. Organizacin de informacin

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

ENLACE El enlace puede pertenecer a muchas categoras

JavierSnchezMonederoCreacindecontenidosenInternet

47

5. Organizacin de informacin
Problemasdelasetiquetasycategoras:qu etiquetaslepondrasaunaentradasobrebanksy?

JavierSnchezMonederoCreacindecontenidosenInternet

48

5. Organizacin de informacin
Problemasdelasetiquetasycategoras:qu etiquetaslepondrasaunaentradasobrebanksy?

arte arte poltica humor crtica ...

49

JavierSnchezMonederoCreacindecontenidosenInternet

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 JavierSnchezMonederoCreaci ndecontenidosenInternet

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