Qué es un CMS? (1)
Definición:
“Un sistema de gestión de contenidos (en inglés: Content Management
System, más conocido por sus siglas CMS) es un programa informático
que permite crear una estructura de soporte (framework) para la
creación y administración de contenidos, principalmente en páginas web,
por parte de los administradores, editores, participantes y demás
usuarios.
Consiste en una interfaz que controla una o varias bases de datos donde
se aloja el contenido del sitio web. El sistema permite manejar de manera
independiente el contenido y el diseño. Así, es posible manejar el
contenido y darle en cualquier momento un diseño distinto al sitio web
sin tener que darle formato al contenido de nuevo, además de permitir la
fácil y controlada publicación en el sitio a varios editores. Un ejemplo
clásico es el de editores que cargan el contenido al sistema y otro de nivel
superior (moderador o administrador) que permite que estos contenidos
sean visibles a todo el público (los aprueba)”.
2. CMS - Wordpress
Cómo crear un sitio
Web con Wordpress
Fuente: https://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_contenidos
Curso 2022-23
Qué es un CMS? (2)
2
Origen de los CMS
Otras definiciones:
“Un CMS (content management system) Sistema de Gestión de
Contenidos en español, es una aplicación web a la que podremos acceder
a través de una navegador tras ser instalada en un servidor. A través de
su panel de administración podremos crear, eliminar, modificar y en
definitiva, gestionar el contenido de la “página web” (sitio web).
Por lo que también podríamos definirlo como una herramienta que nos
permite la creación de una “página web” (sitio web) y su gestión por
perfiles no técnicos”. Fuente: Joaquín Barberá.
“Un sistema de gestión de contenidos o CMS es un programa que permite
crear una estructura de soporte (framework) para la creación y
administración de contenidos en una página web por parte de los
administradores, editores, y otros usuarios de la aplicación”. Fuente: Víctor López
2. CMS - WordPress
2. CMS - WordPress
3
Los primeros sistemas de administración de contenidos fueron
desarrollados por organizaciones que publicaban una gran cantidad de
contenido en Internet, y necesitaban de continuas actualizaciones; como
revistas en línea, periódicos y publicaciones corporativas.
En 1995, el sitio de noticias tecnológicas CNET sacó su sistema de
administración de documentos y publicación y creó una compañía llamada
Vignette, pionero de los sistemas de administración de contenido
comerciales.
La evolución de Internet hacia portales con más contenido y la alta
participación de los usuarios directamente, a través de blogs y redes
sociales, ha convertido a los gestores de contenidos en una herramienta
esencial en Internet, tanto para empresas e instituciones como para
personas.
2. CMS - WordPress
4
Entornos Front-end / Back-end (1)
Entornos Front-end / Back-end (2)
El concepto “Back-end” se refiere al apartado de administración de una web
(gestión), mientras que “Front-end” se refiere a la parte que ve el usuario.
Los CMS se caracterizan por tener dos entornos:
a) El Front-end: es la parte pública del sitio web, a la que accedemos escribiendo la URL
del sitio en la barra de direcciones del navegador web www.lapaginaquesea.com
b) El Back-end: es la parte privada de la página web (sitio web) o lo que también se
conoce como el panel de administración del sitio web. Desde aquí se puede gestionar
el contenido del sitio web, su estructura, diseño y los diferentes elementos de
configuración.
Para acceder al Back-end de un CMS hay que escribir una url especial que
dependerá del CMS utilizado. En el caso de WordPress hay que añadir al
nombre de dominio la palabra “/wp-admin”, por ejemplo:
www.lapaginaquesea.com/wp-admin
Front-end
Back-end
2. CMS - WordPress
5
Perfiles de usuario de un CMS (1)
6
Perfiles de usuario de un CMS (2)
Hay que diferenciar la programación/diseño de una web/blog, de su
mantenimiento y de la creación de contenidos.
Perfil de Webmaster: El mantenimiento puede ser realizado por alguno de
los perfiles de programador/Diseñador anteriormente mencionados, o
bien por los creadores de contenidos, si tienen cierto conocimiento del
funcionamiento del CMS (Back-end y Dashboard)
Perfil de Programador/Diseñador: En la programación/diseño de la
web/blog hay dos tipos de perfiles de desarrollador:
Site builders: usuarios que pueden instalar plataformas, plantillas, módulos,
plugins, pero que no tocan código, ni tienen necesariamente conocimientos de
programación en PHP. Aquí se encuentran los diseñadores gráficos,
maquetadores web y otros perfiles profesionales vinculados con el sector
publicitario, responsables de comunicación online y Marketing.
Programadores PHP: pueden programar módulos, retocar el código de webs ya
existentes, de plantillas, etc. También son los que forman la comunidad de
desarrolladores de cada CMS, que continuamente crean plugins, extensiones y
demás y contribuyen a las nuevas versiones de los productos de programario
libre.
2. CMS - WordPress
2. CMS - WordPress
7
Perfil de Content Generator: La creación de contenidos, totalmente
independiente del diseño y el mantenimiento, puede realizarla cualquier
usuario. No son necesarios conocimientos del CMS Back-end sino
solamente del Dashboard.
2. CMS - WordPress
8
CMS Software libre vs privativo
Búsquedas en Google Sobre CMS
Hoy en día existen sistemas desarrollados en software libre y software
privativo. En ambos casos es necesaria una implantación para adaptar el
gestor de contenidos al esquema gráfico y funcionalidades deseadas. Para
ciertos gestores existen muchas plantillas disponibles que permite una
sencilla implantación de la parte estética por parte de un usuario sin
conocimientos de diseño.
Algunos ejemplos de Open Source desarrollados en PHP son Wordpress,
Joomla! y Drupal. Para los dos primeros en especial, hay una gran
comunidad de desarrolladores de extensiones, módulos, complementos,
plugins, y plantillas.
Las ventajas del software libre sobre el privativo, son además del coste cero,
la estandarización, que permite la exportación de una plataforma a otra y el
hecho de que cualquier profesional puede hacerse cargo de una web, sin
una curva de aprendizaje adicional (muchas veces el software privativo se
entrega encriptado o bloqueado para impedir su modificación).
2. CMS - WordPress
9
Posicionamiento de WordPress
Mundo
España
Datos Febrero a
Noviembre 2020
Fuente https://www.google.es/trends/explore?date=all&geo=ES&q=Wordpress,Drupal,Joomla
2. CMS - WordPress
10
Cuota Mercado CMS
Fuente: https://kinsta.com/es/cuota-de-mercado-de-wordpress/
Fuente: https://w3techs.com/technologies/details/cm-wordpress/
2. CMS - WordPress
11
Fuente: https://w3techs.com/technologies/history_overview/content_management/
2. CMS - WordPress
12
Comparativa CMS (1)
Comparativa CMS (2)
Cuota de Mercado de CMS 2020 para e-commerce
Fuente: https://theblackboxlab.com/2020/05/24/los-cms-para-ecommerce-mas-usados-en-2020/
13
2. CMS - WordPress
Comparativa CMS (3)
Altamente amigable con los
SEO buscadores, fácilmente configurable
para resultados excelentes
MULTILINGUAL
Correcto en versiones Free,
excelente con plugin Premium
(WPML)
USABILIDAD
Facilidad de uso para el
programador y para el usuario
Amplio catálogo de plugins y
DISEÑO FRONT-END
TIPO DE ESTRUCTURA
Muy bueno para el SEO pero
necesita programación por
expertos
Muy bueno para el SEO pero
necesita programación por
expertos
Excelente nativo
Excelente nativo
Cierta complejidad, necesarios Alta complejidad, imprescindible
conocimientos de programación conocimientos de programación
Elegante y atractivo, limpio, sencillo
y usable
Depende de la habilidad del
programador
Depende de la habilidad del
programador
Sencilla, para todo tipo de webs,
adaptable y efectiva
Compleja, por su dificultad
básicamente destinada a
proyectos profesionales
complejos
Compleja, por su dificultad
básicamente destinada a
proyectos profesionales muy
complejos
Programadores y diseñadores
web
Programadores web
No programadores ni diseñadores
INDICADO PARA web/Programadores y diseñadores
web
2. CMS - WordPress
WordPress es un gestor de contenidos creado por programadores
para Site Builders.
Jommla! está pensado por programadores para programadores.
Drupal, más que un CMS, también es un CMF
Amplia variedad de módulos
descargables
continuado
14
Ideas clave comparativa CMS
Variedad de extensiones
descargables
COMPLEMENTOS plantillas descargables, desarrollo
2. CMS - WordPress
15
CMS, Content Management System, - Gestor de contenidos.
CMF, Content Management Framework – Entorno de desarrollo
Igual que Joomla! está pensado por programadores para
programadores.
Wordpress destaca entre los CMS actuales, por su facilidad de uso,
su multitud de plantillas y plugins, su posicionamiento orgánico
natural (SEO) y su gran comunidad de desarrolladores
2. CMS - WordPress
16
Artículos sobre CMS
• http://www.expertus.es/comunicaciondigital/wordpress-para-p%C3%A1ginahttp://www.isyourweb.com/comparativa-drupal-joomla-y-wordpress
• http://www.taringa.net/posts/apuntes-y-monografias/3850397/WordpressVs-Joomla.html
• http://www.yapci.com/wordpress-vs-joomla/39
• http://www.desarrolloweb.com/de_interes/comparativa-wordpress-drupaljoomla-6244.html
• http://blog.andy21.com/2011/wordpress-vs-joomla-vs-drupal/
WORDPRESS
2. CMS - WordPress
17
Qué es WordPress?
18
Por qué WordPress?
“WordPress es un sistema de gestión de contenidos enfocado a la creación de
cualquier tipo de sitio, aunque ha alcanzado una gran relevancia usado para la
creación de blogs (páginas web con una estructura cronológica que se
actualiza regularmente).
Ha sido desarrollado en el lenguaje PHP para entornos que
ejecuten MySQL y Apache, bajo licencia GPL y es software libre”.
Fuente: Wikipedia https://es.wikipedia.org/wiki/WordPress
“WordPress es un software de código abierto que puedes utilizar para crear
fantásticas webs, blogs o aplicaciones. Nos gusta decir que WordPress es, al
tiempo, gratis y de un precio incalculable. Dicho de forma sencilla, WordPress
es el sistema que utilizas cuando deseas trabajar con tu herramienta de
publicación en lugar de pelearte con ella.
WordPress lo crean y mantienen cientos de voluntarios de la comunidad, y
hay miles de plugins y temas disponibles para transformar tu web en cualquier
cosa que puedas imaginar. Más de 60 millones de personas han elegido
WordPress”.
Fuente: https://es.wordpress.org
2. CMS - WordPress
2. CMS - WordPress
19
El 43% de los sitios en internet está creado con este sistema (Webs y
blogs) https://kinsta.com/es/cuota-de-mercado-de-wordpress/
Más de 60 millones de personas lo han elegido
Es seguro, fiable y confiable
Miles de Themes gratuitos y Premium
Miles de widgets y plugins
Es altamente adaptable y muchos temas 100% responsive
Es software gratuito y open source (código abierto)
Apoyo de la comunidad con cientos de colaboradores
SEO friendly y 100% optimizable
Páginas como la CNN lo han elegido como CMS http://cnnespanol.cnn.com/#0
2. CMS - WordPress
20
Para qué WordPress?
WP .COM / .ORG
Creación de páginas corporativas
Creación de blogs
Tiendas e-commerce
Sitios web estáticos e informativos
Páginas de captura
WordPress.org es la página de este proyecto de código abierto donde
está alojado el software y donde puedes descargarlo gratuitamente. Una
vez descargado, necesitas contratar un hosting para alojarlo. Total control
sobre el contenido y el continente.
WordPress.com en cambio, es un servicio de alojamiento gratuito o
pago (de acuerdo al plan que elijas) ofrecido por la
empresa Automattic que te permite hospedar tu página WordPress en sus
servidores. La mayoría conservan el dominio “.wordpress.com” (ya que el
usuario medio no contrata un plan de pago con un dominio propio), se ha
generado esta confusión. Wordpress.com puede compararse con Blogger
de Google, que tampoco permite prácticamente más que crear contenido.
Sólo control sobre el contenido
Para ver las diferencias entre páginas de aterrizaje, de captura y de venta, aquí un
buen artículo: http://www.ideaschicago.com/diferencias-entre-pagina-de-captura-pagina-de-aterrizaje-pagina-de-venta/
Para más información: https://www.ciudadano2cero.com/diferencias-wordpress-blogger/
2. CMS - WordPress
21
2. CMS - WordPress
WP .COM
•
•
•
•
•
•
•
•
•
•
•
•
WP .ORG
Ventajas
Dominio y Alojamiento Gratuitos www.misitioweb.wordpress.com
Creación de la web en pocos minutos
Actualizaciones automáticas de WordPress
Desventajas
No da la sensación de una página web seria y profesional.
No se pueden modificar el código (no se pueden personalizar los temas)
No admite incluir nuevos plugins, sólo los que ya vienen por defecto.
No admite publicidad y sólo puedes eliminar la que ellos cuelgan, pagando.
Dominio personalizado sólo de pago (eliminar el .wordpress.com cuesta $$$)
No Límite de espacio de almacenamiento 3Gb ( a no ser que pagues $$$)
No existe acceso por Ftp a los archivos
No permite introducir ficheros de audio y video (a no ser que pagues $$$)
El contenido puede perderse ya que no está alojado en un servidor propio.
2. CMS - WordPress
22
•
•
•
•
•
•
•
•
23
Ventajas
Se pueden modificar el código y bases de datos (Total control sobre la web/blog)
Se admiten todos los plugins
Se admite publicidad y cualquier enlace.
Acceso por Ftp a los archivos.
Posibilidad de instalar los temas que deseemos o desarrollarlos personalizados
Sensación de página profesional 100% de cara a nuestros clientes o lectores
Desventajas
Tiene el coste económico de un alojamiento y un dominio(pero es una página sólo
tuya) y un coste en tiempo para su matenimiento (aunque se pueden programar
automáticamente).
Requiere cierto aprendizaje técnico puesto que tenemos que realizar la instalación
manualmente, el mantenimiento y copias de seguridad y si no sé está familiarizado
con las tecnología FTP se debe añadir este gasto y confiar en profesionales
2. CMS - WordPress
24
Conceptos Básicos WP
Entradas y Páginas
Categorías y Etiquetas
Usuarios y Roles
Enlaces fijos y RSS
Temas (plantillas)
Distribución Plantilla
Widgets
Plugins
CONCEPTOS BÁSICOS WORDPRESS
2. CMS - WordPress
25
Entradas y Páginas (1)
2. CMS - WordPress
26
Entradas y Páginas (2)
Las entradas:
Las páginas:
• Las entradas o posts son las noticias o artículos que forman parte del
diario, del blog propiamente dicho. Se organizan de forma cronológica,
admiten categorías y etiquetas.
• Generalmente en los blogs, en la página principal se escriben las entradas
(post), son textos que van apareciendo a los visitantes en orden
cronológico inverso, es decir, lo más nuevo aparece primero y lo más viejo
va debajo.
Las páginas son contenidos estáticos que normalmente se utilizan
para la información genérica de un blog. Son artículos que no forman
parte del diario, no se organizan de forma cronológica, sino de forma
jerárquica. Las páginas de primer nivel aparecen en el Menú principal.
Aparte de la página principal en el blog se pueden crear páginas
secundarias. En éstas se puede poner información acerca del blog, de
nosotros, cómo contactar, etc. En estas páginas secundarias se puede
modificar el contenido tantas veces como se desee, pero no se pueden
escribir entradas unas tras otra, como en la página principal.
Fuente: https://www.webempresa.com/blog/diferencia-entre-entrada-y-pagina-en-wordpress.html
2. CMS - WordPress
27
2. CMS - WordPress
28
Categorías y Etiquetas
Usuarios y roles
TIPOS DE USUARIOS
CATEGORIAS
• Facilitan que el propietario de blog pueda controlar lo que los usuarios
pueden hacer o no en el sitio web.
• Organización jerárquica de los
contenidos del blog.
• Permite archivar las entradas
de modo que los lectores
puedan seleccionar solo las
entradas de una tipología.
ROLES EN WP
• Administrador. Tiene acceso a todas las páginas y tareas de
administración
• Editor. Puede publicar artículos y gestionarlos, así como gestionar los
artículos de otros usuarios.
• Autor. Puede publicar y gestionar sus propias entradas.
• Colaborador. Puede escribir y gestionar sus propias entradas pero no las
puede publicar.
• Suscriptor. Puede leer y comentar.
ETIQUETAS
• Las etiquetas son
espontáneas, ad-hoc,
permiten granularidad
variable orientada al
intercambio y recuperación
de información.
Fuente: https://www.webempresa.com/blog/etiquetas-en-wordpresslimita-su-uso.html
2. CMS - WordPress
29
2. CMS - WordPress
PERMALINKS y RSS
30
Plantillas (theme)
PERMALINK
Cada uno de los artículos y páginas que publicamos en WordPress tiene
una URL única, es decir, una dirección que puedes ver en el cuadro de tu
navegador y que sirve para identificar un artículo de otro. Sirven a los
usuarios para compartir los contenidos, guardarlos o añadirlos a favoritos.
Además, sirven también a los motores de búsqueda (Google, Yahoo,
Bing…) y otras webs para enlazar a nuestro contenido.
Para ampliar información: http://www.silocreativo.com/que-enlaces-permanentes-o-permalinks-debo-utilizar-en-wordpress/
Los temas son plantillas que se utilizan en WordPress para modificar la
apariencia y diseño del sitio. Existe un sinfín de temas gratuitos y “premium”
(de pago) que ayudan a adaptar WordPress a cualquier tipo de necesidad y
tipo de página Web
Algunos lugares de temas, con gama y opciones, son:
Repositorios:
•
•
RSS
ThemeForest –Evanto Market con 30,197 temas
Wordpress.org temas gratuitos algunos de mucha calidad como los nativos Twenty Twelve, Twenty Fourteen…
Empresas desarrolladoras:
RSS es un sencillo formato de datos que es utilizado para redifundir
contenidos a suscriptores de un sitio web. El formato permite distribuir
contenido sin necesidad de un navegador, utilizando un software diseñado
para leer estos contenidos RSS (agregador). Las últimas versiones de los
principales navegadores permiten leer los RSS sin necesidad de software
adicional. Más información en: https://ayudawp.com/que-es-rss/
2. CMS - WordPress
31
•
•
•
•
•
Elegant Themes con 87 temas y el espectacular constructor y tema DIVI
Studiopress con Genesis como gran baza, pero para iniciados.
ThemeFusion con el potente aunque cada vez más desplazado Avada
Woothemes y su Canvas muy personalizable
RocketTheme con los Themes hijo que usaremos en el curso Prometeo, Helena, etc.
Los TOP-Themes para 2023 los encontraras aquí:
http://www.wpthemedetector.com/top-wordpress-themes/
2. CMS - WordPress
32
Temas (Plantillas) WP
La composición de la plantilla (layout)
MAIN BODY
2. CMS - WordPress
33
Composición de Storefront
2. CMS - WordPress
34
Widgets (elementos)
Los Widgets son al final pequeñas piezas de contenido que podemos
añadir en nuestros sidebars, algunos son nativos, otros dependen de la
plantilla y de los plugins. Añaden características extras a nuestro sitio web,
pero debemos evitar pasarnos para no abigarrar una web.
2. CMS - WordPress
35
2. CMS - WordPress
36
Plugins WordPress
¿Qué son? Son programas que instalamos con WordPress para ampliar
funciones. Programados también en PHP, usan HTML y CSS, así como
Javascript para la parte de interface de usuario
Una de las mayores potencialidades que tiene WordPress es la gran
cantidad de extensiones existentes programadas por su comunidad de
usuarios que aumentan sus características y funcionalidad y que se
integran fácilmente en él. Existen más de 27.000 plugins.
Los plugins pueden añadir a un tema por ejemplo:
Para hacer más seguro un blog
Tráfico y SEO
Interacción con tu comunidad
Mantenimiento del blog
Utilidades para el blog
Redes sociales
Optimización y rendimiento
Diseño y widgets
Migrar desde y hacia WordPress
Avanzado (Shortcodes, programación, etc.)
Más información en: https://www.ciudadano2cero.com/mejores-plugins-wordpress/
2. CMS - WordPress
37