ComusThumbz ドキュメント
管理者ログイン

メディアマネージャー

このページが何をしているか

メディアマネージャーは、あなたのサイトに表示されるすべての画像とアイコンを管理するためのあなたの中心のハブです。 ロゴ、バナー、背景画像、その他のグラフィックをアップロードし、サイトロゴ、ファビコン、またはデフォルトのサムネイルなどの特定のロールにそれらを割り当てます。 ビルトインのアイコンライブラリからアイコンを選択し、サイトのナビゲーション全体で使用できます。

[スクリーンショット:メディア・マネージャー・オーバービュー]


詳細はこちら

ナビゲートへ アドミンパネル > テンプレート > メディアマネージャー

このページは、クリックするだけで、任意のテンプレートページの上部にあるナビゲーションバーからアクセスできます。 メディアお問い合わせ


ページについて

メディアマネージャーは、ページの上部に沿って3つのタブに編成されます。

ファイルタブ

画像ファイルをアップロード、閲覧、管理する場所です。 一番上には5つのフォルダカードがあります。 イメージ, アイコン, ロゴマーク, バナーコンテンツ -- それぞれに含まれているファイルの数を示します。 フォルダカードをクリックすると、その中のファイルが表示されます。

フォルダカードの下、名前でファイルをフィルタリングする検索ボックス、グリッドレイアウトとリストレイアウトの間で切り替えるボタンを切り替えるビュー、ファイルをドラッグ&ドロップしたり、コンピュータを閲覧したりできるアップロードエリアがあります。

ファイルがグリッドにカードとして表示されます。 各カードはサムネイルプレビュー、ファイル名、ファイルサイズ、ファイルタイプ、アクションボタンとともに表示されます。

課題タブ

このタブでは、アップロードされた画像(またはアイコン)をサイト上の特定のロールに接続できます。 役割は、以下のようなカテゴリに組織されます ブランディング, サイトマップ, デフォルト, サイトマップアイコン. 各ロールは、現在割り当てられているものを、割り当てられたボタンとともに表示するカードを持っています。

フォント恐ろしいアイコンタブ

このタブでは、既製のアイコンの大きなライブラリにアクセスできます。 スタイル別に名前、フィルタ、スタイル別にアイコンを検索し、カスタムカラーを選ぶことができます。 これらのアイコンは、サイトのナビゲーションセクションやその他の部分に割り当てることができます。


共通タスク

画像をアップロードする方法

  1. クリックします。 ファイル タブ。
  2. ファイルを保存するフォルダを選択します(例: クリック ロゴマーク ロゴイメージのため)。
  3. アップロードエリアに画像をドラッグ&ドロップするか、クリックします ファイルの閲覧 コンピューターからファイルを選択する
  4. 確認メッセージが表示されます。
  5. 新しいファイルはすぐにグリッドに表示されます。
警告: 各ファイルは10MB未満でなければなりません。 フォーマットはJPG、JPEG、PNG、GIF、WEBP、SVG、ICOです。
ヒント: 既存のファイルと同じ名前でファイルをアップロードすると、システムは自動的に一意のサフィックスを追加して上書きを防ぐことができます。 既存の画像を誤って置き換えることはありません。

ファイルの詳細を見る方法

  1. グリッド内の任意のファイルカードをクリックします。
  2. より大きなプレビュー、ファイルサイズ、タイプ、最終変更日、ファイルパスが表示されます。
  3. クリックして詳細ウィンドウを閉じる ツイート ボタン、押すこと エスケープ キー、またはウィンドウの外側をクリック。

ファイルの名前を変更する方法

  1. グリッド内のファイルを見つけます。
  2. クリックします。 ログイン ファイルカードのボタン。
  3. 表示されるボックスに新しいファイル名を入力します。
  4. クリック お問い合わせ 確認のため。
ヒント: 単語間のハイフンでシンプルで記述的なファイル名を使用します。 例えば、 site-logo-dark.png より優れている IMG1234.png. 特別な文字は自動的にアンダースコアに変換されます。

ファイルを削除する方法

  1. グリッド内のファイルを見つけます。
  2. クリックします。 トラッシュ ファイルカードのボタン。
  3. プロンプトが表示された場合、削除を確認します。
警告: ファイルの削除は永続的であり、元に戻すことはできません。 ロゴのような重要なイメージを削除する前に、バックアップコピーをコンピュータに保存します。

ファイルのパスをコピーする方法

管理者パネルの他の部分で使用するファイルパスが必要な場合があります。

  1. グリッド内のファイルを見つけます。
  2. クリックします。 サイトマップ ファイルカードのボタンをクリックし、カードをクリックして詳細ウィンドウを開き、クリックします URLのコピーお問い合わせ
  3. パスはクリップボードにコピーされ、必要な場所に貼り付ける準備ができています。
  1. クリックします。 ソリューション タブ。
  2. カテゴリフィルタを使用して、選択します ブランディングお問い合わせ
  3. 詳細はこちら サイトマップ カード。
  4. クリックします。 サイトマップ そのカードのボタン。
  5. ページは、ファイルタブに切り替えて、メッセージで画像を選ぶことができます。
  6. 使用するロゴ画像をクリックします。
  7. ロゴが割り当てられ、サイト全体に表示されます。
成功: 新しいロゴを割り当てた後、サイトへの訪問者は、ロゴを表示するすべてのページに更新された画像が表示されます。

ファビコンを設定する方法

favicon は、サイト名の横にあるブラウザタブに表示される小さなアイコンです。

  1. クリックします。 ソリューション タブ。
  2. フィルターによる ブランディングお問い合わせ
  3. 詳細はこちら ファビコン カード。
  4. クリックします。 サイトマップ ボタン。
  5. ファイルタブから、小さな正方形の画像(特に32x32ピクセル)を選択します。

デフォルトのサムネイルを設定する方法

デフォルトのサムネイルは、ビデオ、ギャラリー、モデルが独自のイメージを持たないときに表示されます。

  1. クリックします。 ソリューション タブ。
  2. フィルターによる デフォルトお問い合わせ
  3. 設定したいロール(例えば、 デフォルトのビデオサムネイル または デフォルトユーザーアバター)。
  4. クリックします。 サイトマップ ボタンをクリックし、ファイルから画像を選択します。
注意: デフォルトの画像を設定すると、コンテンツがまだ追加されている場合でも、サイトの外観が研磨されます。 ブランクや壊れた画像のプレースホルダーが出現するのを防ぎます。

ナビゲーションセクションにアイコンを割り当てる方法

  1. クリックします。 ソリューション タブ。
  2. フィルターによる アイコンお問い合わせ
  3. アイコンを設定したいセクション(例: ビデオアイコン または お気に入りアイコン)。
  4. クリックします。 アイコン カードのボタン。
  5. このページは、Font Awesome Iconsタブに切り替えます。
  6. オプションで、アイコンの色をトップのカラーピッカーで調整します。
  7. キーワード(「プレイ」、「ハート」、「カメラ」など)を入力してアイコンを検索するか、グリッドを閲覧してください。
  8. 必要なアイコンをクリックします。
  9. アイコンが割り当てられ、ページはAssignmentsタブに戻ります。
ヒント: 一貫した外観のために、すべてのナビゲーションセクションで同じアイコン色を使用します。 デフォルトの緑色は、標準的なサイトテーマにマッチします。

アイコンの色を変更する方法

  1. お問い合わせ ソリューション タブ, アイコンを持っている割り当てを見つけます.
  2. カードの色の円(カラースウォッチ)をクリックします。
  3. カラーピッカーから新色を選んでください。
  4. すぐに色の更新。

割り当てを削除する方法

  1. お問い合わせ ソリューション タブ、クリアしたい割り当てを見つけます。
  2. クリックします。 ツイート カードの(クリア)ボタン。
  3. プロンプトが表示された場合の確認
警告: ブランディングの割り当て(サイトロゴやファビコンなど)をクリアすると、サイトの領域が新しい領域を割り当てるまで、画像が表示されなくなります。

ファイル検索

キーワードを入力する インフォメーション 「ファイル」タブと「グリッド」の更新で、名前が一致するファイルのみが表示されます。

フィルタリングアサイン

割り当てタブで、カテゴリのボタンを使用して、表示されるものを絞り込みます。

フィルターそれが示すもの
すべてすべての割り当ての役割
ブランディングロゴ、ファビコン、ソーシャル共有イメージ
サイトマップヒーローイメージ、特集コーナーの背景、プロモーションバナー
デフォルトフォールバックサムネイルとデフォルトアバター
サイトマップヘッダーの画像について、連絡先、利用規約、FAQページ
アイコンナビゲーションとセクションのアイコン

アイコン検索

Font Awesome Icons タブで、キーワードを検索ボックスに入力して、名前(例えば「ホーム」、「ユーザー」、「矢印」、「カメラ」)でアイコンを見つけます。 アイコンスタイルでフィルタリングすることもできます。

スタイルそれが示すもの
すべてすべての利用可能なアイコン
ソリッド塗りつぶし、大胆なアイコン
レギュラー概要、ライターのアイコン
ブランド企業ロゴ(Twitter、Facebook、YouTubeなど)

設定とオプション

アイコンカラーピッカー

Font Awesome Icons タブでアイコンを操作すると、カスタムカラーを設定できます。

オプションそれが何かおすすめ商品
カラーピッカーアイコンの色を視覚的に選ぶサイトのプライマリカラーを合わせる
六角入力正確にカラーコードを入力してみましょう。 #2A4711)あなたが望む正確な色を知っているとき使用

モードを見る

ファイルタブでは、画像を表示する2つの方法があります。

  • グリッドビュー -- サムネイルプレビューでビジュアルカードとしてファイルを表示します。 すぐに画像を閲覧し、検索するためのベスト。
  • リストビュー -- 1列ごとに複数の詳細を持つ単一の列にファイルを表示します。 ファイル名やサイズを明確に表示する必要がある場合に最適です。

ツールバーのビュートグルボタンをクリックすると、その間に切り替えることができます。


ファイルの整理

メディアマネージャーは、ファイルを整理するための5つのフォルダを提供します。

フォルダのために使用されるベスト
イメージ一般的なサイトグラフィックとその他の画像
アイコンカスタムアイコン画像(ビルトインアイコンライブラリが必要なものがないとき)
ロゴマークサイトロゴの全てのバリエーション(ライトバージョン、ダークバージョンなど)
バナープロモーション画像、広告バナー、発表グラフィック
コンテンツページとセクションの背景画像
ヒント: 適切なフォルダにファイルを保存すると、特にメディアライブラリが成長するにつれて、後で検索するのがはるかに簡単になります。

新しいユーザーのためのヒント

ヒント: アップロード前の画像を圧縮します。 小さなファイルサイズで、サイトが訪問者にとってより速くロードされます。 TinyPNGのような無料のツールは、可視品質の損失なしで画像を縮小することができます。ロゴを最初にアップロードします。 サイトロゴとファビコンの設定は、インストール後に行う最初のものの1つである必要があります。
  • 記述するファイル名を使用します。 名前 のような hero-background-summer.jpg 後で見つけやすくなります IMG4523.jpgお問い合わせ
  • デフォルト画像をすべて設定します。 空白のプレースホルダがサイト上に表示するのを防ぎ、コンテンツを追加しています。
  • ファイルのパスをコピーするのではなく、割り当てを使用します。 課題は、複数のページを編集するのではなく、1つの設定を変更することによって、サイト全体で画像を交換するのが簡単です。

トラブルシューティング

アップロードされたファイルはグリッドに表示されません

あなたが見るもの: ファイルをアップロードしたが、ファイルリストには表示されません。

それを修正する方法:

  1. ファイルが受け入れられている形式(JPG、JPEG、PNG、GIF、WEBP、SVG、ICO)にあることを確認してください。
  2. ファイルが10MB未満であることを確認してください。
  3. ブラウザでページをリフレッシュしてください。
  4. ブラウザのキャッシュをクリアし、もう一度お試しください。
  5. 問題が続く場合は、ホスティングプロバイダまたはサイト管理者に連絡して、サーバーの設定を確認してください。

アイコンはフォントの恐ろしいタブにロードされていません

あなたが見るもの: アイコングリッドは「Loading...」と表示されず、アイコンが表示されません。

それを修正する方法:

  1. インターネット接続をご確認ください。 アイコンライブラリはインターネットから読み込まれます。
  2. しばらくお待ちください。 メインのアイコンライブラリが到達できない場合は、一般的なアイコンの小さなセットが自動的にバックアップとして読み込まれます。
  3. ページをリフレッシュしてください。

譲渡は保存しませんでした

あなたが見るもの: 画像やアイコンを割り当てるためにクリックしますが、代入カードは「割り当てられません」表示されます。

それを修正する方法:

  1. ページをリフレッシュし、もう一度お試しください。
  2. 「無効なセキュリティトークン」メッセージが表示された場合は、ページを最初に更新し、再び割り当てを試してください。
  3. 問題が続く場合は、サイトの管理者に連絡してください。

画像プレビューは、壊れた画像アイコンを表示します

あなたが見るもの: サムネイルの代わりに、壊れた画像プレースホルダーが表示されます。

それを修正する方法:

  1. ファイルがメディアマネージャーの外で削除または移動されている可能性があります。 ファイルがグリッドに存在するかどうかを確認します。
  2. ページをリフレッシュしてください。
  3. ブラウザのキャッシュをクリアします。

アップロード時に「ファイル余りに大きい」エラー

あなたが見るもの: ファイルが大きすぎるというエラーメッセージ。

それを修正する方法:

  1. アップロード前に画像を圧縮またはサイズを変更します。 最大ファイルサイズは10MBです。
  2. 画像圧縮ツール(TinyPNGやSquooshなど)を使用して、ファイルサイズを縮小します。


サイトマップ使用するとき
テンプレートダッシュボードすべてのテンプレートと設計管理ツールの概要
テーママネージャーサイトテーマの切り替えや新しいテーマの有効化
スタイルマネージャー編集コードなしでサイトの色、フォント、および間隔をカスタマイズするため
レイアウトマネージャページがどのように構造化され、どのセクションがどこに表示されるかを変更する
ファイルエディタテンプレートファイルを直接編集する(上級者)