Tu nuevo sitio web

Facultad de Ciencias Exactas · UNSa

Capacitación de equipo · web.exa.unsa.edu.ar

Ing. Miguel Tolaba · Dirección de Informática EXA

¿Qué es un CMS?

Conceptos base

Sin CMS — el pasado

Para cambiar una noticia, alguien tenía que editar archivos de código, subir los cambios al servidor y rezar para que nada se rompa.

Resultado: el sitio quedaba desactualizado por semanas porque nadie quería tocarlo.

→ Dependencia total del programador

Con CMS — hoy

Un CMS (Sistema Gestor de Contenidos) separa el diseño del contenido. Vos escribís en un formulario; el sistema se encarga de publicarlo.

Publicar una noticia tarda lo mismo que escribir un email.

→ El equipo lo maneja de forma autónoma

💡 El CMS es como un procesador de texto para sitios web. Vos escribís el contenido; el sistema lo publica con el diseño de la facultad ya aplicado.

Vocabulario — Slide 02

Términos clave

CMS — Content Management System. Sistema que permite publicar contenido en la web sin programar.
Frontend — Lo que ve el visitante del sitio.
Backend / Panel de admin — El "detrás" donde se edita el contenido. Solo lo ven los usuarios con acceso.
Tema / Template — El diseño visual del sitio. EXA tiene un tema propio desarrollado a medida.

Plugin

Plugin — Extensión que agrega funcionalidades extra al CMS. EXA tiene un plugin propio llamado "EXA Facultad" que gestiona todo el contenido institucional (autoridades, carreras, departamentos, etc.).
WordPress — El CMS más usado del mundo. Funciona el 43% de todos los sitios web. Código abierto, gratuito.

¿Por qué importa saberlo?

Cuando el sistema muestra un error o algo no aparece, el vocabulario ayuda a describir el problema al área de soporte.
El contenido (noticias, eventos) y el diseño (colores, fuentes, layout) son independientes. Si el diseño cambia, el contenido no se toca.

¿Por qué WordPress?

Decisión de arquitectura

Desarrollo propio

Tiempo de desarrollo: meses o años
Requiere programador dedicado para cada cambio
Costoso de mantener en el tiempo
Cuando el programador se va, el sistema queda sin soporte

WordPress + tema propio

Plataforma madura y probada en millones de sitios
Actualizaciones de seguridad automáticas
El equipo de la facultad puede editarlo sin programar
El diseño y las funcionalidades especiales (EXA Facultad) son nuestros

Lo mejor de ambos

Tema propio → diseño 100% EXA, no genérico
Plugin EXA Facultad → gestión de autoridades, carreras, departamentos, consejeros y configuración institucional
Infraestructura compartida con el resto de la UNSa

Mapa del sitio — qué hay en cada lugar

Página de inicio

Estructura de la página de inicio

Sección	¿Desde dónde se edita?
🔝 Topbar	EXA Facultad → Configuración
📌 Menú de navegación	Apariencia → Menús
🖼 Carrusel / Slider	Entradas (categoría: destacados)
⚡ Acceso rápido	EXA Facultad → Acceso rápido
📰 Últimas Noticias	Entradas (categoría: noticias)
📅 Próximos Eventos	Entradas (categoría: eventos)
📍 Footer	EXA Facultad → Configuración

Regla de oro de las Entradas

Noticias, eventos y diapositivas del carrusel son todas Entradas de WordPress. Lo que define dónde aparece cada una es la categoría asignada.

Categoría	Aparece en
noticias	Sección Noticias
eventos	Sección Eventos
destacados	Carrusel / Slider

⚠ Si le ponés la categoría equivocada, la noticia aparece en el lugar incorrecto.

Acceso al panel de administración

Paso 1

Cómo ingresar

https://web.exa.unsa.edu.ar/wp-admin

1Abrir el navegador y entrar a la URL de arriba
2Ingresar usuario y contraseña (los entrega el administrador)
3Clic en Acceder

🔖 Guardar esta URL en favoritos del navegador.

Cerrar sesión y contraseña

Cerrar sesión: clic en el nombre de usuario (barra superior derecha) → Cerrar sesión
Cambiar contraseña: nombre de usuario → Editar mi perfil → Gestión de la cuenta → Establecer nueva contraseña
Olvidé la contraseña: en el login → "¿Perdiste tu contraseña?" → seguir el enlace por email

🔐 No compartir la contraseña. Cada persona tiene su propio usuario.

El panel en 30 segundos

Orientación

Barra superior negra

Siempre visible
Nombre del sitio → ver el sitio desde fuera (nueva pestaña)
+ Nueva → atajo para crear entradas o páginas
Nombre de usuario → perfil y cerrar sesión

Menú lateral izquierdo

Sección	Para qué
Entradas	Noticias, eventos, carrusel
Medios	Fotos, videos, PDFs
Páginas	Páginas institucionales
Apariencia → Menús	Menú de navegación
EXA Facultad	Autoridades, carreras, etc.

Truco rápido

Cuando estás navegando el sitio con la sesión iniciada, aparece una barra negra arriba con el botón:

Editar página / Editar entrada

Al hacer clic te lleva directamente al editor de ese contenido — sin buscar en el menú.

💡 Es el atajo más rápido para editar contenido existente.

Publicar una noticia

Lo más frecuente

Paso a paso

1Entradas → Añadir nueva entrada
2Escribir el Título (aparece en la tarjeta y en la página de la noticia)
3Escribir el Contenido usando el editor de bloques (clic en + para agregar párrafos, imágenes, etc.)
4Panel derecho → Extracto → escribir el resumen de 2 o 3 líneas que aparece en la tarjeta de inicio
5Panel derecho → Imagen destacada → Establecer imagen destacada (foto principal de la noticia)
6Panel derecho → Categorías → marcar noticias
7Clic en Publicar

Problemas frecuentes

¿No aparece en el inicio?
→ Verificar que la categoría sea noticias y el estado sea Publicada
¿No veo la sección Extracto?
→ Clic en ⋮ (tres puntos) arriba a la derecha → Preferencias → activar Extracto
¿Cuántas se muestran en el inicio?
→ Las 4 más recientes. Las demás se cargan con "Ver más noticias"
¿Se puede programar una publicación?
→ Sí: en el botón Publicar, cambiar la fecha antes de confirmar

Esta es la tarea más común. Vamos a hacerlo en vivo. El editor de bloques es el mismo sistema que usa Google Docs o Word, pero en el navegador. Cada "bloque" es un elemento de contenido: un párrafo, una imagen, una lista. Para agregar uno, hacen clic en el + que aparece cuando mueven el cursor. Resaltar dos cosas importantes: el Extracto y la Imagen destacada. El extracto es el texto que aparece en la tarjeta de la página de inicio — si no lo ponen, WordPress agarra las primeras palabras del contenido, que a veces no es lo que quieren mostrar. La imagen destacada es la foto de la tarjeta y del encabezado de la nota. Y la categoría — sin eso, la noticia no aparece en ningún lado. Practiquen publicar una noticia de prueba ahora. Pueden borrarla después.

Publicar un evento

Calendario automático

Igual que una noticia, más los datos del evento

1Entradas → Añadir nueva entrada
2Título, contenido, imagen destacada
3Categoría → eventos
4Completar el bloque "EXA — Datos del evento" (aparece debajo del editor):

Campo	Ejemplo
Fecha	15/08/2026
Hora	10:00
Link de info	https://forms.gle/...

5Clic en Publicar

Comportamiento automático

Solo aparecen eventos con fecha igual o posterior a hoy. Los pasados se ocultan solos — no hace falta borrarlos.
El botón Agendar descarga automáticamente un archivo de calendario (.ics) compatible con Google Calendar, Outlook, etc. Solo necesita la fecha y hora cargadas.
El botón Link lleva a la URL del campo "Link de info". Si está vacío, lleva a la página del evento dentro del sitio.

💡 Si el evento queda sin hora, el horario simplemente no aparece en la tarjeta. Es opcional.

El carrusel — el banner principal

Categoría destacados

¿Qué es?

El banner animado en la parte superior de la página de inicio. Muestra hasta 4 diapositivas con fondo de imagen o video, título y botón "Ver más".

Cada diapositiva es una Entrada con categoría destacados.

Máximo 4 activas. Si hay más, solo se ven las 4 más recientes.

Fondo: imagen o video

Imagen de fondo → Imagen destacada de la entrada. Mínimo 1400 px de ancho, formato WebP o JPEG.

Video de fondo → Bloque "EXA — Carrusel" → campo Video de fondo → pegar URL del archivo .mp4. El video se reproduce en loop sin audio.

⚠ Si tiene video Y imagen, el video tiene prioridad. La imagen sirve de respaldo en móviles.

Orden y link del botón

Cambiar orden: modificar la fecha de publicación de la entrada — la más reciente aparece primero
Botón "Ver más": bloque "EXA — Carrusel" → campo Link destino. Si está vacío, lleva a la entrada de WordPress
Quitar una diapositiva sin borrarla: quitar la categoría "destacados" o pasar a Borrador

Acceso rápido — los botones azules

EXA Facultad

¿Qué es y cómo editarlo?

La franja azul debajo del carrusel. Tiene hasta 8 botones con ícono, texto y enlace.

EXA Facultad → Acceso rápido

Campo	Descripción
URL	Dónde lleva el botón (sitio o externo)
Texto línea 1	Primera línea. Si está vacía, el botón no se muestra.
Texto línea 2	Segunda línea, opcional
Ícono	Selector visual con 35 íconos disponibles
Nueva pestaña	Checkbox: abre en pestaña nueva

Tips de uso

Ocultar un botón: dejar el campo Texto línea 1 vacío. Se ignora automáticamente y los demás se redistribuyen.
Cambiar el orden: mover el contenido de un slot a otro manualmente.
Ícono no disponible: escribir la clase Font Awesome directamente (ej: fas fa-university).
Al terminar: clic en Guardar al final de la página.

💡 En desktop los 8 botones van en una sola fila. En móvil se acomodan en 2 o 4 filas automáticamente.

Subir fotos, videos y archivos

Biblioteca de medios

Cómo subir un archivo

Medios → Añadir nuevo archivo

1Arrastrar el archivo a la zona de carga, o clic en Seleccionar archivos
2El archivo queda guardado en la biblioteca para usarse en cualquier parte del sitio

También se puede subir directamente al seleccionar una imagen o archivo dentro de una noticia o página — el botón "Subir archivos" está siempre disponible en el selector.

Recomendaciones de imágenes

Aspecto	Recomendación
Formato	WebP o JPEG
Ancho máximo	1200 px (contenido) / 1920 px (banners)
Peso máximo	500 KB (contenido) / 1 MB (banners)
Orientación noticias	Horizontal (16:9 o 4:3)
Orientación fotos de personas	Vertical o cuadrada
Alt text	Siempre completar

🛠 Para reducir fotos: Paint → Cambiar tamaño, o squoosh.app (en línea, gratuito).

La URL del archivo

Cada archivo subido tiene una URL propia — una dirección web única.

1Clic en el archivo en la biblioteca
2Panel derecho → copiar URL del archivo

Esta URL se usa en los campos de tipo "Video de fondo" del carrusel, "Archivo" de carreras, etc.

⚠ Antes de eliminar un archivo, verificar que no esté en uso. WordPress no avisa si lo está.

La biblioteca de medios es el depósito de todos los archivos del sitio: fotos, videos, PDFs. Desde cualquier campo de imagen del sitio se puede acceder a ella. El error más común: subir fotos directo de la cámara o del celular, que pesan 5 o 10 MB. Eso hace que el sitio cargue lento. Antes de subir, reducir el tamaño. La herramienta squoosh.app es gratuita, no requiere instalar nada y funciona en el navegador. El campo Alt text es importante: describe la imagen para personas que usan lectores de pantalla, y también es un factor de SEO — ayuda a que Google encuentre el sitio. Sobre borrar archivos: WordPress no avisa si un archivo está en uso. Si lo eliminan y estaba siendo mostrado en una noticia o página, esa imagen simplemente desaparece del sitio. Siempre verificar antes de borrar.

¿Qué es una URL?

Concepto clave

Una URL es la dirección de algo en la web

Así como una dirección postal indica dónde vive una persona, una URL indica dónde vive un archivo o página en Internet.

URL	¿Qué es?
web.exa.unsa.edu.ar	La página de inicio del sitio
web.exa.unsa.edu.ar/wp-admin	El panel de administración
web.exa.unsa.edu.ar/wp-content/uploads/2026/06/foto.jpg	Una imagen subida a la biblioteca
https://forms.gle/abc123	Un formulario externo de Google

¿Para qué la necesitan?

Video de fondo del carrusel: pegar la URL directa al archivo .mp4
Link del botón "Ver más": pegar la URL de destino
Link de info de un evento: URL del formulario de inscripción, Google Forms, etc.
Acceso rápido → URL: dirección del sistema al que lleva el botón (Guaraní, Biblioteca, etc.)
Archivo en carreras: URL del PDF subido a la biblioteca de medios

💡 Una URL siempre empieza con https:// — si no empieza así, está incompleta.

Vocabulario — Slide 12

Partes de una URL

https:// — protocolo seguro. Indica que la conexión está cifrada. Los navegadores modernos avisan si una URL no tiene el "s".
web.exa.unsa.edu.ar — dominio. El nombre del sitio en la red.
/wp-admin — ruta. La "carpeta" dentro del sitio.
foto.jpg — archivo. El nombre del recurso específico.

URL interna vs externa

URL interna: apunta a algo dentro del mismo sitio web. Ej: web.exa.unsa.edu.ar/carreras
URL externa: apunta a otro sitio. Ej: guarani.unsa.edu.ar
Para links externos, marcar la opción "Abrir en nueva pestaña" — el usuario no abandona el sitio de EXA.

Errores comunes

URL incompleta: pegar solo "guarani.unsa.edu.ar" sin el "https://". El botón no funciona.
URL de YouTube para video de fondo: YouTube no permite esto. Usar solo URL directa a archivo .mp4.
URL de la página de Google Drive: no es una URL directa al archivo — el visitante necesita permiso de Drive. Mejor subir el PDF a la biblioteca de medios.

Información institucional — EXA Facultad

El plugin propio

Qué gestiona el plugin EXA Facultad

Sección	Qué se carga
Autoridades	Decano/a y secretarías — foto, cargo, email, teléfono
Departamentos	Director, staff, materias, web del departamento
Áreas Admin	Biblioteca, Bedelía, etc. — responsable, horario, staff
Consejeros	Consejo Directivo, Superior e Investigación por estamento
Carreras	Datos, tabs, descargas (PDFs), links externos, video
Acceso rápido	Los 8 botones de la franja azul
Configuración	Topbar, redes sociales, WhatsApp, footer

Cómo funciona

Todo el contenido institucional se carga desde el menú EXA Facultad del panel lateral. Las páginas del sitio (Autoridades, Departamentos, etc.) tienen una "plantilla" que muestra automáticamente lo que cargaron.

💡 Si editaron los datos de autoridades pero no se actualizaron en el sitio, verificar que hicieron clic en Guardar al final de la página.

Los cambios se aplican de inmediato en el sitio. No hace falta "publicar" — solo guardar.

El plugin "EXA Facultad" es el módulo hecho a medida para la facultad. Es la parte del sistema que no existe en ningún otro sitio de WordPress — fue desarrollado específicamente para EXA UNSa. Lo que gestionan desde acá es todo el contenido institucional: quiénes son las autoridades, qué departamentos hay, qué áreas administrativas y sus horarios, quiénes son los consejeros, qué carreras ofrece la facultad. Diferencia importante con las Entradas: acá no hay botón "Publicar". Se llenan los campos y se hace clic en "Guardar". Los cambios son inmediatos. Para las carreras en particular, el sistema permite cargar PDFs de planes de estudio, links a formularios de inscripción, y un video del encabezado. Si algún PDF todavía no está listo, pueden cargar la etiqueta igual — el botón aparecerá con la leyenda "Próximamente" hasta que peguen la URL del PDF.

Consejeros

EXA Facultad

Estructura de los datos

3 consejos fijos (no se pueden agregar ni quitar):

Consejo Directivo
Consejo Superior
Consejo de Investigación

Dentro de cada consejo, los estamentos son libres: se agregan, editan y quitan sin límite. Cada estamento tiene listas de Titulares y Suplentes.

EXA Facultad → Consejeros

Formato de nombres — uno por línea, apellido primero:

DURAN, Gonzalo Jose
URIBURU MONASTERIO, Maria Laura
TOLABA, Miguel (Decano en ejercicio)

Operaciones frecuentes

Agregar estamento: clic en + Agregar estamento al pie de la sección → completar nombre y cargos → Guardar consejeros
Editar: localizar la tarjeta → modificar nombre del estamento o los campos Titulares / Suplentes → Guardar consejeros
Quitar estamento: clic en ✕ Quitar (botón rojo, esquina superior de la tarjeta) → confirmar → Guardar consejeros
Ocultar sin borrar: dejar ambos campos (Titulares y Suplentes) vacíos → el estamento no aparece en el sitio
El orden importa: los estamentos se muestran en el mismo orden que en el panel. Para reordenar, quitar y recrear en el orden deseado.

⚠ Quitar un estamento es irreversible desde el panel. Si se elimina por error, hay que recrearlo a mano.

La página de Consejeros muestra los integrantes de los tres consejos de la facultad organizados en acordeones desplegables. Lo que hay que recordar: los tres consejos (Directivo, Superior, Investigación) son fijos — no se pueden agregar ni quitar. Lo que sí es libre son los estamentos dentro de cada consejo. Un estamento es un grupo por cargo: DOCENTES, GRADUADOS, NO DOCENTES, CONSEJEROS COORDINADORES, etc. El formato de los nombres es importante para que el sitio los muestre correctamente: apellido primero, luego el nombre separado por coma. Si hay dos apellidos van juntos antes de la coma. Un nombre por línea. Se puede agregar aclaración entre paréntesis si hace falta. Sobre ocultar sin borrar: si los campos Titulares y Suplentes de un estamento están ambos vacíos, ese estamento no aparece en el sitio. No hace falta eliminarlo. Si solo uno tiene datos, se muestra únicamente esa columna. Siempre terminar con clic en "Guardar consejeros" al final de la página — sin ese clic, los cambios no se guardan.

Configuración general

Topbar · Redes · Footer

Topbar y Redes sociales

EXA Facultad → Configuración

Texto topbar: frase institucional breve (barra superior)
Teléfono topbar: número de contacto general — aparece clickeable
Redes sociales: agregar/quitar perfiles → ícono selector + URL del perfil. Aparecen en topbar y footer automáticamente

Número: solo dígitos, sin espacios ni guiones.
Ej: 543874559201
54 = Argentina · 387 = Salta · 4559201 = número
Botón flotante: si está marcado, aparece el botón verde de WhatsApp en todas las páginas del sitio

Footer

Google Maps: pegar la URL del embed (desde Google Maps → Compartir → Incorporar un mapa → copiar solo el valor del atributo src)
Dirección y teléfono: datos de contacto del footer
Enlaces importantes: lista de links en el footer — agregar/quitar con los botones + y ✕

✅ Siempre clic en Guardar al final para aplicar todos los cambios.

Crear una página nueva

Páginas → Añadir nueva

Paso a paso

1Páginas → Añadir nueva página
2Escribir el Título (aparece en el encabezado y define la URL)
3Escribir el Contenido con el editor de bloques
4Panel derecho → URL → ajustar el slug si hace falta
Ej: título "Reglamento de Becas" → slug reglamento-becas
5Clic en Publicar
6Para que aparezca en el menú: Apariencia → Menús (ver slide siguiente)

Página vs. Entrada — ¿cuál usar?

Página: contenido institucional y permanente.
Ejemplos: Reglamento de becas, Contacto, Historia de la facultad, Mapa del campus.
Entrada: contenido dinámico con fecha.
Ejemplos: Noticias, Eventos, Comunicados.

⚠️ Publicar la página no la agrega al menú.
Son dos pasos separados. El menú hay que editarlo a mano en Apariencia → Menús.

WordPress tiene dos tipos de contenido principales: Entradas y Páginas. Las Entradas son noticias, eventos, comunicados — tienen fecha y se ordenan cronológicamente. Las Páginas son contenido institucional que no cambia seguido: un reglamento, un formulario de contacto, un mapa del campus. El flujo es: crear la página, publicarla, y después ir a Apariencia → Menús para agregarla al menú de navegación. Muchos usuarios crean la página y se preguntan por qué no aparece — no aparece porque el menú hay que editarlo aparte. El slug (la parte final de la URL) se genera automáticamente a partir del título. Si el título es largo o tiene caracteres raros, conviene ajustarlo: que sea corto, sin tildes, en minúsculas y con guiones. Ej: /reglamento-becas en vez de /reglamento-de-becas-2024-version-aprobada.

Menú de navegación

Apariencia → Menús

Agregar y quitar ítems

Apariencia → Menús

1Columna izquierda: elegir Páginas, Enlace personalizado o Categorías
2Marcar el elemento y clic en Añadir al menú
3Arrastrar al lugar deseado en la columna derecha
4Para submenús (desplegables): arrastrar el ítem hacia la derecha y abajo del ítem padre
5Para quitar: expandir ítem con ▼ → clic en Eliminar
6Siempre: clic en Guardar menú

Lo que hay que saber

Publicar una página no la agrega al menú. Son dos pasos separados.
Eliminar del menú no borra la página — solo la quita del menú de navegación.
Cambiar el texto visible: expandir el ítem → campo "Texto de navegación". El título de la página no se modifica.
Abrir en nueva pestaña: expandir ítem → "Destino del enlace" (si no aparece, activarlo desde Opciones de pantalla arriba a la derecha).
Página en Borrador + menú: el ítem aparece pero da error 404 al hacer clic. Publicar la página primero.

Resumen rápido

✅ Noticias, eventos, carrusel → Entradas (categoría correcta)
✅ Fotos y archivos → Medios → Biblioteca
✅ Acceso rápido → EXA Facultad → Acceso rápido
✅ Autoridades, carreras, departamentos, consejeros → EXA Facultad
✅ Topbar, redes, footer → EXA Facultad → Configuración
✅ Páginas institucionales → Páginas → Añadir nueva → Publicar
✅ Menú de navegación → Apariencia → Menús

¿Preguntas?

Panel de administración: web.exa.unsa.edu.ar/wp-admin

Llegamos al final. Recapitulemos los puntos clave antes de abrir preguntas. La regla de las categorías es lo más importante: noticias van en "noticias", eventos en "eventos", carrusel en "destacados". Si algo no aparece donde debería, lo primero que hay que revisar es la categoría. El plugin EXA Facultad es el módulo institucional — todo lo que tiene que ver con la estructura de la facultad (autoridades, carreras, departamentos) vive ahí. Los cambios en el plugin se guardan con el botón Guardar. Los cambios en entradas y páginas se publican con el botón Publicar o Actualizar. Para cualquier duda, consultar primero el manual de referencia que preparamos (los archivos MD en la carpeta de documentación). Para problemas técnicos o permisos, contactar al área de informática. ¿Preguntas?