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
- Haga clic en Archivos tab.
- Seleccione la carpeta donde desea almacenar el archivo (por ejemplo, haga clic en Logos para imágenes de logotipo).
- Arrastre y suelte los archivos de imagen en el área de carga, o haga clic en Buscar archivos para elegir archivos de su computadora.
- Espere a que aparezca el mensaje de confirmación.
- Sus nuevos archivos aparecen en la cuadrícula de inmediato.
Cómo ver los detalles del archivo
- Haga clic en cualquier tarjeta de archivo en la cuadrícula.
- 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.
- 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
- Encuentra el archivo en la red.
- Haga clic en lápiz botón en la tarjeta de archivo.
- Escriba el nuevo nombre de archivo en la caja que aparece.
- Haga clic OK para confirmar.
site-logo-dark.png es mejor que IMG1234.png. Cualquier personaje especial se convierte automáticamente en subrayados.Cómo eliminar un archivo
- Encuentra el archivo en la red.
- Haga clic en basura botón en la tarjeta de archivo.
- Confirme la eliminación cuando se solicite.
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.
- Encuentra el archivo en la red.
- 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.
- El camino es copiado a su portapapeles y listo para pegar donde sea que lo necesite.
Cómo establecer su logotipo del sitio
- Haga clic en Asignaciones tab.
- Utilice el filtro de categoría y seleccione Marcas.
- Encontrar el Logotipo del sitio tarjeta.
- Haga clic en Imagen Botón en esa tarjeta.
- La página cambia a la pestaña Archivos con un mensaje que te dice que elijas una imagen.
- Haga clic en la imagen del logotipo que desea utilizar.
- Su logotipo se asigna ahora y aparecerá a través de su sitio.
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.
- Haga clic en Asignaciones tab.
- Filtro por Marcas.
- Encontrar el Favicon tarjeta.
- Haga clic en Imagen Botón.
- 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.
- Haga clic en Asignaciones tab.
- Filtro por Defaults.
- Encontrar el papel que desea establecer (por ejemplo, Video por defecto Thumbnail o Default User Avatar).
- Haga clic en Imagen botón y seleccione una imagen de sus archivos.
Cómo asignar un icono a una sección de navegación
- Haga clic en Asignaciones tab.
- Filtro por Iconos.
- Encontrar la sección que desea establecer un icono para (por ejemplo, Videos Icon o Favoritos Icon).
- Haga clic en Icon botón en la tarjeta.
- La página cambia a la pestaña Font Awesome Icons.
- Opcionalmente, ajustar el color del icono usando el selector de color en la parte superior.
- Busque un icono escribiendo una palabra clave (como "jugar", "corazón", o "camera") o busque la cuadrícula.
- Haga clic en el icono que desee.
- El icono se asigna y la página vuelve a la pestaña Asignaciones.
Cómo cambiar el color de un icono
- En el Asignaciones ficha, encontrar una asignación que tenga un icono.
- Haga clic en el círculo de colores (color swatch) en la tarjeta.
- Escoge un nuevo color del color del selector.
- Las actualizaciones de color inmediatamente.
Cómo quitar una asignación
- En el Asignaciones tab, encuentra la asignación que quieres limpiar.
- Haga clic en X Botón en la tarjeta.
- Confirme cuando se le solicite.
Filtros y Búsqueda
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:
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:
Ajustes y opciones
Icon Color Picker
Al trabajar con iconos en la pestaña Font Awesome Icons, puede configurar un color personalizado:
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:
Consejos para nuevos usuarios
- Use nombres de archivo descriptivos. Nombres como
hero-background-summer.jpgson mucho más fáciles de encontrar más tarde queIMG4523.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:
- Asegúrese de que el archivo está en un formato aceptado (JPG, JPEG, PNG, GIF, WEBP, SVG o ICO).
- Asegúrese de que el archivo es más pequeño que 10MB.
- Pruebe refrescar la página en su navegador.
- Limpia tu caché del navegador e intenta de nuevo.
- 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:
- Consulta tu conexión a Internet. La biblioteca de iconos está cargada de Internet.
- 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.
- 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:
- Refresque la página e inténtelo de nuevo.
- Si ves un mensaje de "Invalid security token", refresca la página primero, prueba la asignación de nuevo.
- 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:
- El archivo puede haber sido borrado o movido fuera del Administrador de Medios. Compruebe si el archivo todavía existe en la red.
- Intenta refrescar la página.
- 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:
- Compre o redimensione su imagen antes de subir. El tamaño máximo del archivo es de 10MB.
- Utilice una herramienta de compresión de imagen (como TinyPNG o Squoosh) para reducir el tamaño del archivo.