メイン コンテンツにスキップ

WP File Download:アイコンビルダー

アイコンセット単一ファイルブロックデザインにアクセスするにはWP File Download>アイコンビルダー

 

アイコンビルダーメニュー

 

1. WP File Download アイコンビルダー

各タブの右隅にある「デフォルトとして設定オプションを有効にすると、サイト全体のファイル形式として SVG または PNG を適用できます

 

デフォルトアイコンとして設定

 

SVGアイコンビルダー

SVG設定にアクセスするには、 WP File Download >「アイコンビルダー」>「SVG設定」タブに進みます。ここから、他のすべてのアイコンにアイコンスタイルを適用したり、オーバーライドアイコンを削除したりできます。そして最も重要なのは「アイコン編集」ボタンです。

 

svg-ダッシュボード

 

「アイコン編集」をクリックすると、カスタマイズ ページに移動します。

アイコン:アイコン内のアイコンを変更する

  • アイコンの色
  • アイコンサイズ
  • シンボルの選択

 

SVGアイコンの設定

 

拡張機能名:拡張機能名のスタイルを設定します

  • 拡張タイプ
  • フォントファミリー
  • フォントサイズ
  • テキストの色

 

SVG名の設定

 

フレーム設定:アイコンと拡張機能名の周りの形状です

  • 図形の選択
  • フレームカラー
  • サイズ 厚さ

 

SVGフレームの設定

 

ラッパー:アイコンの内容

  • 国境
    • 境界半径
    • 境界線のサイズ
    • 境界線の色
  • 背景
    • 背景色
    • 垂直位置
    • 水平位置
    • ぼかし半径 
    • 拡散半径
    • 影の色

 

SVGラッパーの設定

 

最後に、ヘッダーのプレビュー アイコンの横にある [保存] ボタンをクリックすることを忘れないでください。. 

 

SVG 保存の設定

 

さらに、デフォルトのアイコン セットに戻したり、すべてのカスタマイズをリセットしたりする場合は、 デフォルトにリセット」セクションの「元のセットにリセット」ボタンをクリックします。

 

デフォルトにリセットするSVG

 

PNGセットとアイコンのオーバーライド

WP File Download >「アイコンビルダー」>「PNGを設定」タブに進みますこのタブでは、ファイルタイプに対応する独自のアイコンをアップロードできます。

 

アップロード-png-セット

 

また、不明なファイルを表すアイコンを設定することもできます。.

 

アップロードファイル不明

 

2. 単列ブロック設計

シングルファイルにアクセスするには、 WP File Download >「Icons Builder」>「シングルファイル」に移動してください。この機能には2つの列があり、左側にプレビューブロックとカスタムCSSエリア、右側にブロック設定のメイン部分があります。

 

単一ファイルダッシュボード

 

単一ファイルブロック内のすべての要素は、それぞれのトグルボタンをクリックすることで表示/非表示を切り替えることができます。調整可能な項目は以下のとおりです。

アイコンの設定

  • 余白: 上、右、下、左。.
  • アイコン上のリンク
  • アイコンセットを選択してください
  • アイコンサイズ
  • JoomUnited プレビューアイコン

ファイルタイトル

  • 余白: 上、右、下、左。.
  • フォントサイズ
  • パディング: 上、右、下、左。.
  • ラッパータグ

 

アイコンタイトルオプション

 

ファイルの説明

  • 余白: 上、右、下、左。.
  • フォントサイズ
  • パディング: 上、右、下、左。.

ファイル情報

  • ファイルサイズ、ファイル作成日、ファイル更新日、ファイルのダウンロードヒット数、ファイルバージョン: 表示/非表示
  • フォントサイズ
  • 余白: 上、右、下、左。.
  • パディング: 上、右、下、左。.

 

ファイル情報オプション

 

ダウンロードボタン

  • 余白: 上、右、下、左
  • ボタンの幅
  • フォントサイズ
  • ボックスシャドウ: x、y、ぼかしと広がり、色
  • パディング: 上、右、下、左
  • 境界半径
  • 境界線のサイズ
  • 境界線の色

 

ダウンロードボタンオプション

 

  • 普通: 
    • フォント色
    • ボタンの色の種類: 
      • ソリッド: ボタンの背景色
      • グラデーション: ボタンのグラデーションの開始/終了
  • ホバー:
    • ホバーフォントの色
    • ホバー背景の種類:
      • ソリッド: ホバー背景色
      • グラデーション: ホバーグラデーションの開始/終了
  • ダウンロードアイコン
  • アイコンの色
  • アイコンサイズ
  • アイコンの位置
  • アイコンの間隔

 

ダウンロードボタンオプション2

 

プリビューボタン

  • 余白: 上、右、下、左
  • ボタンの幅
  • フォントサイズ
  • ボックスシャドウ: x、y、ぼかしと広がり、色
  • パディング: 上、右、下、左
  • 境界半径
  • 境界線のサイズ
  • 境界線の色

 

プレビューボタンオプション1

 

  • 普通: 
    • フォント色
    • ボタンの色の種類: 
      • ソリッド: ボタンの背景色
      • グラデーション: ボタンのグラデーションの開始/終了
  • ホバー: 
    • ホバーフォントの色
    • 背景の種類
      • ソリッド: ホバー背景色
      • グラデーション: ホバーグラデーションの開始/終了
  • プレビューアイコン
  • アイコンの色
  • アイコンサイズ
  • アイコンの位置
  • アイコンの間隔

 

プレビューボタンオプション2

 

「設定を保存」をクリックすることを忘れないでください。

 

An Error Occurred: Whoops, looks like something went wrong.

Sorry, there was a problem we could not recover from.

The server returned a "500 - Whoops, looks like something went wrong."

Help me resolve this