ESCUELA DE INGENIERÍA EN COMPUTACIÓN

Carrera: Técnico en Ingeniería de Sistemas Informáticos

Materia: Administración de Herramientas Web

GUÍA PRÁCTICA 3: CREACION DE BLOG CON EL GESTOR DE CONTENIDO

INTRODUCCIÓN:
Crear un blog con ayuda de un gestor de contenido facilita la tarea, la programación
se minimiza, hay muchos plugin para mejorar la flexibilidad y visibilidad entre otras
muchas cosas; además baja los costos para las empresas.

OBJETIVOS DE APRENDIZAJE:

Al finalizar la clase los estudiantes serán capaces de:

 Crear un blog utilizando un gestor de contenido Wordpress

MATERIAL Y EQUIPO:

 Guía de Laboratorio.
 Computadora con sistema operativo Windows 8.1 o
superior.
 Páginas de pape bond o cuaderno
 Internet.

INSTALA WORDPRESS EN UN SERVIDOR LOCAL

Para esta guía se usara XAMPP como sistema de servidor local y para ello es necesario
tener activados los servicios básicos del mismo: Apache, MySQL y PHP.
Descarga Xampp: https://www.apachefriends.org/es/download.html
Descarga Wordpress: https://es.wordpress.org/download/#download-install
Proceso de instalación
Una vez descargado Xampp, se debe ejecutar con permisos de administrador

Cuando se instala Xampp se generan los siguientes directorios dentro de la carpeta

C:\\xampp

15
 Siendo la carpeta htdocs la carpeta publica donde se alojan
los archivos web, los cuales pueden ser accedidos mediante
un navegador, por medio de la dirección: localhost/

Una vez descargado Wordpress se procederá a

ingresar a la carpeta htdocs, y deberá
descomprimir la descarga y renombrar la
carpeta a sitiowp.

Quedando la siguiente ruta disponible en su

directorio: C:\\xampp\htdocs\sitiowp

Para instalar Wordpress, debe abrir un navegador e ingresar la siguiente dirección:

localhost/sitiowp/
Aparecerá, la siguiente pantalla, en donde le daremos clic al botón “Vamos a ello”

Antes de proceder al llenado de la información, debemos asegurarnos de crear la

base de datos que utilizará Wordpress. Para ello crearemos la base de datos
llamada bdwp desde PHPMyAdmin
Paso 1: Ingresar a PhpMyAdmin (escribir en el navegador localhost/phpmyadmin)
Paso 2: Crear la base de datos, mediante comandos SQL, primero dar clic al botón
SQL

16
Luego escribir las siguientes líneas de código SQL

Posteriormente clic al botón continuar

Proceder a llenar el formulario en el proceso de instalación de Wordpress

Después de
dar clic al botón enviar, se procede a la instalación de Wordpress

Con lo anterior se procederá a escribir la configuración general para el sitio de

Wordpress

17
Escribir los siguientes datos:
itcawp
estudiante
Itca123!
tu correo electrónico (de cada estudiante)
(no check)
procedemos a instalar

La señal de que todo está correctamente instalado:

18
Primer inicio de sesión

Deberás escribir tu nombre de usuario y contraseña

previamente configurada…

Una vez ingresado se visualiza:

¿Cómo ingresar nuevamente a esta ventana después de haber cerrado el

navegador?

Una vez ingresado, en la cinta superior, busca el

nombre del sitio itcawp, luego clic a Escritorio...

19
CREACION DE UN BLOG CON WORDPRESS

1 paso: Ingresar a Wordpress con las credenciales previamente configuradas

(usuario: estudiante, contraseña: Itca123) . Una vez dentro del escritorio, clic al
botón Personaliza tu Sitio

Se podrá visualizar el “sitio” (Este puede ser un sitio o blog, dependiendo la

finalidad con que se diseñe). El estilo visual dependerá del tema seleccionado.

Paso 2: Cambiar el tema, buscar el tema: Balanced Blog, al encontrarlo dar clic en
vista previa, luego al botón Activar y publicar.

Paso 3: En el Escritorio de Wordpress, buscar la opción páginas:

En esta sección aparecen todas las páginas del sitio o blog,

deberá eliminar todas a excepción de:

Acerca de

Blog e

Inicio

20
Paso 4: Seleccionar la página que lleva por nombre Inicio, clic en la opción editar.

Paso 5: Editar el contenido de la página Inicio

¿Cómo insertar un elemento multimedia?

Primero clic al botón “añadir objetos”, luego se selecciona el archivo, una vez
elelegido clic al botón que dice “insertar en la página”

21
Paso 6: Escribir el contenido de la página inicio, una vez terminada, en la parte
derecha del editor, clic al botón actualizar, luego a vista previa de los cambios

Paso 7: Al visualizar la vista previa, vera los resultados de la edición. Si no hay un

menú para navegar, deberá aparecer un enlace que dice

Clic al enlace, luego aparecerá la ventana para gestionar los Menús, Se deberá
crear el Menú Principal y agregar las paginas existentes, si existen otras, deberá
eliminarlas, debe quedar así:

Nota: No olvidar checkear esto:

¿Puedes ahora visualizar el blog…???

22
¿No aparece nada al inicio?? recuerda que es un blog, por tanto, debes hacer una
entrada…

1° Desde el escritorio, clic a Entradas, luego clic

a Añadir nueva

2° Has una entrada al blog, por ejemplo, puedes

llamar a esa entrada “bienvenida”, y en el
contenido escribir algo relacionado a la
bienvenida al blog….

3° Visualiza nuevamente el sitio, y ya tu blog

empezará a tomar forma.

Si deseas agregar un enlace nuevo que apunte a las entradas del blog, dentro del
Escritorio, clic a Apariencia->Menús, agrega un nuevo enlace de cualquier página,
una vez agregado al menú principal, puedes desacoplar el enlace y editarlo:

Nota: No olvides guardar el menú.

Termina el Blog……. Debes cambiar el contenido de la página Blog y Acerca de … lo

que tú quieras poner…

EJERCICIOS PRÁCTICOS:

 Investigar cómo descargar e instalar temas para sitios web en WordPress,

debe descargar e instalar 5 temas diversos.
 Investigar cómo descargar e instalar pluggins, buscar e instalar el pluggin de
Google Maps (WP Google Maps versión 7.0)
 Crear un blog que contenga 5 páginas: inicio, Acerca de mi, Mis estudios, Mi
casa (usar mapa con pluggin de Google Maps instalado) y Mis preferencias
En las cuales deberá estar la siguiente información:
 Inicio: aquí estarán todas las entradas al blog
 Acerca de mí: Aquí estará información del estudiante, nombre completo
carrera, numero de carnet, estado civil, etc.
 Mis estudios: Información de sus estudios desde bachillerato a la fecha.
 Mi casa: En esta página habrá información sobre su residencia, y la
ubicación haciendo uso de pluggin de Google Maps, con un marcador
que indique donde vive.
 Mis preferencias: Aquí pondrá información sobre sus gustos de música,
deporte, programas de TV, Cine, y comida.

23