universidad del quindío · pasos para la creaciÓn de un blog 5 ¿sabe que es un blog? 5 como...

Universidad del Quindío

Electiva Complementaria

Herramientas Web 2.0 para el

desempeño profesional

GUÍA – TUTORIAL BLOG - WORDPRESS

3

UNIVERSIDAD DEL QUINDÍO - FACULTAD DE INGENIERIA

PROGRAMA DE INGENIERÍA SISTEMAS Y COMPUTACIÓN

TABLA DE CONTENIDO

PASOS PARA LA CREACIÓN DE UN BLOG 5

¿SABE QUE ES UN BLOG? 5 COMO CREAR UN BLOG EN WORDPRESS 6 CÓMO MODIFICAR LA CABECERA DEL BLOG 11 CÓMO MODIFICAR EL FONDO O PLANTILLA AL BLOG 13 CÓMO CREAR UNA ENTRADA EN LA PÁGINA INICIO 14 CÓMO CREAR UNA PÁGINA EN EL BLOG 15 CÓMO CREAR WIDGETS EN EL BLOG 17 CÓMO CREAR BLOGROLLS (ENLACES A OTRAS PÁGINAS) EN EL BLOG 23

ELECTIVA COMPLEMENTARIA

HERRAMIENTAS DE LA WEB 2.0 PARA EL DESEMPEÑO PROFESIONAL

FACULTAD DE INGENIERÍA

PROGRAMA DE INGENIERÍA SISTEMAS Y COMPUTACIÓN 4

Importante

Las Herramientas Web 2.0 se actualizan constantemente, es posible que Usted encuentre las opciones o interfaz de Usuario

diferentes a como se le presentan en esta Guía.





PASOS PARA LA CREACIÓN DE UN BLOG

¿Sabe que es un blog? Un blog o bitácora son páginas virtuales donde se publica información de manera

cronológica sobre diferentes temas como la vida de la o las personas que lo escriben,

noticias, deportes, vídeos, artículos, lugares de interés, etc.

Una de las grandes ventajas de los blogs es que Usted no necesita ser un experto en

programar o diseñar páginas web, sólo requiere que tenga un poco de conocimiento del

tema a trabajar, que escriba de una manera sencilla y ordenada para que las personas

que visiten su blog entiendan lo que quiere transmitir.

Los blogs pueden ser públicos o privados y puede permitir que las personas interactúen

con los autores por medio de los comentarios.

Existen varias alternativas (herramientas) para la creación de blogs entre ellas están:

http://wordpress.org (se debe pagar por el servidor), http://www.blogger.com,

http://blogsome.com, http://lacoctelera.com, (el alojamiento de la información es gratuito);

o http://wordpress.com.

Usted puede crear un blog personal, empresarial, de un

proyecto o de cualquier tema de su interés.

http://wordpress.org/

http://www.blogger.com/

http://blogsome.com/

http://lacoctelera.com/

http://wordpress.com/





Como crear un blog en WordPress

1. Ingrese a Wordpress mediante la siguiente dirección: www.wordpress.com

Figura 1. Página principal de Wordpress

Idioma

http://www.wordpress.com/





2. Para iniciar la creación del blog debe dar clic en el botón azul que se encuentra en la

parte inferior izquierda de la página que dice “COMIENZA”. Ver figura 2.

Figura 2. Crear una página

3. Al darle clic en el botón “COMIENZA”, la plataforma de Wordpress le ofrece la opción

de crear una cuenta para crear su propio blog, debe ingresar todos los datos

solicitados. Ver figura 3. Cuando haya terminado debe dar clic en el botón “Crear un

Blog”.





Figura 3. Crear un Blog





4. Se cargará una nueva página que le indicará que debe ir a su correo electrónico para

activar la cuenta (tiene 2 días para activar la cuenta creada, de lo contrario deberá

crear otro blog). En la bandeja de entrada de su correo electrónico, verifique que haya

llegado el mensaje de WordPress, ingrese al mensaje y de clic en el botón “Activar

Blog”

Figura 4. Activación de la cuenta





5. Al dar clic en el botón Activar Blog, automáticamente observará el entorno de trabajo

de WordPress, en el cual Usted podrá crear entradas, agregarle páginas al blog,

cambiarle el tema, fondo, agregar vídeos, imágenes, etc.

Figura 5. Entorno de trabajo





Cómo modificar la cabecera del blog

1. Para insertar una imagen en la cabecera del Blog vaya a la opción “Apariencia” que se

encuentra en la columna izquierda del entorno de trabajo. De clic en “Cabecera” y

podrá elegir la imagen que desea subir, dando clic en el botón “Examinar”. Cuando ya

haya subido la foto, de clic en el botón “Guardar cambios”

Figura 6. Modificación de la imagen de la cabecera





2. Para insertar el nombrey la descripción cortaen la cabecera del Blog vaya a la

opción “Ajustes” que se encuentra en la columna izquierda del entorno de trabajo. De

clic en “Generales” y podrá modificar estas opciones. Por ultimo de clic en “Guardar

cambios”

Figura 7. Modificación del nombre y la descripción de la cabecera del blog





Cómo modificar el fondo o plantilla al Blog De clic en la opción “Apariencias” (Ver figura 6) y seleccione la opción “Temas”. Aquí

Usted podrá visualizar las diferentes plantillas que ofrece WordPress. Las plantillas

Premium son aquellas por las cuales debe pagar para utilizarlas.

Figura 8. Modificación de la plantilla o fondo





Cómo crear una entrada en la Página Inicio

La página Inicio, es la página que viene predeterminada o por defecto en WordPress, el

procedimiento que se explicará a continuación lo puede seguir para crear la información

no solo de la Página de Inicio sino también de las páginas nuevas que cree.

Dé clic en la opción “Entradas” que se encuentra en la columna izquierda del entorno de

trabajo, ver Figura 6.

Al darle clic a “Entradas”, se abrirá una página en donde podrá añadir la entrada, debe dar

clic en el botón Añadir nueva, para agregar la entrada. Ver figura 9.

Figura 9. Página para las entradas

Automáticamente le cargará una nueva página (ver figura 10), donde debe colocarle el

nombre a la nueva entrada, la opción subir/insertar le permite insertar imágenes, vídeos,

encuestas. Se puede observar que se maneja un entorno muy similar al del procesador

de texto Word, en él puede escribir o insertar la información, imágenes o vídeos. El botón

publicar le ofrece la opción de guardar toda la información que consignó en la entrada, el

botón vista previa le permite visualizar cómo queda la entrada en el blog, con la opción

Visibilidad podrá dejar público, privado, o protegido con contraseña la entrada.

Botón Añadir nueva





Figura 10. Página Añadir nueva entrada

Cómo crear una Página en el Blog Para crear una página en el blog, debe dar clic en la opción “Páginas” que se encuentra

en la columna izquierda del entorno de trabajo, ver Figura 6. Al darle clic a la opción

“Páginas”, se abrirá automáticamente la opción para que Usted pueda añadir páginas

nuevas al Blog, debe dar clic en el botón Añadir nueva, para agregar la página. Ver

figura 11.

Figura 11. Opción para crear una página en el blog

Nombre entrada

Botón Publicar

Botón Vista previa

Opción Visibilidad

Botón Añadir nueva





Automáticamente le cargará la opción para crear una página (ver figura 12), debe

colocarle el nombre y puede utilizar todas las opciones que se explicaron en la figura 10.

Figura 12. Opción Añadir nueva página

NOTA: En la opción VISIBILIDAD Usted podrá seleccionar la opción de

“CONTRASEÑA” para proteger su página.

Nombre página

Botón Publicar

Opción Visibilidad





Cómo crear Widgets en el Blog Los Widgets (son pequeñas aplicaciones que permiten insertar calendarios, enlaces a

otras páginas, opciones de búsqueda, imágenes, etc.).

Cómo insertar el Calendario

Para insertar el calendario en la página inicio debe dar clic en “Apariencia” que se

encuentra en la columna izquierda del entorno de trabajo y escoger la opción “Widgets” .

Le cargará una página con los Widgets disponibles que puede utilizar en la página inicio,

para poder publicar un Widgetsseleccionar el de su interés (para efectos de este ejemplo,

el calendario) luego debe arrastrarlo con el mouse a la barra lateral derecha.

Figura 13. Widgets





Después de arrastrar el Widgeta la barra lateral, puede colocarle un titulo y darle clic al

botón Guardar para que el nombre quede guardado, o si quiere eliminar el Widget de la

página inicio simplemente dé clic en borrar.

Figura 14. Nombre del Calendario

Cómo crear un enlace a Youtube, Facebook y Twitter

El primer paso que Usted debe realizar es activar el número de enlaces que desea se

visualicen en su blog. Para esto realice lo siguiente:En la opción “Apariencia” – “Widgets”,

seleccione “Enlaces” y arrástrelo a la barra lateral derecha:

Figura 15. Enlaces a los Blogroll





Una vez haya arrastrado la opción “Enlaces” a la barra lateral derecha Usted debe elegir

una categoría de enlace, en este caso elija “Blogroll”, luego active las opciones “Mostrar la

imagen del enlace” y el “nombre del enlace”, luego indique el número de los enlaces que

quiere mostrar, como recomendación coloque 10. Finalmente de clic en “Guardar”.

Para realizar un enlace mediante un ícono a las páginas de Youtube, Facebook y

Twitter, debe realizar el siguiente procedimiento, debe hacerlo para cada caso.

Para efectos de este ejemplo se hará el procedimiento con Twitter:

a. Buscar la imagen del ícono que va a utilizar como enlace, recuerde que debe

respetar los derechos de autor y buscar imágenes con permisos de reutilización,

guardar la dirección URL (la necesitará en un paso más adelante), para este

ejemplo utilizaremos la URL del ícono de Twitter. Cuando haya encontrado la

imagen, dé clic derecho sobre ella y seleccione la opción “ Copiar la ruta de la

imagen”.

b. Tener presente la dirección URL de la cuenta creada en Twitter, para poder

utilizarla más adelante.

c. Dar clic en Apariencia.

d. Dar clic en la opción Widgets.

e. Escoger la opción imagen (Widgets) y arrastrarlo a la barra lateral.

f. Debe colocar la dirección URL de la imagen que busco en el punto a en la caja de

texto Image URL.

g. Debe colocar la dirección URL de la cuenta de twitter, en la caja de texto Link URL

(whentheimageisclicked).

h. Modificar el ancho y el alto del ícono de la imagen, puede utilizar las opciones que

se muestran en la figura 16.

i. Por último dar clic en el botón Guardar.





Figura 16. Cómo insertar un enlace a una imagen

Así se visualizará el enlace creado al ícono de twitter en el blog. Recuerde que debe

realizar todos estos pasos para cada uno de los íconos (Youtube, Facebbook).

Figura 17. Ícono del enlace a la cuenta de twitter

URL de la imagen

URL de la dirección de la

cuenta de twitter

Tamaño de la imagen

Botón Guardar





Cómo colocar el contador de visitas en el blog

Para insertar el contador de visitas en la página Inicio del blog, debe realizar los

siguientes pasos:

a. Dar clic en Apariencia.

b. Dar clic en la opción Widgets.

c. Escoger la opción Estadísticas del blog (widgets) y arrastrarlo a la barra lateral.

Figura 18. Widgets disponibles

Widgets Contador Visitas





d. Debe colocarle un título al contador, para este ejemplo se colocó el nombre Visitas

y darle clic al botón Guardar para que pueda ser visualizado en el blog.

Figura 19. Widgets Estadísticas del blog

Así se visualiza el contador de visitas en el blog.

Figura 20. Widgets Visitas en el blog





Cómo crear blogrolls (enlaces a otras páginas) en el blog

Los Blogroll son enlaces que llevan a otras páginas, a continuación se explican los pasos

que se deben seguir para poder realizar los enlaces:

1. Dé clic en Enlaces que se encuentra en la columna izquierda del entorno de trabajo,

ver Figura 6. escoger la opción Añadir nuevo, como se muestra en la figura 21.

Figura 21. Enlaces

2. Al darle clic a la opción Añadir nuevo, automáticamente le aparecerá la siguiente

página (ver figura 22). Debe realizar los siguientes pasos:

a. Colocar el nombre del enlace que desea que aparezca en la página Inicio del blog.

b. Colocar la dirección web de la página que quiere enlazar ejemplo:

http://google.com, no olvide colocar el http:// al inicio de la dirección.

c. Activar la caja de chequeo Blogroll en la opción de categorías.

d. Por último dar clic en el botón Anadir enlace.

http://google.com/





Figura 23. Página Añadir enlace

Así se verán los Blogroll o enlaces en la página.

Figura 24. Enlaces a otras páginas

Nombre enlace

Dirección web

Caja de chequeo

Botón Añadir enlace

Recurso Académico elaborado con fines educativos para todos los estudiantes que cursen la Electiva Complementaria.

Lina María Quintero Martínez

Paola Andrea Acero Franco Robinson Pulgarín Giraldo

Grupo SIGESCO (Sistemas de Gestión del Conocimiento)

Universidad del Quindío

universidad del quindío · pasos para la creaciÓn de un blog 5 ¿sabe que es un blog? 5 como...

Documents