Está en la página 1de 21

Manual bsico de

Wordpress
Instalacin del programa sobre el espacio web
asociado a la cuenta de correo de PDI/PAS

28/10/2016
CSIRC
Cartuja
Manual bsico de Wordpress

1. Gua de instalacin y primeros pasos con Wordpress ......................................2


1.1. Instalacin ............................................................................................................ 2
1.2. Primeros pasos con Wordpress .......................................................................... 2
2. Cmo personalizar nuestro blog .................................................................................. 3
2.1 Entradas ................................................................................................................. 4
2.1.1. Creacin de una nueva entrada ....................................................................... 4
2.1.2. Categoras .......................................................................................................... 5
2.1.3. Otras opciones ................................................................................................... 6
2.2. Pginas .................................................................................................................. 6
2.2.1. Creacin de una nueva pgina ......................................................................... 6
2.2.2. Atributos de las pginas ................................................................................... 7
2.3. Enlaces .................................................................................................................. 8
2.3.1. Aadir un nuevo enlace. ................................................................................... 8
3. Comentarios ......................................................................................................................... 9
3.1. Aadir.................................................................................................................... 9
3.2. Gestin ................................................................................................................ 10
4. Apariencia ...................................................................................................................... 11
4.1. Temas .................................................................................................................. 11
4.1.1. Instalacin y activacin de un tema nuevo. .................................................. 11
4.2. Widgets ............................................................................................................... 12
4.2.1. Activacin de un widget nuevo ...................................................................... 13
4.3. Mens .................................................................................................................. 13
5. Plugins y Widgets ........................................................................................................ 14
5.1. Instalacin y activacin de plugins ................................................................... 14
6. Medios ................................................................................................................... 15
6.1. Aadir contenido................................................................................................ 15
7. Ajustes................................................................................................................................. 17
7.1. Generales ............................................................................................................ 17
7.2. Lectura ................................................................................................................ 17
8. Usuarios ............................................................................................................................. 18
.................................................................................................................................... 19
9. Anexos ............................................................................................................................. 19
9.1. Recomendaciones .............................................................................................. 19
9.2. Datos de conexin para la instalacin de temas, plugins o contenido
multimedia................................................................................................................. 20

CSIRC Pgina 1
Manual bsico de Wordpress

1. Gua de instalacin y primeros pasos con


Wordpress
WordPress es un sistema de gestin de contenido enfocado a la creacin de
blogs y pginas Web bajo licencia GPL (Software libre). Es uno de los sistemas ms
utilizados, que se traduce en una gran comunidad de usuarios, con soporte, ayuda y
creacin de nuevos contenidos constantemente.

1.1. Instalacin

1. Solicitar el servicio de web dinmica en la siguiente pgina:


https:/csirc.ugr.es/informatica/ServiciosWeb/PaginaWeb/WebDinamica/

2. Recibiremos un correo de confirmacin indicando que el servicio ha sido


activado. El nombre de usuario y la contrasea son los mismos que para
nuestra cuenta de correo electrnico @ugr.

3. Seguir las instrucciones de la siguiente web para instalar Wordpress en nuestro


espacio:
https://csirc.ugr.es/informatica/ServiciosWeb/PaginaWeb/WebDinamica/aplicaci
ones.html

1.2. Primeros pasos con Wordpress

Para acceder al escritorio de administracin de nuestra pgina, hay que


introducir en nuestro navegador la direccin http://wdb.ugr.es/~usuario/wp-admin y
el usuario y contrasea que introducimos en la instalacin. Desde este escritorio
seremos capaces de personalizar nuestro blog y editar su contenido.

Si se quiere visualizar el contenido de la misma, la direccin que hay que poner


en el navegador es http://wdb.ugr.es/~usuario.

CSIRC Pgina 2
Manual bsico de Wordpress

Estadsticas blog (n entradas, pginas, comentarios, categoras, etc)

Imagen 1.2.1: Escritorio de administrador.

La barra lateral izquierda del escritorio es la Barra de herramientas. Aqu se


encuentran los mens de acceso a todos los elementos de nuestro blog y las opciones
de configuracin del mismo. Podremos crear y editar nuevas entradas, pginas y
enlaces de forma simple.

2. Cmo personalizar nuestro blog


WordPress ofrece diferentes maneras de publicar contenido:

1. Entradas: Es contenido sensitivo a fechas y se muestra en orden


cronolgico inverso, es decir, el ms reciente aparece el primero. Se le
pueden asignar categoras y son parte de la pgina.

2. Pginas: No son parte del blog como tal porque son un apartado permanente.
Se puede acceder a las pginas que hayamos creado mediante enlaces
que se muestran en la barra lateral u otro lugar de la pgina.

3. Enlaces: Son los enlaces a otras pginas o blogs a los que queremos
hacer referencia y que conforman el llamado Blogroll.

CSIRC Pgina 3
Manual bsico de Wordpress

2.1 Entradas
2.1.1. Creacin de una nueva entrada
1. Seleccionar la pestaa Entradas en la barra lateral izquierda de nuestro
escritorio. Desde aqu se administran (borrar, editar, aadir, etc) todas las
entradas de mi pgina web/blog.

Imagen 2.1.1: Administracin entradas.

2. Clic en Aadir nueva. Introducir el ttulo de la entrada, el contenido de la


misma y pulsar en Publicar (no olvidar nunca publicar). Es posible incluir
imgenes (click en aadir objeto), archivos, enlaces, etc.

Imagen 2.1.2: Nueva entrada.

CSIRC Pgina 4
Manual bsico de Wordpress

3. Si se accede a http://wdb.ugr.es/~usuario se puede comprobar que la


entrada ha sido publicado.

2.1.2. Categoras

Wordpress permite asignar categoras a las entradas. Esta opcin es muy til
para clasificar y ordenar nuestras entradas y mantener una coherencia temtica en
nuestro blog/pgina web. Los pasos a seguir para crear una categora son los
siguientes:

1. Hacer clic sobre Entradas.

2. En el men desplegado, pulsar sobre la opcin Categoras.

3. Introducir el nombre de la categora y click en Aadir nueva categora.

4. Acceder a la entrada a la que se quiera asignar la categora.

5. En el men Categoras (est a la derecha) seleccionar la categora que se


desee y click en Actualizar.

Imagen 2.2.1: Opciones de las entradas.

CSIRC Pgina 5
Manual bsico de Wordpress

2.1.3. Otras opciones

Se puede modificar la fecha de publicacin de la entrada, la visibilidad, el


estado, etc.

Imagen 2.3.1: Otras Opciones.

2.2. Pginas
2.2.1. Creacin de una nueva pgina

1. Seleccionar la pestaa Pginas en la barra de herramientas y clic en Aadir


nueva.

Imagen 2.4.1: Administracin de pginas.

CSIRC Pgina 6
Manual bsico de Wordpress

2. Introducir el ttulo de la pgina y el contenido de la misma y pulsar en


Publicar. Es posible incluir imgenes, archivos, enlaces, etc en dicho
contenido, al igual que se hizo en las entradas.

Imagen 2.4.2: Aadir una pgina.

3. Al acceder a nuestra web, podremos acceder a la pgina creada desde el


men superior, siempre que el el tema soporte men de pginas, si no
habr que crear dicho men.

2.2.2. Atributos de las pginas


- Pgina superior: Asigna un orden jerrquico a las pginas.

Imagen 2.4.3: Atributos


.

CSIRC Pgina 7
Manual bsico de Wordpress

- Orden de las pginas: Las pginas se ordenan alfabticamente, pero


podemos asignar a cada pgina un orden concreto. Cuanto menor sea el orden de
la pgina se mostrar ms a la izquierda en el men de pginas.

Imagen 2.4.4: Orden

2.3. Enlaces
2.3.1. Aadir un nuevo enlace.
Slo hay que introducir el nombre del enlace, la direccin web y una breve
descripcin (opcional).

Imagen 2.5.1: Aadir enlace

CSIRC Pgina 8
Manual bsico de Wordpress

Se puede cambiar el nombre, editar o borrar el enlace que se desee.

Imagen 2.5.2: Administrar enlaces.

3. Comentarios
3.1. Aadir
WordPress permite aadir comentarios en las entradas y pginas: Ir a la
entrada/pgina en cuestin y marcar la opcin permitir comentarios. Si no aparece la
casilla permitir comentarios, seleccionar Opciones de pantalla y habilitar dicha
opcin.

CSIRC Pgina 9
Manual bsico de Wordpress

Imagen 3.1.1: Comentarios.

3.2. Gestin
Si selecciona en la Barra de herramientas la opcin comentarios puede ver el
nmero total de comentarios, tanto de las pginas como las entradas, los que estn
pendientes, aprobados, etc

Varias opciones: Aprobar, Editar, eliminar, Responder, etc.

Imagen 3.2.1: Gestin de los Comentarios.

CSIRC Pgina 10
Manual bsico de Wordpress

4. Apariencia
4.1. Temas
Los temas en Wordpress son las plantillas que definen las caractersticas de
nuestra pgina web/blog: el tamao y tipo de letra, la estructura y color de la pgina,
etc. Para saber qu tema se tiene activado: Apariencia, Temas. Por defecto
wordpress instala y activa el tema Twenty ten.

Imagen 4.1.1: Tema actual.

4.1.1. Instalacin y activacin de un tema nuevo.


Wordpress permite instalar temas nuevos de forma muy sencilla: Seleccionar
Apariencia - Temas y clic sobre Instalar temas.

2.

1.

Imagen 4.1.2: Instalacin de temas.

CSIRC Pgina 11
Manual bsico de Wordpress

Existen multitud de opciones de filtrado para buscar nicamente los temas que
cumplan con las caractersticas que se desean.

Imagen 4.1.3: Opciones de Bsqueda.

4.2. Widgets
Un widget es una aplicacin o mdulo que aade funcionalidad al sitio web
que hemos creado.

La pestaa Apariencia contiene el enlace al men Widget desde donde se


pueden activar, configurar o desactivar, los widgets de nuestra pgina web/blog.

CSIRC Pgina 12
Manual bsico de Wordpress

4.2.1. Activacin de un widget nuevo


Para activar un widget solo hay que arrastrarlo a la barra lateral

2
1

Imagen 4.2.1: Activacin de widgets.

4.3. Mens
Como ya se ha dicho, hay temas que no incluyen por defecto la opcin men
de pginas. La solucin ser crear nuestro propio men. Seleccionar Apariencia,
Mens: Crear y dar nombre al men (pasos 1 y 2) y aadir las pginas que queremos
que aparezcan en l (pasos 3 y 4)

1
2

3
4
Imagen 4.3.1: Creacin de un men.

CSIRC Pgina 13
Manual bsico de Wordpress

Nota: De igual forma se puede crear un men que muestre las categoras de las
entradas.

5. Plugins y Widgets
Los plugins, al igual que los widgets, son aplicaciones que extienden la
funcionalidad de Wordpress.
Diferencias entre Plugins y Widgets:

Widgets son complementos que al ser activados se muestran en reas


predeterminadas. Por ello, se pueden ubicar en una posicin concreta
de la pgina (arriba, a la derecha, abajo...).

Plugins, no es necesario ubicarlos ya que hacen, por lo general, una


funcin invisible.
Cuantos ms plugins/widgets tengamos activos ms tardar en cargar la pgina.

5.1. Instalacin y activacin de plugins


Wordpress permite instalar nuevos plugins de forma sencilla: Men Plugins
pestaa Plugins y Aadir nuevo (o directamente Aadir nuevo barra lateral).

2.

1.

Imagen 5.1.1: Instalacin de plugins.

CSIRC Pgina 14
Manual bsico de Wordpress

Introducir el nombre del plugin y clic en Buscar plugins. Tambin existe la


posibilidad de consultar todos los existentes en el directorio de plugins de Wordpress.

Nombre del plugin a buscar


Enlace al directorio de
plugins de Wordpress

Imagen 5.1.2: Buscador de plugins.

6. Medios
Aqu se encuentran todos los archivos que se han ido cargando/subiendo en
las entradas y pginas.

Wordpress permite subir imgenes, vdeos, archivos pdf, etc. Para ello tiene
que existir la carpeta uploads en el directorio wp-content en nuestro espacio del
servidor y tiene que tener permisos 777, si no es as, se producir un error al subir
los archivos.

6.1. Aadir contenido


Entrar en Medios, Librera multimedia y Aadir nuevo (o directamente
en Aadir nuevo).

Imagen 6.1.1: Librera multimedia.

CSIRC Pgina 15
Manual bsico de Wordpress

A continuacin pulsar Elegir archivos o arrastrar el archivo deseado

Imagen 6.1.2: Aadir archivos.

CSIRC Pgina 16
Manual bsico de Wordpress

7. Ajustes
7.1. Generales
Desde aqu se puede modificar:
- el ttulo y el subttulo de la pgina.
- el correo donde recibir las notificaciones, fecha, hora
- y otras opciones como el registro de usuarios para comentar las entradas y
pginas.

Imagen 7.1.1: Ajustes generales.

7.2. Lectura
Contiene una de las opciones ms importantes: Pgina frontal muestra
(pgina de inicio). Gracias a esta opcin se puede configurar wordpress para que las
ltimas entradas se muestren en la pgina de inicio o que se muestren en la pgina
que elija el usuario. Se recomienda marcar la opcin Tus ultimas entradas si se va a
utilizar wordpress como herramienta de creacin de un blog o una pgina esttica
para configurarlo como pgina web.

CSIRC Pgina 17
Manual bsico de Wordpress

Imagen 7.2.1: Ajustes lectura.

8. Usuarios
Desde la opcin Tu perfil se puede editar la informacin de nuestro perfil,
contacto (e-mail, AIM, Yahoo, Google Talk...), cambiar la contrasea de acceso o
aadir informacin biogrfica que se puede mostrar pblicamente

Tambin se pueden agregar nuevos usuarios para que colaboren en el sitio web:

Colaborador Puede crear contenido pero no publicarlo, el administrador


debe aprobarlo primero.

Autor Tiene los privilegios del Colaborador y adems puede subir


archivos y publicar entradas.

Editor Tiene todos los privilegios del Autor y adems puede editar
entradas y pginas, moderar comentarios y modificar categoras y
enlaces.

Administrador Pleno derecho de gestin.

CSIRC Pgina 18
Manual bsico de Wordpress

Imagen 8.1: Aadir nuevo usuario.

9. Anexos
9.1. Recomendaciones
Una vez vistas todas las posibilidades que ofrece wordpress es recomendable
seguir los siguientes pasos:

1. Actualizar Wordpress a la ltima versin y cambiar contrasea de inicio.


2. Elegir un tema
3. Elegir el ttulo y el subttulo
4. Aadir los widgets
5. Aadir entradas y pginas de acuerdo a la estructura deseada.

Estados para una entrada/pgina:


- Publicado
- Borrador
- Esperando Revisin
Visibilidad:
- Pblica
- Protegida con contrasea

CSIRC Pgina 19
Manual bsico de Wordpress

Recordar que WordPress ofrece diferentes maneras de publicar contenido:

Entradas
o Contenido sensitivo a fechas.
o Orden cronolgico inverso, la ms reciente la primera.
o Se le pueden asignar categoras y etiquetas.
Pginas
o Constituyen un apartado permanente.
Enlaces
o Referencia a otras pginas o blogs a los que queremos hacer
referencia y que conforman el llamado Blogroll

9.2. Datos de conexin para la instalacin de temas,


plugins o contenido multimedia
Siempre que se intente instalar un tema, plugin o subir contenido multimedia
aparecer una pantalla para introducir los datos de conexin. Lo nico que hay que
hacer es introducir la siguiente informacin:

Nuestro nombre de usuario, sin


el @ugr.es

Nuestra contrasea del correo


@ugr.es

Imagen 9.1: Datos de conexin.

CSIRC Pgina 20