ComusThumbz Documentation
HTML Markdown Print/PDF Plain Text
Admin Login

Documentation Menu


Admin Access

Bộ quản lý phương tiện

Trang này làm gì

Giám đốc truyền thông là trung tâm quản lý tất cả hình ảnh và biểu tượng xuất hiện trên trang web của bạn. Dùng nó để tải lên logo, băng cờ, ảnh nền và các đồ họa khác, rồi gán chúng vào những vai trò cụ thể như logo nơi Mạng, favicon, hay mẫu ảnh mặc định. Bạn cũng có thể chọn biểu tượng từ một thư viện biểu tượng có sẵn để sử dụng trong suốt quá trình định vị của trang web.

Dịch bởi Vũ Hạnh, Mai Linh, Nga, Huy Tô, Yuki, Ann, Phương

Cách đến đây

Chuyển tới Quản trị > Biểu mẫu > Bộ quản lý phương tiện

Bạn cũng có thể tới trang này từ thanh điều hướng ở đầu trang bất kỳ mẫu nào bằng cách nhấn vào Vật chứa.

Hiểu trang đó

Người quản lý phương tiện được tổ chức thành ba thẻ dọc theo đầu trang:

Thẻ tập tin

Đây là nơi bạn tải lên, duyệt qua và quản lý tập tin ảnh. Ở trên cùng, bạn thấy năm lá thư -- Ảnh. Biểu tượng. Biểu tượng. Biểu ngữ, và Nền -- mỗi lần chỉ ra có bao nhiêu tập tin trong đó. Nhấn vào một thẻ thư mục để xem các tập tin bên trong nó.

Bên dưới thẻ thư mục, bạn có hộp tìm kiếm để lọc tập tin theo tên, xem nút bật lên để chuyển đổi giữa bố trí lưới và bố trí danh sách, và khu vực tải lên nơi bạn có thể kéo và thả tập tin hoặc nhấn vào để duyệt máy tính.

Tập tin của anh xuất hiện như những lá bài trong mạng lưới. Mỗi thẻ hiển thị ô xem thử mẫu ảnh, tên tập tin, cỡ tập tin và kiểu tập tin cùng với nút hành động.

Thẻ ủy nhiệm

Thẻ này cho bạn khả năng kết nối ảnh đã tải lên (hay biểu tượng) thành vai trò cụ thể trên trang Mạng. Vai trò được sắp xếp thành các loại như Đóng dấu. Trang chủ. Mặc định. Trang, và Biểu tượng.. mỗi vai trò có một thẻ chỉ ra những gì đang được chỉ định, cùng với các nút để thay đổi nhiệm vụ.

Phông chữ

Thẻ này cho bạn truy cập vào một thư viện lớn có biểu tượng sẵn sàng. Bạn có thể tìm kiếm các biểu tượng bằng tên, lọc theo kiểu dáng, và chọn màu riêng. Những biểu tượng này có thể được chỉ định cho các phần định hướng và các phần khác của trang web của bạn.

Tác vụ chung

Cách tải ảnh lên

  1. Click the Files tab.
  2. Select the folder where you want to store the file (for example, click Logos for logo images).
  3. Drag and drop your image files onto the upload area, or click Browse Files to choose files from your computer.
  4. Wait for the confirmation message to appear.
  5. Your new files appear in the grid right away.
Warning: Each file must be smaller than 10MB. Accepted formats are JPG, JPEG, PNG, GIF, WEBP, SVG, and ICO.
Tip: If you upload a file with the same name as an existing file, the system automatically adds a unique suffix to prevent overwriting. You will never accidentally replace an existing image.

How to View File Details

  1. Click on any file card in the grid.
  2. A detail window opens showing a larger preview, the file size, type, last modified date, and the file path.
  3. Close the detail window by clicking the X button, pressing the Escape key, or clicking outside the window.

How to Rename a File

  1. Find the file in the grid.
  2. Click the pencil button on the file card.
  3. Type the new filename in the box that appears.
  4. Click OK to confirm.
Tip: Use simple, descriptive filenames with hyphens between words. For example, site-logo-dark.png is better than IMG1234.png. Any special characters are automatically converted to underscores.

How to Delete a File

  1. Find the file in the grid.
  2. Click the trash button on the file card.
  3. Confirm the deletion when prompted.
Warning: Deleting a file is permanent and cannot be undone. Before deleting an important image like your logo, save a backup copy to your computer first.

How to Copy a File's Path

Sometimes you need a file's path to use in other parts of the admin panel.

  1. Find the file in the grid.
  2. Click the link button on the file card, or click the card to open the detail window and then click Copy URL.
  3. The path is copied to your clipboard and ready to paste wherever you need it.
  1. Click the Assignments tab.
  2. Use the category filter and select Branding.
  3. Find the Site Logo card.
  4. Click the Image button on that card.
  5. The page switches to the Files tab with a message telling you to pick an image.
  6. Click on the logo image you want to use.
  7. Your logo is now assigned and will appear across your site.
Success: After assigning a new logo, visitors to your site will see the updated image on every page that displays the logo.

How to Set Your Favicon

A favicon is the small icon that appears in browser tabs next to your site name.

  1. Click the Assignments tab.
  2. Filter by Branding.
  3. Find the Favicon card.
  4. Click the Image button.
  5. Select a small, square image (ideally 32x32 pixels) from the Files tab.

How to Set Default Thumbnails

Default thumbnails appear when a video, gallery, or model does not have its own image.

  1. Click the Assignments tab.
  2. Filter by Defaults.
  3. Find the role you want to set (for example, Default Video Thumbnail or Default User Avatar).
  4. Click the Image button and select an image from your files.
Note: Setting good default images makes your site look polished even when content is still being added. It prevents blank or broken image placeholders from appearing.

How to Assign an Icon to a Navigation Section

  1. Click the Assignments tab.
  2. Filter by Icons.
  3. Find the section you want to set an icon for (for example, Videos Icon or Favorites Icon).
  4. Click the Icon button on the card.
  5. The page switches to the Font Awesome Icons tab.
  6. Optionally, adjust the icon color using the color picker at the top.
  7. Search for an icon by typing a keyword (like "play," "heart," or "camera") or browse the grid.
  8. Click the icon you want.
  9. The icon is assigned and the page returns to the Assignments tab.
Tip: For a consistent look, use the same icon color across all navigation sections. The default green matches the standard site theme.

How to Change an Icon's Color

  1. On the Assignments tab, find an assignment that has an icon.
  2. Click the colored circle (color swatch) on the card.
  3. Pick a new color from the color picker.
  4. The color updates immediately.

How to Remove an Assignment

  1. On the Assignments tab, find the assignment you want to clear.
  2. Click the X (Clear) button on the card.
  3. Confirm when prompted.
Warning: Clearing a branding assignment (such as the site logo or favicon) means that area of your site will show no image until you assign a new one.

Searching Files

Type a keyword into the Search box on the Files tab and the grid updates to show only files whose names match.

Filtering Assignments

On the Assignments tab, use the category buttons to narrow down what you see:

Filter What It Shows
All Every assignment role
Branding Logos, favicon, social sharing image
Homepage Hero image, featured section background, promotional banner
Defaults Fallback thumbnails and default avatars
Pages Header images for About, Contact, Terms, and FAQ pages
Icons Navigation and section icons

Searching Icons

On the Font Awesome Icons tab, type a keyword into the search box to find icons by name (for example, "home," "user," "arrow," or "camera"). You can also filter by icon style:

Style What It Shows
All Every available icon
Solid Filled, bold icons
Regular Outlined, lighter icons
Brands Company and product logos (Twitter, Facebook, YouTube, etc.)

Settings and Options

Icon Color Picker

When working with icons on the Font Awesome Icons tab, you can set a custom color:

Option What It Does Recommended
Color Picker Lets you visually choose a color for icons Match your site's primary color
Hex Input Lets you type an exact color code (like #2A4711) Use when you know the exact color you want

View Modes

The Files tab offers two ways to view your images:

  • Grid View -- Shows files as visual cards with thumbnail previews. Best for browsing and finding images quickly.
  • List View -- Shows files in a single column with more detail per row. Best when you need to see filenames and sizes clearly.

Click the view toggle buttons in the toolbar to switch between them.

Organizing Your Files

The Media Manager provides five folders to keep your files organized:

Folder Best Used For
Images General site graphics and miscellaneous images
Icons Custom icon images (when the built-in icon library does not have what you need)
Logos All variations of your site logo (light version, dark version, etc.)
Banners Promotional images, advertising banners, and announcement graphics
Backgrounds Page and section background images
Tip: Keeping files in the right folders makes them much easier to find later, especially as your media library grows.

Tips for New Users

Tip: Compress images before uploading. Smaller file sizes make your site load faster for visitors. Free tools like TinyPNG can shrink images without visible quality loss.Upload your logo first. Setting up your site logo and favicon should be one of the first things you do after installation.
  • Use descriptive filenames. Names like hero-background-summer.jpg are much easier to find later than IMG4523.jpg.
  • Set all your default images. This prevents blank placeholders from showing up on your site while you are still adding content.
  • Use assignments instead of copying file paths. Assignments make it easy to swap images site-wide by changing one setting, rather than editing multiple pages.

Troubleshooting

An uploaded file does not appear in the grid

What you see: You uploaded a file but it does not show up in the file list.

How to fix it:

  1. Make sure the file is in an accepted format (JPG, JPEG, PNG, GIF, WEBP, SVG, or ICO).
  2. Make sure the file is smaller than 10MB.
  3. Try refreshing the page in your browser.
  4. Clear your browser cache and try again.
  5. If the problem continues, contact your hosting provider or site administrator to check server settings.

 

Icons are not loading in the Font Awesome tab

What you see: The icon grid shows "Loading..." and does not finish, or no icons appear.

How to fix it:

  1. Check your internet connection. The icon library is loaded from the internet.
  2. Wait a moment. If the main icon library cannot be reached, a smaller set of common icons loads automatically as a backup.
  3. Try refreshing the page.

 

Assignment did not save

What you see: You clicked to assign an image or icon, but the assignment card still shows "Not assigned."

How to fix it:

  1. Refresh the page and try again.
  2. If you see an "Invalid security token" message, refresh the page first, then try the assignment again.
  3. If the problem continues, contact your site administrator.

 

Image preview shows a broken image icon

What you see: Instead of a thumbnail, you see a broken image placeholder.

How to fix it:

  1. The file may have been deleted or moved outside of the Media Manager. Check whether the file still exists in the grid.
  2. Try refreshing the page.
  3. Clear your browser cache.

 

"File too large" error when uploading

What you see: An error message saying the file is too large.

How to fix it:

  1. Compress or resize your image before uploading. The maximum file size is 10MB.
  2. Use an image compression tool (such as TinyPNG or Squoosh) to reduce the file size.

 

Page When to Use It
Template Dashboard For an overview of all template and design management tools
Theme Manager To switch between site themes or activate a new theme
Style Manager To customize your site's colors, fonts, and spacing without editing code
Layout Manager To change how pages are structured and what sections appear where
File Editor To edit template files directly (advanced users)

Related Pages