Unidad 1.

Content Management
System (CMS)
Introducción
Cuando navega por internet se ha preguntado: ¿qué tipo de programación tienen las páginas web?,
¿qué lenguaje utilizan?, ¿tienen bases de datos o no?, ¿cuál motor utilizan para su desarrollo? Bien,
ha llegado el momento para que veas con otros ojos la navegación, con una mirada de programador
y experto en Tecnología de la información. TI. En la actualidad, el mundo de la web tiene millones
de páginas, blogs, wikis y cada día se dan de alta más sitios.

Es bueno saber que existen los Content Management System (CMS), herramientas que te van a
permitir mejorar la productividad y el tiempo de producción de proyectos web. Además, te
brindarán una buena calidad, seguridad a través de manejo de perfiles y, facilidad para que el cliente
también pueda tener la opción de actualizar el contenido de su página.

Contenido

1.Content Managament System ............................................................................................ 3

1.1: Definición ..................................................................................................................... 3

1.2: Atributos y características .......................................................................................... 5

1.3: Criterios de selección para un CMS ............................................................................ 7

1.4: Clasificación y tipos de CMS ....................................................................................... 9

2. CMS WordPress ................................................................................................................ 12

2.1: Características ............................................................... Error! Bookmark not defined.

2.2: Construyendo un sitio en WordPress...........................................................................

Tema 1: Content Managament System

En la actualidad, el desarrollo de software beneficia a las empresas y a algunas de las actividades

cotidianas que realizamos; primero, porque nos facilitan el acceso a servicios; segundo, porque
mejoran la productividad de las empresas.
Como hemos visto en otros cursos, existen framework, IDE y demás herramientas que permiten que
a través de lenguajes de programación, se construyan aplicaciones web, de escritorio y aplicaciones
móviles. Es momento de abordar el tema de los gestores de contenido o CMS (por sus siglas en
ingles), que son herramientas que permiten al usuario desarrollar sistemas sin la intervención de
mucha programación, solo a través de ajustes visuales. En el desarrollo de esta unidad
profundizaremos más en el tema.

1.1. Definición
CMS o sistema gestor de contenidos, es un software que permite gestionar contenidos, es decir, es
una aplicación que al instalarse posibilita al usuario crear, actualizar, cargar, gestionar, publicar y
eliminar contenido de cualquier tipo, es decir, textual o multimedia (imágenes, audio, video,
etc.).Llevar a cabo un proyecto de desarrollo web, es posible de diferentes formas. Una es empezar
el proyecto desded cero, con la planificación y construcción de cada una de las funciones descritas
en los casos de uso, así como su maquetación y características de usabilidad; Otra, es apoyarse en
la evolución de las tecnologías.
Los framework, por ejemplo, permiten la creación de una web o webApp con mayor facilidad,
incrustando código ya establecido y funciones de interacción, pero aparte de estos, existe la opción
de implementación del CMS, que no exige conocimiento profundo de programación o sistemas.

En realidad, los CMS son una interfaz a través de las cuales se gestionan las bases de datos que
tienen almacenados los contenidos a gestionar. Este tipo de programas, permiten entonces, crear
la estructura de la web o webApp.

Michelinakis (2004) señala que "los sistemas de gestión de contenidos no son solo un producto o
una tecnología. CMS es definido como un término genérico que se refiere a un amplio rango de
procesos que sostienen la ‘siguiente generación’ de los sitios web medianos y grandes. La gestión
de contenido es un proceso que se encarga de la creación, almacenamiento, modificación,
recuperación y presentación de datos o contenido".

Jiménez y Moreo (2006) comparten el concepto propuesto en Wikipedia, donde se afirma que un
CMS "consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido
del sitio. El sistema permite manejar de manera independiente el contenido por una parte y el
diseño por otra”.
Por esta razón, es posible manejar el contenido y darle un diseño distinto al sitio sin tener que darle
formato al contenido de nuevo, además, permite la publicación de varios editores de manera fácil
y controlada.

Un ejemplo clásico, es el de editores que cargan el contenido al sistema y otro de nivel superior que
permite que estos contenidos sean visibles a todo público. Bramscher y Butler (2006), definen al
CMS desde la explicación de acuerdo a la siguiente figura.

Ilustración 1. Estructura de funcionamiento de un CMS.

Fuente: Bramscher y Butler (2006)
Para Ortegón (2007), un CMS "es un sistema que permite actualizar el contenido de una página web
sin involucrar especialistas ni conocimiento técnico, donde el administrador de contenido permite
adaptarse a las tendencias en Internet donde se está pasando de tener contenidos estáticos a
contenidos dinámicos y sitios interactivos".

Para Tramullas (2009), un sistema de gestión de contenidos es "un sistema informático (hardware
y software) responsable de la colección, gestión y publicación de bloques (chunks) de información,
llamados componentes de contenido". A partir del análisis de estos conceptos, se pueden advertir
puntos coincidentes:

 Un CMS es un sistema. Significa entonces que están compuestos por un conjunto de

elementos que se relacionan e interactúan entre sí, de modo tal que le confieren entidad
propia para formar un todo unificado. Por tanto, al afirmar que un CMS es un sistema
informático, se asume que como sistemas tienen entradas y salidas a partir de aplicaciones
informáticas.
 Son aplicaciones, software integradores para la creación de productos para la web.
 Se reconoce al CMS como sistema dinámico y su actividad está en función de la creación,
gestión y actualización de otro producto.
 Su ventaja esencial como herramienta para la construcción de productos web es que
permite manejar el diseño (desde una perspectiva visual y de requerimientos de
funcionamiento informáticos), de manera independiente de la gestión de los componentes
del contenido (arquitectura, creación, almacenamiento, modificación, edición).

Para concluir, la característica más destacada de estas herramientas es permiten gestionar el

contenido y el diseño de manera independiente.

1.2: Atributos y características

Los sistemas gestores de contenidos se han popularizado mucho en la actualidad debido a su

funcionalidad, su facilidad de uso y la interacción con el usuario.
Los CMS se caracterizan por tener una interfaz gráfica para la manipulación de todo su proceso,
desde su instalación, creación de base de datos, hasta la estructuración, gestión de contenidos,
publicación de los mismos y eliminación en caso de caducidad.

Su estructura, cuenta con los siguientes elementos:

 La interfaz gráfica como parte visible y de interacción con el usuario, donde pueden acceder
como invitados, usuarios o administradores.
 El fondo o administración, donde se llevan a cabo todas las actividades de configuración,
creación, edición y gestión de contenidos de la aplicación.
 Módulos que permiten al usuario la edición del sitio web que está construyendo
 Ítem de gestión de usuarios donde se pueden asignar perfiles, usuarios, permisos y la forma
que al acceder cierto usuario que va a poder ver y que no.
 Módulos de configuración de las características básicas del sitio, base de datos, nombre,
dominio, etc.
 Plantillas personalizadas gratis y otras de pago para que el usuario inicie el sitio web con una
estructura definida.
 Extensiones o plugins que se pueden instalar para tener más funciones en el sitio web.
 Múltiples idiomas que se pueden agregar para visualización del sitio.

¿Quieres aprender más de CMS?, por eso vamos a definir algunas de sus funciones básicas:

 Creación de contenidos

o Esta funcionalidad es muy importante porque les permite a los usuarios, sin
conocimientos de publicación web o programación, generar contenidos gracias a los
editores que posee la herramienta de manera integrada.
o También como se habla de contenidos los CMS ofrecen diferentes tipos de
documentos para su edición y publicación como son: los foros de discusión, las
noticias, libros digitales, etc.

 Gestión de contenidos
o La funcionalidad anterior se aplica a la creación de contenidos de acuerdo a los
editores que tiene integrados, pero ahora se pasa a la funcionalidad que se tiene
disponible una vez creado el documento.
o Al usuario tener creado el documento, se almacena en la base de datos junto con
metadatos y otra información adicional, como autor, fecha de creación, tipo de
documento, permisos de acceso, etc.
 o La actividad de gestionar contenido, actualizarlo, eliminarlo se hace a través de la
estructura que proporciona el CMS. Como es su característica con interfaz gráfica,
esta gestión se puede compartir con otros usuarios, es decir, se puede dar
permiso a usuarios de editar documentos según su perfil.

 Publicación de contenidos

o Este es el paso final del usuario para que el contenido que creó sea visualizado por
todos los cibernautas, el CMS trae la posibilidad de crear contenido y dejarlo como
guardado o borrador, es decir, que, aunque ya se creó y se guardó, aún no se ha
publicado para que sea visible.

 Presentación del gestor de contenidos

o Los CMS siguen una normativa internacional de accesibilidad por lo cual. pueden ser
leídos o accedidos desde cualquier navegador y, permiten establecer idioma, huso
horario, moneda, etc.

1.3: Criterios de selección para un CMS

Ahora bien, conociendo un poco más de funcionalidades, características y algunos conceptos

básicos de CMS es momento de empezar a hablar sobre que se debe hacer al momento de dar inicio
a un nuevo proyecto.
En este sentido si adquiere el rol de un gerente de proyecto sobre un sitio web debe empezar a
preguntarse, ¿qué CMS selecciono?, CMS hay de todas las clases, tipos y particularidades extendidos
en la web, un ejemplo de ello es colocar en un buscador CMS y aparecen algunos conocidos como:

http://www.vignette.com/es

 Vignette es un CMS de tipo comercial, es decir, se debe adquirir y es bastante costoso, cabe
recordar que fue el primero en aparecer en el mercado de manera comercial.
 Fue desarrollado por Vignette Corporation, y proporciona un amplio soporte para Java EE,
tiene un producto específico para desarrollo de portales web el cual soporta JSR 168 y se
llama Vignette Application Portal.

http://drupal.org/

 Tiene la característica de ser fácil en la creación de contenido, de buen rendimiento en

transacciones u operaciones del usuario y excelente seguridad.
 Es un CMS de código libre y gratuito, está basado en el lenguaje programación PHP y tiene
el uso por defecto de la base de datos MySQL.

http://mambo-foundation.org/

 Es un CMS que se puede utilizar para la creación de páginas web sencillas, hasta complejas
aplicaciones empresariales. En todo el mundo es utilizado para la creación de portales,
comercio electrónico, iglesias y algunas entidades sin ánimo de lucro.
 Es un software libre bajo licencia GNU.

http://www.joomla.org/

 Es un CMS muy popular que se basa en el patrón web modelo-vista-controlador y se puede

usar independiente del gestor de contenidos, facilitando también la creación de aplicaciones
web.
 Es gratuito y está basado en el lenguaje de programación PHP y la base de datos MySQL.

http://wordpress.org/

 Es un CMS muy popular, aunque su fama es reconocida por ser elegido para la creación de
la mayoría de blogs en el mundo, es una herramienta muy potente por todos los plugins que
proporciona para extender sus funcionalidades.
 Es creado en lenguaje de programación PHP y base de datos MySQL.
  Es gratuito y se basa en plantillas. Este ofrece una gran variedad de plantillas sin costo, sin
embargo, tiene otras que son pagas y que incluyen otro tipo de funcionalidades integradas
para la interacción con el usuario, comercio electrónico y demás.

Existen muchos más CMS en el mercado, que podrán ser utilizados de acuerdo a las necesidades de
cada proyecto. Cuando trabajamos en esa iniciativa, debemos tener en cuenta otras preguntas:
¿qué tipo de producto se requiere?, ¿quiero desarrollar una página web, una aplicación, un portal?,
¿cuáles serán los usuarios del sitio?, ¿tengo presupuesto para la adquisición de licencias o compra
de herramientas?

Con estos interrogantes realizados al inicio de todo proyecto, se puede hacer una breve lista de
algunos criterios que debes tener en cuenta al momento de seleccionar un CMS:

 Si es de código libre o de código propietario.

 Como es su arquitectura, si se puede ampliar o potenciar su administración y la forma de
manejo.
 Lenguaje de desarrollo y soporte de ampliación.
 Facilidad de uso, implementa estándares web, accesibilidad y disponibilidad.

A la hora de escoger el CMS, también debes evaluar su funcionalidad:

 Editores de contenido.
 Creación de perfiles de usuarios.
 Múltiples lenguajes.
 Compatibilidad con varios navegadores.
 Personalización del panel de administración.
 Publicación programada con fecha de activación y fecha de caducidad.
 Mecanismos de comunicación (foros, chat, correos, etc.).
 Gestión de contenido multimedia.
 Copias de seguridad.
 Estadísticas e informes.

Tema 1.4: Clasificación y tipos de CMS

Los CMS tienen características que los hacen atractivos para su implementación en diferentes tareas
de desarrollo de software, y en sí mismos, estos gestores son aplicaciones web que fueron
construidos para crear páginas web.

Los CMS necesitan los siguientes elementos para funcionar:

 1. Servidor web: necesitan un servidor web encargado de recibir las peticiones realizadas por
parte de los clientes a través del navegador . También es el responsable de direccionar dichas
peticiones hacia el modulo encargado de dar respuesta y, refrescar la página con el resultado
de dicha solicitud.
2. Módulo: Es la parte de código encargado de dar respuesta a solicitudes, es la programación
pura en el lenguaje que soporte el CMS.
3. Servidor de base de datos: Es necesario un servidor que manipule o gestione la base o bases
de datos a las que va a acceder la aplicación, normalmente los CMS funcionan con base de
datos MySQL.
4. Lenguaje de programación: Aunque el CMS es intuitivo en su manejo, se hace a través de
interfaces su configuración y demás, están soportados en un lenguaje de programación que
da todas esas funcionalidades y el administrador puede acceder a ese código fuente y hacer
modificaciones si es necesario, pero ya necesita para eso tener conocimientos de
programación.

Los gestores se pueden clasificar según su licencia en código abierto o propietario.

Código abierto indica que es gratuito y que se puede tomar y usar para proyectos personales, pero
también para proyectos comerciales, en este tipo de clasificación la ventaja es que hay una
comunidad amplia de soporte ante una eventual falla.

El código propietario son CMS creados o modificados por empresas y se debe pagar para su uso.

Según su lenguaje de programación se clasifican en los que están soportados bajo PHP, JAVA, Python
y ASp.net. El usuario debe tener en cuenta que debe conocer el lenguaje del CMS elegido, para
realizar futuras modificaciones.

Los gestores de contenido, también se pueden clasificar por su uso y funcionalidad:

 Gestores de contenido para periódico digital

 Cuando se habla de gestores de contenido para periódicos o revistas digitales se usan por
separado, es decir, uno para la parte digital y otro para la función impresa.
 De estos CMS se pueden citar algunos ejemplos:

 Gestores de contenido para tiendas virtuales

 Estos gestores se vienen usando cada vez más debido al mercado o negocios que se están
volviendo digitales, se encuentra el marketing digital, los influencers y muchas actividades
han dado un giro y se han vuelto virtuales.
 No es lo mismo vender productos de manera física porque se incurre en muchos gastos y no
es masivo, no se llega a todas las personas ni a diferentes partes del país o del mundo.
 Para estas incursiones y construcción de tiendas virtuales están algunos CMS:

 Gestores de contenido de aprendizaje

o Un sistema gestor de contenido enfocado al aprendizaje es lo que se llama una

plataforma e-learning que integra todas las herramientas y ofrece al administrador
la forma de agregar, consultar, programar, evaluar, gestionar registro de usuarios,
cursos y demás funciones de administración educativa.
o También permite el crear materiales de estudio, foros, chat, herramientas de
comunicación y son compatibles con estándares como SCORM.
o Las plataformas o CMS destinados para el aprendizaje se encuentran varios, algunos
son:
Tema 2: CMS WordPress

WordPress es un CMS que permite construir de manera dinámica sitios web para diferentes
propósitos, difusión de noticias, publicación de información, sitios web para comercio electrónico,
portales empresariales, etc.

Es una herramienta con licencia GPL y escrito totalmente o su mayoría en lenguaje PHP, tiene dos
sitios a los que se puede acceder www.wordpress.com y www.wordpress.org, es importante
aclarar la diferencia de estos dos sitios, cuando se refiere a www.wordpress.org se está haciendo
referencia primero a su sitio oficial y al CMS, en cambio cuando se habla de
www.wordpress.comse está haciendo referencia al servicio que tiene gratuito de la creación
rápida y fácil de blogs para los usuarios.

Ilustración 2. WordPress.org
Fuente: Aguilar, J. 2018.

Al ingresar al sitio de WordPress como CMS se puede observar la imagen anterior, ahora la siguiente
imagen mostrará el servicio gratuito de creación de blogs.
 Ilustración 3. WordPress.com
Fuente: Aguilar, J. 2018

2.1. Características

 Gestión completa vía web.

 Organización de los artículos (entradas, post) y páginas estáticas mediante categorías,
subcategorías y etiquetas.
 Permite guardar artículos y contenidos como borrador y temporizar su publicación.
 Disponibilidad de una gran cantidad de plantillas descargables.
 Implementación de plugin que permiten ampliar su funcionalidad.
 Dispone de un administrador para gestionar los archivos multimedia.
 Permite insertar publicidad en la aplicación o sitio.
 Permite la búsqueda integrada con Google.
 A partir de su versión 3, es multisitio, es decir, que con una sola instalación permite gestionar
varios sitios.

Para el ejercicio de estas temáticas, hemos seleccionado WordPress como el CMS para trabajar, a
través de este gestor, te explicaremos cómo crear tener un sitio web desde cero.
Pasos para crear un sitio en WordPress

Si usted quiere trabajar con WordPress, partiendo de la idea de que el sistema operativo de su
equipo es Windows, tengna en cuenta que existen dos formas de hacerlo:
WordPressWordPress
1. Trabajarlo directamente desde el servidor web que se haya comprado, es decir donde este
el hosting y el dominio.

2. Instalarlo en el equipo de manera local y realizar así toda su configuración y construcción

de la página y después cargarlo al servidor web.

Si ya se tiene comprado el servidor web, es mucho más fácil instalarlo en ese dominio WordPressy
trabajarlo directamente desde la ubicación donde va a quedar. ¿Por qué?, porque si se trabaja de
manera local se tiene que tener una herramienta que emule el servidor web, por ejemplo Xampp o
Wampserver. Tenga en cuenta que una una vez que se haya terminado la construcción del sitio,
deberá cargarlo al servidor web, junto con un backup de la base de datos, la configuración de los
enlaces de las páginas (porque estarían apuntando a la url de la base de datos local, y ya deben
apuntar a la base de datos alojada en el servidor).

Pasos para crear un sitio en WordPress:

1. Para iniciar, vaya al al sitio oficial de WordPress. Si desea trabajar con el idioma español,
haga clic en el siguiente enlace: https://es-co.WordPress.org/
 Ilustración 4. Página oficial en español
Fuente: Aguilar, J. 2018.

2. Una vez esté en el sitio, dirígase a la parte final del sitio, para poder descargar WordPress
hay que dirigirse a la parte final para poder descargar WordPress.

Ilustración 5. Descargando WordPress.

Fuente: Aguilar, J. 2018.

Según la imagen anterior, usted deberá presionar el botón que dice: get WordPress, una vez lo haga,
encontrará una página en la que podrá dar clic en Descargar WordPress.

Nota: Al momento de realizar este ejemplo, la versión de WordPress es la 4.9.9, pero puede no ser
la misma en el momento que usted desee realizar la descarga.
 Ilustración 6. Página descarga de WordPress.
Fuente: Aguilar, J. 2018.

Cuando termine de realizar la descarga, encontrará un archivo comprimido.

Ilustración 7. Archivo .zip WordPress.

Fuente: Aguilar, J. 2018.

3. Con el archivo fuente de WordPress descargado, proceda a instalar y configurar, para así
comenzar con la construcción de la página.

Para este proceso, tomaremos un servidor y dominio delsitio Awardspace, cabe recordar que no es
requisito tener un dominio o hosting, se puede trabajar también de forma local.
Para más información sobre cómo se instala WordPress y se configura para poderlo trabajar de
manera local, puede acceder al siguiente enlace.
Oliveira. G. (2017). Instalar WordPress en un servidor local. Gio. Recuperado de:
https://www.gianoliveira.com/instalar-WordPress-servidor-local.html

4. Continuemos con la configuración. Una vez ingrese al servidor web, encontrará la siguiente
página.

Awardspace.

Ilustración 8. Página principal Awardspace.

Fuente: Aguilar, J. 2018.

Como se puede observar en la página principal de Awardspace, también llamada panel de control,
se tienen todas las herramientas y módulos para manejar un servidor web.
 Ilustración 9. Herramientas de alojamiento.
Fuente: Aguilar, J. 2018.

Las herramientas de alojamiento en este servidor representan todas las funcionalidades de

administración de correos electrónicos del sitio o aplicación web que se está creando, la gestión de
las bases de datos que va a tener almacenadas el servidor, herramientas avanzadas de seguridad y
de configuración de PHP que es el lenguaje de programación más usado para la web en el caso de
los CMS.

También, tiene herramientas para gestionar el dominio y los archivos. Además, cuenta con
protección por contraseña del servidor y la configuración del FTP.

5. Para seguir el proceso, ingrese a la gestión de archivos, opción presente en el menú de

herramientas de alojamiento.
 Ilustración 10. Gestión de archivos.
Fuente: Aguilar, J. 2018

Como puede ver en la imagen, el servidor permite el almacenamiento de varios dominios. Estos se
encuentran en el panel de la izquierda y derecha. En la pantalla, podrá encontrar el detalle de las
fechas de modificación, los permisos y las carpetas o archivos que contienen.

6. Ahora, seleccione la carpeta del dominio que compró. Así podrá cargar, dentro de esa
carpeta, el archivo WordPress descargado con anterioridad.

Ilustración 11. Subiendo WordPress al servidor.

Fuente: Aguilar, J. 2018.
 Ilustración 12. Proceso de carga de WordPress.
Fuente: Aguilar, J. 2018.

Ilustración 13. WordPress cargado al servidor.

Fuente: Aguilar, J. 2018.

7. Después de tener cargado el archivo comprimido de WordPress, Haga clic en el botón

extraer.
 Ilustración 14. Descomprimir WordPress.
Fuente: Aguilar, J. 2018.

Ilustración 15. Carpeta WordPress extraída.

Fuente: Aguilar, J. 2018.

8. ¿Qué debes hacer ahora?, ingrese a la carpeta de WordPress, seleccione todos los archivos
y carpetas que la integran. Luego, córtelos y péguelos directamente en la raíz del dominio,
es decir, extráigalos de la carpeta y ubíquelos en la raíz para comenzar la instalación.
Para hacer esta operación, ingrese a la carpeta WordPress, seleccione todos los archivos. Una vez
seleccionados, presione el botón mover del menú del servidor.
 Ilustración 16. Moviendo archivos en el servidor.
Fuente: Aguilar, J. 2018.

9. Una vez se hayan movido los archivos a la raíz del dominio debe quedar así:

Ilustración 17. Archivos movidos a la raíz del dominio.

Fuente: Aguilar, J. 2018.

10. Cuando ya se haya realizado los pasos anteriores, estarás listo para comenzar la instalación
y configuración de WordPress.
¡Ahora, vamos a instalarlo!

Ingresa al dominio donde quedaron copiados los archivos, es decir, sería algo así:
http://www.midominio.com/
Al ingresar al dominio debe aparecer lo siguiente:

Ilustración 18. Inicio instalación WordPress.

Fuente: Aguilar, J. 2018.

11. Una vez en la página de inicio de instalación de WordPress que no es más que la página del
dominio se da clic en el botón ¡vamos a ello!

Al dar Clic en el botón muestra la siguiente página.

 Ilustración 19. Configuración base de datos.
Fuente: Aguilar, J. 2018.

12. Como se puede observar WordPress para dar inicio a su instalación pide la configuración
primero la base de datos en la cual se va a soportar, como la base de datos no se ha creado
no se puede aún realizar este paso, es momento de crear una base de datos para la
instalación de WordPress.

Para crear una base de datos, debes ir al servidor. En el menú Herramientas de alojamiento, en la
sección de base de datos, selecciona base de datos MySQL. Es importante que tengas en cuenta que
aunque el servidor tomado como ejemplo soporta base de datos PostgreSQL, trabajaremos
únicamente sobre MySQL.
 Ilustración 20. Creando base de datos.
Fuente: Aguilar, J. 2018.

En la página, debes ingresar el nombre que deseas darle a la base de datos. También, elige la
contraseña de acceso a esta.

13. Una vez diligencias todos los datos, presiona el botón crear base de datos. Inmediatamente,
aparecerán todas las bases de datos creadas dentro del servidor. Para este ejemplo, hemos
creado una base de datos llamada iudigital.

Ilustración 21. Bases de datos del servidor.

 Fuente: Aguilar, J. 2018.

14. Ahora, haz creado la base de datos, pero necesitas revisar la información detallada que pide
WordPress. Para eso, selecciona la base de datos iudigital y presiona el botón información.

Ilustración 22. Información base de datos iudigital.

Fuente: Aguilar, J. 2018
15. Con la información detallada, podrás iniciar la instalación, pues ya tienes acceso al host de
la vvase de datos, nombre, usuario, y la contraseña que configuraste al crear la base de
datos.

Se vuelve al siguiente paso.

 Ilustración 23. Configuración base de datos.
Fuente: Aguilar, J. 2018.

16. Ahora se colocan los datos que ya se tienen y se da clic en el botón Enviar.

Ilustración 24. Ingresando datos de base de datos.

Fuente: Aguilar, J. 2018.

Con el envío, el sistema validará que la base de datos exista, luego mostrará la siguiente página:
 Ilustración 25. Base de datos aprobada.
Fuente: Aguilar, J. 2018.

17. Allí, haz clic en el botón Ejecutar instalación.

Ilustración 26. Iniciando instalación.

Fuente: Aguilar, J. 2018.

18. La página anterior muestra la configuración inicial para la instalación de WordPress, deberás
indicar un título del sitio, un nombre de usuario y contraseña, este usuario es el será
encargado de administrar WordPress con todos sus módulos de construcción de sitios web.
El correo electrónico es el del administrador de WordPress, ha ese correo llegarán las notificaciones
de inconvenientes, actualizaciones, y otros mensajes.

19. Una vez diligenciados todos los campos de la información que solicita la página, da clic en el
botón de instalar WordPress.

Ilustración 27. WordPress instalado correctamente.

Fuente: Aguilar, J. 2018.

¡Has concluido la instalación de WordPress!, ¿notaste que no hay ningún proceso complejo que
exija conocimientos profundos de programación y bases de datos?

20. Ahora, comenzaremos a trabajar, para eso vas al botón acceder, desde allí crearás el sitio
web.
 Ilustración 28. Accediendo a WordPress.
Fuente: Aguilar, J. 2018.

Basta con colocar el usuario y contraseña asignados anteriormente para poder ingresar al panel de
administración de WordPress.

Al ingresar se muestra la página de administración de WordPress la cual se puede ver a

continuación.

Ilustración 29. Página principal de administración de WordPress.

Fuente: Aguilar, J. 2018.
 21. En la página principal del panel de control, encontrarás en la parte superior izquierda el ícono
con una casa, llamado IU Digital. Desplega una opción denominada visitar sitio, allí puedes
ver cómo quedó creado por defecto el sitio web.

Ilustración 30. Visitar sitio.

Fuente: Aguilar, J. 2018.

Al dar clic en visitar sitio, encontraremos la página principal que verán los visitantes.

Ilustración 31. Página web creada por defecto al instalar. WordPress.

Fuente: Aguilar, J. 2018.
Es el momento de regresar al panel de WordPress y comenzar con las modificaciones.

Nota: cuando comienzas un proyecto web, es muy importante que la página no esté publicada, todo
esto con el fin de evitar que nuestros futuros usuarios, encuentren un sitio desorganizado, con fallas,
incompleto o no funcional.

22. Por eso WordPress, tiene la opción en el menú de Plugins. En esta pestaña, ingresarás
aañadir nuevo plugin, allí, se instalará un plugin llamado mantenimiento, el cual permitirá
mostrar una página que indique que el sitio está en construcción o en mantenimiento. De
esta manera, podrás realizar los cambios y pruebas necesarioas, sin afectar la imagen pública
ni a los usuarios.

Ilustración 32. Instalando plugin mantenimiento.

Fuente: Aguilar, J. 2018.
Recomendación: Te recomendamos buscar plugins en inglés, dado que son más efectivos, pues
conocen mejor la documentación. Además, el nombre de framework y herramientas, están todas
en inglés.

23. El paso siguiente es seleccionar un plugin y darle clic al botón que dice Instalar ahora.
Para este ejemplo se va a escoger el plugin llamado Maintenance creado por fruitfulcode.

Ilustración 33. Instalando plugin.

Fuente: Aguilar, J. 2018.

24. Una vez termines la instalación del plugin, presiona el botón activar. Como su nombre lo
indica, el plugin quedará en funcionamiento, lo que implica que ahora lo encontrarás en el
menú del panel de administración.

Ilustración 34. Plugin de mantenimiento activo.

 Fuente: Aguilar, J. 2018.

Al activarse el plugin de mantenimiento, automáticamente queda funcionando, es decir, si se

ingresa a la dirección url del dominio, ya no se verá la página por defecto que se mostró antes, sino
la página que el plugin de mantenimiento puso con los diferentes mensajes de texto.

Ilustración 35. Página principal del dominio después de activar plugin de mantenimiento.
Fuente: Aguilar, J. 2018.

La página de mantenimiento, la imagen de fondo y los mensajes, son editables desde el menú
Maintenance.

25. Para continuar con la construcción del sitio, es importante elegir la estructura del mismo.
Como ya lo sabes, WordPress funciona a través de plantillas, y la página por defecto que
muestra, es una plantilla. Todo lo de las plantillas se manipula desde la opción del menú
llamada Apariencia.
 Ilustración 36. Apariencia menú.
Fuente: Aguilar, J. 2018.

En el menú de apariencia se ingresa a la opción temas.

Ilustración 37. Temas de WordPress.

Fuente: Aguilar, J. 2018.

26. En esta opción se debe elegir la opción Añadir nuevo.

 Ilustración 38. Añadir temas en WordPress.
Fuente: Aguilar, J. 2018.

En la imagen anterior puedes ver que WordPress muestra una serie de temas diferentes, pero
también, en el menú superior, muestra los destacados.

27. Además de destacados, también muestra otros ítems como populares, recientes, favoritos y
muy importante filtrar por característica. En esa opción, es donde se puede filtrar por tres
opciones; Primero, por el asunto donde se puede elegir qué asunto es, entre los cuales se
encuentra:

 Blog.
 Comercio electrónico.
 Educación.
 Entretenimiento.
 Comida y bebida.
 Vacaciones.
 Noticias.
 Fotografía.
 Portafolio.
Segundo, por características. Aquí puedes filtrar por:

 Listo para accesibilidad.

 Fondo personalizado.
 Colores personalizados.
 Cabecera personalizada.
 Logotipo personalizado.
 Estilo del editor.
 Imagen de cabecera.
 Imágenes destacadas.
 Widgets del pie de página.
 Plantilla a pantalla completa.
 Formatos de entrada.
 Entrada fija.
 Opciones del tema.

La tercera opción de filtros, es por diseño de plantilla, donde se encuentra:

 Diseño en cuadricula.
 Una columna.
 Dos columnas.
 Tres columnas.
 Cuatro columnas.
 Barra lateral izquierda.
 Barra lateral derecha.
28. De las plantillas destacadas, para este ejercicio, trabajaremos con la denominada: D5
Corporate.

Ilustración 39. Instalando plantilla nueva.

Fuente: Aguilar, J. 2018.

Ilustración 40. Activando tema D5 Corporate Lite.

Fuente: Aguilar, J. 2018.
29. Vamos a instalarla y activarla. Clic en instalar y luego en activar,así, queda como tema
principal para la página que se está construyendo.

Ilustración 41. Visualización nuevo tema.

Fuente: Aguilar, J. 2018.
30. Entramos ahora en la parte final de la construcción de la página web. Para eso, realizaremos
los cambios de información de la empresa, se va a explicar desde donde se hacen todos los
cambios para que siga la exploración y termine la página web que será una evidencia a
evaluar en esta unidad.

Ilustración 42. Personalizar plantilla.

Fuente: Aguilar, J. 2018.
 31. Ahora, para editar las opciones del tema, selecciona el menú apariencia, y dentro de él,
escoge la opción personalizar:

Ilustración 43. Página de personalización tema.

Fuente: Aguilar, J. 2018.
Hemos finalizado la parte básica de creación de la página web. ¡Felicitaciones!

Creando un menú en WordPress

Ahora debemos crear un menú. Para esto, la página de personalización tiene una opción llamada: menú.
Se va a crear un menú, para esto en la página de personalización se encuentra una opción llamada
menú.
 Ilustración 44. Opción Menú.
Fuente: Aguilar, J. 2018.

1. Dentro de la opción menú, da Clic en el botón crear un nuevo menú.

Ilustración 45. Creando menú.

Fuente: Aguilar, J. 2018.

2. En la página de crear el nuevo menú, diligencia el nombre, en este caso lo hemos

denominado principal, ya que será el botón principal de la página. Selecicona que será
ubicado en el menú, es decir, en la parte superior derecha de la plantilla o tema.
 Ilustración 46. Añadir ítem.
Fuente: Aguilar, J. 2018.

3. Clic en añadir ítem y, como se muestra en la imagen siguiente, se van a agregar las siguientes
páginas al menú:
 Quienes somos.
 Portafolio.
 Contáctenos.
 Ilustración 47. Añadiendo ítem al menú.
Fuente: Aguilar, J. 2018.

4. Al terminar la creación de todos los ítems del menú, podrás observar lo siguiente:

Ilustración 48. Menú creado completamente.

Fuente: Aguilar, J. 2018.

5. Ahora, vas al enlace o url del dominio para ver cómo va quedando la página con el nuevo
menú.
 Ilustración 49. Página con el nuevo menú
Fuente: Aguilar, J. 2018.

6. Es el momento de cambiar la imagen principal. ¿Qué queremos hacer?, cambiar la imagen

de las tres muejres de call center, por una que sea representativa del proyecto.

7. Para cambiar esa imagen, debes ir al menú llamado corporate options.

Ilustración 50. Cambiar imagen

Fuente: Aguilar, J. 2018.

Ilustración 51. Corporate option

 Fuente: Aguilar, J. 2018.

8. En esta opción, ve el botón que dice cambiar imagen directamente debajo de la imagen que
se desea cambiar.

Al dar clic para cambiar la imagen, se abrirá una ventana emergente que te permitirá elegir desde
la biblioteca de imágenes.

Ilustración 52. Cambiar Imagen (biblioteca).

Fuente: Aguilar, J. 2018

Como se puede observar, la imagen se sitúa en la opción subir archivos esto se da porque apenas se
está iniciando con la creación del sitio y por ende no hay imágenes en la biblioteca.

9. Clic en el botón seleccionar archivos y busca la imagen en los archivos del computador.
Posteriormente cárgala.
 Ilustración 53. Imagen cargada a biblioteca.
Fuente: Aguilar, J. 2018.

10. Para terminar, clic en el botón azul que dice Elige la imagen.

Ilustración 54. Banner actualizado.

Fuente: Aguilar, J. 2018.

Hemos terminado, y cómo has evidenciado, la administración, construcción, edición y gestión

general de WordPress, es posible por medio de interfaces intuitivas y muy funcionales, dándole al
administrador la posibilidad de crear proyectos complejos, sin necesidad de tener amplios
conocimientos en programación o bases de datos.
Bibliografía - Unidad 1

García C., X. (2004). Introducción a los sistemas de gestión de contenidos (CMS) de código abierto.
ES: Mosaic UOC. Recuperado de: https://mosaic.uoc.edu/2004/11/29/introduccion-a-los-sistemas-
de-gestion-de-contenidos-cms-de-codigo-abierto/

Hernández S., G y Pérez P., O. (s.f.). Software propietario y software libre: una cuestión de
equilibrio. Docplayer. Recuperado de: https://docplayer.es/15936409-Software-propietario-y-
software-libre-una-cuestion-de-equilibrio-property-software-and-freesoftware-a-matter-o-
balance.html

Jiménez R., M. y Moreo F., M. (2006). Diseño de portales mediante CMS [Trabajo de grado].
Granada, ES: Universidad de Granada. Recuperado de:
http://lsi.ugr.es/~jparets/Escritos/Dise%F1o%20de%20portales%20mediante%20CMS.pdf

Michelinakis, D. (2004). Open Source Content Management Systems: An Argumentative Approach.

Coventry, UK: Universidad de Warwick. Recuperado de:
https://webcache.googleusercontent.com/search?q=cache:4rE3d9SnRvsJ:https://www.michelinakis.gr/Dimitris/cms/oscms-
report.pdf+&cd=1&hl=es-419&ct=clnk&gl=co)

Pérez-Montoro, M. (2010). Arquitectura de la información en entornos Web. El profesional de la

información, 19(4), 333 - 337. Recuperado de:
http://eprints.rclis.org/25021/1/Arquitectura%20de%20la%20informacion%20en%20entornos%2
0web.pdf.

Tramullas, J. (2009). Sistemas de gestión de contenidos. SlideShare. Recuperado de:

http://www.slideshare.net/tramullas/gestin-de-contenidos