Documentación de ComusThumbz
Iniciar Sesión

Media Manager

Qué hace esta página

El Media Manager es su centro central para gestionar todas las imágenes e iconos que aparecen en su sitio. Úsalo para subir logotipos, banners, imágenes de fondo y otros gráficos, y luego asignarlos a roles específicos como su logotipo del sitio, favicon o miniaturas predeterminadas. También puede elegir iconos de una biblioteca de iconos incorporada para utilizar a lo largo de la navegación de su sitio.

[Screenshot: media-manager-overview]


Cómo llegar aquí

Navigate a Panel de Admin Plantillas Ø Media Manager

También puede llegar a esta página desde la barra de navegación en la parte superior de cualquier página de Plantillas haciendo clic Media.


Comprender la página

El Administrador de Medios se organiza en tres pestañas a lo largo de la página:

Archivos Tab

Aquí es donde subes, navegas y administras tus archivos de imagen. En la parte superior, se ven cinco tarjetas de carpeta... Imágenes, Iconos, Logos, Banners, y Antecedentes -- cada uno mostrando cuántos archivos contiene. Haga clic en una tarjeta de carpeta para ver los archivos dentro de ella.

Debajo de las tarjetas de carpeta, usted tiene un cuadro de búsqueda para filtrar archivos por nombre, ver botones de toggle para cambiar entre un diseño de la red y un diseño de la lista, y un área de carga donde puede arrastrar y soltar archivos o hacer clic para navegar por su computadora.

Sus archivos aparecen como tarjetas en una cuadrícula. Cada tarjeta muestra una vista previa de miniatura, el nombre de archivo, tamaño de archivo y tipo de archivo, junto con botones de acción.

Asignaciones Tab

Esta pestaña le permite conectar sus imágenes subidas (o iconos) a roles específicos en su sitio. Las funciones se organizan en categorías como Marcas, Página, Defaults, Páginas, y Iconos. Cada papel tiene una tarjeta que muestra lo que se le asigna actualmente, junto con botones para cambiar la asignación.

Font Awesome Icons Tab

Esta pestaña le da acceso a una gran biblioteca de iconos listos. Puedes buscar iconos por nombre, filtrar por estilo y elegir un color personalizado. Estos iconos se pueden asignar a secciones de navegación y otras partes de su sitio.


Tareas comunes

Cómo subir imágenes

  1. Haga clic en Archivos tab.
  2. Seleccione la carpeta donde desea almacenar el archivo (por ejemplo, haga clic en Logos para imágenes de logotipo).
  3. Arrastre y suelte los archivos de imagen en el área de carga, o haga clic en Buscar archivos para elegir archivos de su computadora.
  4. Espere a que aparezca el mensaje de confirmación.
  5. Sus nuevos archivos aparecen en la cuadrícula de inmediato.
Advertencia: Cada archivo debe ser más pequeño que 10MB. Los formatos aceptados son JPG, JPEG, PNG, GIF, WEBP, SVG e ICO.
Sugerencia: Si subes un archivo con el mismo nombre que un archivo existente, el sistema añade automáticamente un sufijo único para evitar la sobreescritura. Nunca reemplazarás accidentalmente una imagen existente.

Cómo ver los detalles del archivo

  1. Haga clic en cualquier tarjeta de archivo en la cuadrícula.
  2. Una ventana de detalle abre mostrando una vista previa más grande, el tamaño del archivo, tipo, fecha modificada última, y la ruta del archivo.
  3. Cierre la ventana del detalle haciendo clic en X botón, pulsando el Escape llave, o haciendo clic fuera de la ventana.

Cómo cambiar el nombre de un archivo

  1. Encuentra el archivo en la red.
  2. Haga clic en lápiz botón en la tarjeta de archivo.
  3. Escriba el nuevo nombre de archivo en la caja que aparece.
  4. Haga clic OK para confirmar.
Sugerencia: Use nombres de archivo simples y descriptivos con hyphens entre palabras. Por ejemplo, site-logo-dark.png es mejor que IMG1234.png. Cualquier personaje especial se convierte automáticamente en subrayados.

Cómo eliminar un archivo

  1. Encuentra el archivo en la red.
  2. Haga clic en basura botón en la tarjeta de archivo.
  3. Confirme la eliminación cuando se solicite.
Advertencia: Eliminar un archivo es permanente y no se puede deshacer. Antes de borrar una imagen importante como su logotipo, guarde una copia de seguridad en su computadora primero.

Cómo copiar el camino de un archivo

A veces necesitas la ruta de un archivo para usar en otras partes del panel de administración.

  1. Encuentra el archivo en la red.
  2. Haga clic en enlace botón en la tarjeta de archivo, o haga clic en la tarjeta para abrir la ventana de detalle y luego haga clic en Copiar URL.
  3. El camino es copiado a su portapapeles y listo para pegar donde sea que lo necesite.
  1. Haga clic en Asignaciones tab.
  2. Utilice el filtro de categoría y seleccione Marcas.
  3. Encontrar el Logotipo del sitio tarjeta.
  4. Haga clic en Imagen Botón en esa tarjeta.
  5. La página cambia a la pestaña Archivos con un mensaje que te dice que elijas una imagen.
  6. Haga clic en la imagen del logotipo que desea utilizar.
  7. Su logotipo se asigna ahora y aparecerá a través de su sitio.
Éxito: Después de asignar un nuevo logotipo, los visitantes a su sitio verán la imagen actualizada en cada página que muestre el logotipo.

Cómo establecer su Favicon

Un favicon es el pequeño icono que aparece en las pestañas del navegador junto a su nombre del sitio.

  1. Haga clic en Asignaciones tab.
  2. Filtro por Marcas.
  3. Encontrar el Favicon tarjeta.
  4. Haga clic en Imagen Botón.
  5. Seleccione una pequeña imagen cuadrada (idealmente 32x32 píxeles) de la pestaña Archivos.

Cómo establecer miniaturas predeterminadas

Las miniaturas predeterminadas aparecen cuando un vídeo, galería o modelo no tiene su propia imagen.

  1. Haga clic en Asignaciones tab.
  2. Filtro por Defaults.
  3. Encontrar el papel que desea establecer (por ejemplo, Video por defecto Thumbnail o Default User Avatar).
  4. Haga clic en Imagen botón y seleccione una imagen de sus archivos.
Nota: Establecer buenas imágenes predeterminadas hace que su sitio se vea pulido incluso cuando el contenido todavía se está agregando. Impide que aparezcan los marcadores de imagen en blanco o rotos.

Cómo asignar un icono a una sección de navegación

  1. Haga clic en Asignaciones tab.
  2. Filtro por Iconos.
  3. Encontrar la sección que desea establecer un icono para (por ejemplo, Videos Icon o Favoritos Icon).
  4. Haga clic en Icon botón en la tarjeta.
  5. La página cambia a la pestaña Font Awesome Icons.
  6. Opcionalmente, ajustar el color del icono usando el selector de color en la parte superior.
  7. Busque un icono escribiendo una palabra clave (como "jugar", "corazón", o "camera") o busque la cuadrícula.
  8. Haga clic en el icono que desee.
  9. El icono se asigna y la página vuelve a la pestaña Asignaciones.
Sugerencia: Para un look consistente, utilice el mismo color de icono en todas las secciones de navegación. El verde predeterminado coincide con el tema estándar del sitio.

Cómo cambiar el color de un icono

  1. En el Asignaciones ficha, encontrar una asignación que tenga un icono.
  2. Haga clic en el círculo de colores (color swatch) en la tarjeta.
  3. Escoge un nuevo color del color del selector.
  4. Las actualizaciones de color inmediatamente.

Cómo quitar una asignación

  1. En el Asignaciones tab, encuentra la asignación que quieres limpiar.
  2. Haga clic en X Botón en la tarjeta.
  3. Confirme cuando se le solicite.
Advertencia: Limpiar una asignación de marca (como el logotipo del sitio o favicon) significa que el área de su sitio no mostrará ninguna imagen hasta que usted asigne una nueva.

Búsqueda de archivos

Escribe una palabra clave en Búsqueda cuadro en la pestaña Archivos y las actualizaciones de la red para mostrar sólo archivos cuyos nombres coinciden.

Asignaciones de filtración

En la pestaña Asignaciones, utilice los botones de categoría para reducir lo que vea:

FiltroLo que muestra
TodosCada función de asignación
MarcasLogos, favicon, imagen compartida social
PáginaHero image, ofrecida sección fondos, banner promocional
Defaultsminiaturas Fallback y avatares predeterminados
PáginasImágenes de encabezado para Acerca, Contacto, Términos y páginas de preguntas frecuentes
IconosIconos de navegación y sección

Búsqueda de iconos

En la pestaña Font Awesome Icons, escriba una palabra clave en el cuadro de búsqueda para encontrar iconos por nombre (por ejemplo, "home", "user", "arrow", o "camera"). También puede filtrar por estilo icono:

EstiloLo que muestra
TodosCada icono disponible
SólidoIconos llenos y atrevidos
Recursos ordinariosIconos esquemáticos y ligeros
MarcasLogos de empresa y productos (Twitter, Facebook, YouTube, etc.)

Ajustes y opciones

Icon Color Picker

Al trabajar con iconos en la pestaña Font Awesome Icons, puede configurar un color personalizado:

OpciónLo que haceRecomendado
Color PickerTe permite elegir visualmente un color para iconosCoincide con el color primario de su sitio
Hex InputLe permite escribir un código de color exacto (como #2A4711)Use cuando sepa el color exacto que desea

Ver modos

La pestaña Archivos ofrece dos maneras de ver sus imágenes:

  • Grid View -- Muestra archivos como tarjetas visuales con vista previas de miniatura. Mejor para navegar y encontrar imágenes rápidamente.
  • Lista Ver -- Muestra archivos en una sola columna con más detalle por fila. Mejor cuando usted necesita ver los nombres de archivo y tamaños claramente.

Haga clic en los botones de la vista para cambiar entre ellos.


Organizar sus archivos

El Administrador de Medios proporciona cinco carpetas para mantener los archivos organizados:

FolderMejor usado para
ImágenesGráficos del sitio general e imágenes diversas
IconosImágenes de icono personalizadas (cuando la biblioteca de iconos incorporada no tiene lo que necesita)
LogosTodas las variaciones de su logotipo del sitio (versión ligera, versión oscura, etc.)
BannersImágenes promocionales, banners publicitarios y gráficos de anuncios
AntecedentesImágenes de antecedentes de página y sección
Sugerencia: Mantener archivos en las carpetas correctas hace que sean mucho más fáciles de encontrar más adelante, especialmente a medida que su biblioteca de medios crece.

Consejos para nuevos usuarios

Sugerencia: Compre las imágenes antes de subir. Los tamaños de archivos más pequeños hacen que su sitio carga más rápido para los visitantes. Herramientas gratuitas como TinyPNG pueden reducir las imágenes sin pérdida de calidad visible.Sube el logo primero. Configurar el logotipo de su sitio y el favicon debe ser una de las primeras cosas que usted hace después de la instalación.
  • Use nombres de archivo descriptivos. Nombres como hero-background-summer.jpg son mucho más fáciles de encontrar más tarde que IMG4523.jpg.
  • Establecer todas las imágenes predeterminadas. Esto evita que los titulares de lugares en blanco aparezcan en su sitio mientras todavía está agregando contenido.
  • Use asignaciones en lugar de copiar rutas de archivos. Las asignaciones facilitan el intercambio de imágenes en todo el sitio cambiando un entorno, en lugar de editar múltiples páginas.

Solución de problemas

Un archivo subido no aparece en la red

Lo que ves: Subiste un archivo pero no aparece en la lista de archivos.

Cómo arreglarlo:

  1. Asegúrese de que el archivo está en un formato aceptado (JPG, JPEG, PNG, GIF, WEBP, SVG o ICO).
  2. Asegúrese de que el archivo es más pequeño que 10MB.
  3. Pruebe refrescar la página en su navegador.
  4. Limpia tu caché del navegador e intenta de nuevo.
  5. Si el problema continúa, comuníquese con su proveedor de alojamiento o administrador del sitio para comprobar la configuración del servidor.

Los iconos no están cargando en la pestaña Font Awesome

Lo que ves: La cuadrícula de iconos muestra "Cargando..." y no termina, o no aparecen iconos.

Cómo arreglarlo:

  1. Consulta tu conexión a Internet. La biblioteca de iconos está cargada de Internet.
  2. Espera un momento. Si no se puede acceder a la biblioteca principal de iconos, un conjunto más pequeño de iconos comunes se carga automáticamente como copia de seguridad.
  3. Intenta refrescar la página.

Asignación no salvo

Lo que ves: Usted hizo clic para asignar una imagen o icono, pero la tarjeta de asignación todavía muestra "No asignado".

Cómo arreglarlo:

  1. Refresque la página e inténtelo de nuevo.
  2. Si ves un mensaje de "Invalid security token", refresca la página primero, prueba la asignación de nuevo.
  3. Si el problema continúa, comuníquese con su administrador del sitio.

Imagen vista previa muestra un icono de imagen roto

Lo que ves: En vez de una miniatura, ves un marcador de imagen roto.

Cómo arreglarlo:

  1. El archivo puede haber sido borrado o movido fuera del Administrador de Medios. Compruebe si el archivo todavía existe en la red.
  2. Intenta refrescar la página.
  3. Limpia tu caché del navegador.

Error "File too large" al subir

Lo que ves: Un mensaje de error que dice que el archivo es demasiado grande.

Cómo arreglarlo:

  1. Compre o redimensione su imagen antes de subir. El tamaño máximo del archivo es de 10MB.
  2. Utilice una herramienta de compresión de imagen (como TinyPNG o Squoosh) para reducir el tamaño del archivo.


PáginaCuándo utilizarlo
Plantilla de mandoPara una visión general de todas las herramientas de gestión de plantillas y diseño
Theme ManagerPara cambiar entre temas del sitio o activar un nuevo tema
Style ManagerPara personalizar los colores, las fuentes y el espaciado de su sitio sin editar código
Layout ManagerCambiar cómo se estructuran las páginas y qué secciones aparecen
Editor de archivosPara editar archivos de plantilla directamente (usuarios avanzados)