ComusThumbz Dokumentation
Admin-Anmeldung

Media Manager

Was diese Seite tut

Der Media Manager ist Ihr zentraler Hub für die Verwaltung aller Bilder und Icons, die auf Ihrer Website erscheinen. Verwenden Sie es, um Logos, Banner, Hintergrundbilder und andere Grafiken hochzuladen, dann geben Sie ihnen bestimmte Rollen wie Ihr Website-Logo, Favicon oder Standard-Daumennails. Sie können auch Icons aus einer integrierten Icon-Bibliothek wählen, um während der gesamten Navigation Ihrer Website zu verwenden.

[Screenshot: Medienmanager-Übersicht]


Wie man hier kommt

Navigieren Admin Panel > Vorlagen > Medienmanager

Sie können diese Seite auch von der Navigationsleiste an der Spitze jeder Vorlagenseite durch Klicken erreichen Medien.


Die Seite verstehen

Der Media Manager wird in drei Tabs entlang der Oberseite der Seite organisiert:

Dateien Tab

Hier laden Sie hoch, durchsuchen und verwalten Ihre Bilddateien. Oben sieht man fünf Ordnerkarten -- Bilder, Ikonen, Logos, Banner, und Hintergrund -- jeder zeigt, wie viele Dateien es enthält. Klicken Sie auf eine Ordnerkarte, um die Dateien darin anzuzeigen.

Unterhalb der Ordnerkarten haben Sie ein Suchfeld, um Dateien nach Namen zu filtern, klicken Sie auf Schaltflächen, um zwischen einem Gitter-Layout und einem Listen-Layout zu wechseln, und einen Upload-Bereich, in dem Sie Dateien ziehen und löschen können oder klicken, um Ihren Computer zu durchsuchen.

Ihre Dateien erscheinen als Karten in einem Raster. Jede Karte zeigt eine Vorschau, den Dateinamen, die Dateigröße und den Dateityp, zusammen mit Aktionstasten.

Zuweisungen Tab

Mit dieser Registerkarte können Sie Ihre hochgeladenen Bilder (oder Icons) auf bestimmte Rollen auf Ihrer Website verbinden. Roles werden in Kategorien wie Branding, Homepage, Fehler, Seiten, und Ikonen. Jede Rolle verfügt über eine Karte, die zeigt, was derzeit ihm zugewiesen wird, zusammen mit Tasten, um die Zuordnung zu ändern.

Schriftart Awesome Icons Tab

Diese Registerkarte bietet Ihnen Zugang zu einer großen Bibliothek von fertigen Icons. Sie können nach Icons nach Namen suchen, nach Stil filtern und eine benutzerdefinierte Farbe auswählen. Diese Icons können den Navigationsabschnitten und anderen Teilen Ihrer Website zugeordnet werden.


Gemeinsame Aufgaben

Wie Bilder hochladen

  1. Klicken Sie auf Dateien Tab.
  2. Wählen Sie den Ordner, in dem Sie die Datei speichern möchten (zum Beispiel klicken Sie auf Logos für Logobilder).
  3. Ziehen Sie Ihre Bilddateien auf den Upload-Bereich oder klicken Sie auf Dateien durchsuchen um Dateien von Ihrem Computer zu wählen.
  4. Warten Sie, bis die Bestätigungsnachricht erscheint.
  5. Ihre neuen Dateien erscheinen sofort im Netz.
Warnung: Jede Datei muss kleiner als 10MB sein. Akzeptierte Formate sind JPG, JPEG, PNG, GIF, WEBP, SVG und ICO.
Tipp: Wenn Sie eine Datei mit dem gleichen Namen wie eine bestehende Datei hochladen, fügt das System automatisch einen einzigartigen Suffix hinzu, um Überschreiben zu verhindern. Sie werden niemals versehentlich ein bestehendes Bild ersetzen.

So sehen Sie Dateidetails

  1. Klicken Sie auf jede Dateikarte im Raster.
  2. Ein Detailfenster öffnet eine größere Vorschau, die Dateigröße, den Typ, das letzte geänderte Datum und den Dateipfad.
  3. Schließen Sie das Detailfenster, indem Sie auf die X Taste, drücken Sie die Flucht Schlüssel, oder klicken Sie außerhalb des Fensters.

Umbenennen einer Datei

  1. Finden Sie die Datei im Raster.
  2. Klicken Sie auf Bleistift Knopf auf der Dateikarte.
  3. Geben Sie den neuen Dateinamen in das Feld ein, das angezeigt wird.
  4. Klicken Sie auf Okay. zu bestätigen.
Tipp: Verwenden Sie einfache, beschreibende Dateinamen mit Bindestrichen zwischen Wörtern. Zum Beispiel site-logo-dark.png ist besser als IMG1234.pngAlle Sonderzeichen werden automatisch in Unterstriche umgewandelt.

So löschen Sie eine Datei

  1. Finden Sie die Datei im Raster.
  2. Klicken Sie auf Müll Knopf auf der Dateikarte.
  3. Bestätigen Sie die Löschung, wenn Sie aufgefordert werden.
Warnung: Die Löschung einer Datei ist dauerhaft und kann nicht rückgängig gemacht werden. Bevor Sie ein wichtiges Bild wie Ihr Logo löschen, speichern Sie zuerst eine Sicherungskopie auf Ihrem Computer.

Wie man den Pfad einer Datei kopiert

Manchmal benötigen Sie den Pfad einer Datei, um in anderen Teilen des Admin-Panels zu verwenden.

  1. Finden Sie die Datei im Raster.
  2. Klicken Sie auf Gliederung klicken Sie auf die Dateikarte, oder klicken Sie auf die Karte, um das Detailfenster zu öffnen und dann klicken URL kopieren.
  3. Der Pfad wird in Ihre Zwischenablage kopiert und bereit, zu kleben, wo immer Sie es brauchen.
  1. Klicken Sie auf Zuweisungen Tab.
  2. Verwenden Sie den Kategoriefilter und wählen Sie Branding.
  3. Finden Sie die Site Logo Karte.
  4. Klicken Sie auf Bild Knopf auf der Karte.
  5. Die Seite schaltet auf die Registerkarte Dateien mit einer Nachricht, mit der Sie ein Bild auswählen.
  6. Klicken Sie auf das Logobild, das Sie verwenden möchten.
  7. Ihr Logo ist jetzt zugeordnet und wird über Ihre Website angezeigt.
Erfolg: Nachdem Sie ein neues Logo zugewiesen haben, sehen die Besucher auf jeder Seite das aktualisierte Bild, das das Logo zeigt.

Wie Sie Ihr Favicon einstellen

Ein Favicon ist das kleine Icon, das in Browser-Tabs neben Ihrem Websitenamen erscheint.

  1. Klicken Sie auf Zuweisungen Tab.
  2. Filter nach Branding.
  3. Finden Sie die Favicon Karte.
  4. Klicken Sie auf Bild Knopf.
  5. Wählen Sie aus der Registerkarte Dateien ein kleines, quadratisches Bild (ideal 32x32 Pixel).

So stellen Sie Default Thumbnails fest

Default Miniaturansichten erscheinen, wenn ein Video, eine Galerie oder ein Modell kein eigenes Bild haben.

  1. Klicken Sie auf Zuweisungen Tab.
  2. Filter nach Fehler.
  3. Finden Sie die Rolle, die Sie einstellen möchten (zum Beispiel, Standard Video Thumbnail oder Standard Benutzer Avatar)
  4. Klicken Sie auf Bild Taste und wählen Sie ein Bild aus Ihren Dateien.
Anmerkung: Die Einstellung guter Standardbilder macht Ihre Website poliert, auch wenn der Inhalt noch hinzugefügt wird. Es verhindert, dass leere oder gebrochene Bild-Platzhalter erscheinen.

Wie man einen Icon einer Navigationsabteilung zuordnet

  1. Klicken Sie auf Zuweisungen Tab.
  2. Filter nach Ikonen.
  3. Finden Sie den Abschnitt, für den Sie ein Symbol festlegen möchten (zum Beispiel, Videos Icon oder Favoriten Icon)
  4. Klicken Sie auf Icon Knopf auf der Karte.
  5. Die Seite schaltet auf den Font Awesome Icons Tab.
  6. Optional die Icon-Farbe mit dem Farbwähler oben einstellen.
  7. Suchen Sie nach einem Icon, indem Sie ein Keyword (wie "play", "heart", "camera") eingeben oder das Netz durchsuchen.
  8. Klicken Sie auf das gewünschte Symbol.
  9. Das Icon wird zugewiesen und die Seite kehrt zur Registerkarte Zuordnungen zurück.
Tipp: Für einen konsistenten Look verwenden Sie die gleiche Symbolfarbe über alle Navigationsabschnitte. Das Standard-Green entspricht dem Standard-Site-Thema.

Wie man die Farbe eines Icons ändert

  1. Auf der Zuweisungen Tab, finden Sie eine Zuordnung, die ein Symbol hat.
  2. Klicken Sie auf den farbigen Kreis (Farbe swatch) auf der Karte.
  3. Wählen Sie eine neue Farbe aus dem Farbwähler.
  4. Die Farbe aktualisiert sofort.

Wie eine Zuordnung zu entfernen

  1. Auf der Zuweisungen Tab, finden Sie den Auftrag, den Sie löschen möchten.
  2. Klicken Sie auf X (Clear) Taste auf der Karte.
  3. Bestätigen Sie, wenn Sie aufgefordert werden.
Warnung: Das Löschen einer Branding-Beauftragung (wie das Site-Logo oder Favicon) bedeutet, dass der Bereich Ihrer Website kein Bild zeigt, bis Sie eine neue zuordnen.

Dateien suchen

Geben Sie ein Schlüsselwort in die Suche Box auf der Registerkarte Dateien und das Netz-Updates nur Dateien anzeigen, deren Namen übereinstimmen.

Zuweisungen filtern

Benutzen Sie auf der Registerkarte Zuordnungen die Kategorietasten, um das zu verengen, was Sie sehen:

FilterWas es zeigt
AlleJede Aufgabenstellung
BrandingLogos, Favicon, Social Sharing Image
HomepageHero-Bild, gekennzeichnete Abschnitt Hintergrund, Werbebanner
FehlerFallback Miniaturansichten und Standard Avatare
SeitenHeader Bilder für Über, Kontakt, Bedingungen und FAQ Seiten
IkonenNavigation und Sektionssymbole

Icons suchen

Geben Sie auf der Registerkarte Font Awesome Icons ein Schlüsselwort in das Suchfeld ein, um Icons mit Namen zu finden (z.B. "home", "user", "arrow", oder "camera"). Sie können auch nach Icon-Stil filtern:

StilWas es zeigt
AlleJedes verfügbare Symbol
FestGefüllte, fette Symbole
RegelmäßigAusgezeichnete, leichtere Icons
MarkenFirmen- und Produktlogos (Twitter, Facebook, YouTube, etc.)

Einstellungen und Optionen

Icon Farbe Picker

Wenn Sie mit Icons auf der Registerkarte Font Awesome Icons arbeiten, können Sie eine benutzerdefinierte Farbe einstellen:

OptionWas es tutEmpfohlen
Farbe PickerLassen Sie visuell eine Farbe für Icons wählenPassen Sie die primäre Farbe Ihrer Website
Hex InputGeben Sie einen genauen Farbcode ein (wie #2A4711)Verwenden Sie, wenn Sie die genaue Farbe kennen, die Sie wollen

Modus anzeigen

Die Registerkarte Dateien bietet zwei Möglichkeiten, um Ihre Bilder anzuzeigen:

  • Ansicht von Grid -- Zeigt Dateien als visuelle Karten mit Thumbnail Vorschauen. Das Beste, um Bilder schnell zu durchsuchen und zu finden.
  • Seite anzeigen -- Zeigt Dateien in einer einzigen Spalte mit mehr Detail pro Zeile. Am besten, wenn Sie Dateinamen und Größen klar sehen müssen.

Klicken Sie auf die Ansicht, um Tasten in der Symbolleiste zu wechseln.


Organisieren Ihrer Dateien

Der Media Manager bietet fünf Ordner, um Ihre Dateien organisiert zu halten:

OrdnerBest verwendet für
BilderAllgemeine Website-Grafiken und verschiedene Bilder
IkonenBenutzerdefinierte Icon-Bilder (wenn die eingebaute Icon-Bibliothek nicht hat, was Sie brauchen)
LogosAlle Variationen Ihres Website-Logos (helle Version, dunkle Version, etc.)
BannerWerbebilder, Werbebanner und Ankündigungsgrafiken
HintergrundSeite und Schnitt Hintergrundbilder
Tipp: Das Halten von Dateien in den richtigen Ordnern erleichtert sie später, vor allem, wie Ihre Medienbibliothek wächst.

Tipps für neue Benutzer

Tipp: Drucken Sie Bilder vor dem Upload. Kleinere Dateigrößen machen Ihre Website laden für Besucher schneller. Kostenlose Tools wie TinyPNG können Bilder ohne sichtbaren Qualitätsverlust schrumpfen.Laden Sie zuerst Ihr Logo hoch. Einrichten Ihrer Website-Logo und Favicon sollte eines der ersten Dinge, die Sie nach der Installation tun.
  • Verwenden Sie beschreibende Dateinamen. Namen wie hero-background-summer.jpg sind viel einfacher zu finden später als IMG4523.jpg.
  • Legen Sie alle Ihre Standardbilder fest. Dies verhindert, dass leere Platzhalter auf Ihrer Website angezeigt werden, während Sie noch Inhalt hinzufügen.
  • Verwenden Sie Zuordnungen anstatt Dateipfade zu kopieren. Zuweisungen machen es einfach, Bilder lokal zu wechseln, indem eine Einstellung geändert wird, anstatt mehrere Seiten zu bearbeiten.

Fehlerbehebung

Eine hochgeladene Datei erscheint nicht im Raster

Was Sie sehen: Sie haben eine Datei hochgeladen, aber sie erscheint nicht in der Dateiliste.

Wie zu beheben:

  1. Stellen Sie sicher, dass die Datei in einem akzeptierten Format ist (JPG, JPEG, PNG, GIF, WEBP, SVG oder ICO).
  2. Stellen Sie sicher, dass die Datei kleiner als 10MB ist.
  3. Versuchen Sie, die Seite in Ihrem Browser zu aktualisieren.
  4. Löschen Sie Ihren Browser-Cache und versuchen Sie es erneut.
  5. Wenn das Problem weitergeht, kontaktieren Sie Ihren Hosting-Anbieter oder Site-Administrator, um die Servereinstellungen zu überprüfen.

Icons werden nicht in der Font Awesome Tab geladen

Was Sie sehen: Das Icon-Grid zeigt "Loading..." und endet nicht, oder es erscheinen keine Icons.

Wie zu beheben:

  1. Überprüfen Sie Ihre Internetverbindung. Die Icon-Bibliothek wird aus dem Internet geladen.
  2. Moment mal. Wenn die Haupt-Icon-Bibliothek nicht erreicht werden kann, lädt ein kleinerer Satz von gemeinsamen Icons automatisch als Backup.
  3. Versuchen Sie, die Seite zu aktualisieren.

Zuweisung nicht speichern

Was Sie sehen: Sie haben geklickt, um ein Bild oder ein Symbol zuzuordnen, aber die Zuordnungskarte zeigt immer noch "Nicht zugewiesen".

Wie zu beheben:

  1. Aktualisieren Sie die Seite und versuchen Sie es erneut.
  2. Wenn Sie eine "ungültige Sicherheits-Token"-Nachricht sehen, aktualisieren Sie die Seite zuerst, dann versuchen Sie die Zuordnung wieder.
  3. Wenn das Problem weitergeht, kontaktieren Sie Ihren Website-Administrator.

Bildvorschau zeigt ein gebrochenes Bildsymbol

Was Sie sehen: Anstelle einer Miniaturansicht sehen Sie einen kaputten Bildplatzhalter.

Wie zu beheben:

  1. Die Datei kann außerhalb des Media Managers gelöscht oder verschoben worden sein. Überprüfen Sie, ob die Datei noch im Raster vorhanden ist.
  2. Versuchen Sie, die Seite zu aktualisieren.
  3. Löschen Sie Ihren Browser-Cache.

"Datei zu groß" Fehler beim Hochladen

Was Sie sehen: Eine Fehlermeldung, die die Datei sagt, ist zu groß.

Wie zu beheben:

  1. Beeindrucken oder ändern Sie Ihr Bild vor dem Upload. Die maximale Dateigröße beträgt 10MB.
  2. Verwenden Sie ein Bildkompressionstool (wie TinyPNG oder Squoosh), um die Dateigröße zu reduzieren.


SeiteWenn Sie es verwenden
Dashboard-SystemZur Übersicht aller Template- und Design-Management-Tools
Themen-ManagerUm zwischen Standortthemen zu wechseln oder ein neues Thema zu aktivieren
Style ManagerUm die Farben, Schriftarten und den Abstand Ihrer Website anzupassen, ohne Code zu bearbeiten
SachbearbeiterUm zu ändern, wie Seiten strukturiert sind und welche Abschnitte erscheinen, wo
Datei-EditorUm Vorlagendateien direkt zu bearbeiten (erweiterte Benutzer)