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

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

アイコンセット単一ファイルにアクセスするにWP File Download >[アイコンビルダー]に移動してください。

 

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

 

WP File Downloadアイコンビルダー

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

 

デフォルトに設定アイコン

 

SVGアイコンビルダー

Set SVGにアクセスするには、 WP File Download > Icons Builder>SetSVGタブに移動します。 ここから、他のすべてのアイコンスタイルを適用したり、オーバーライドアイコンを削除したりできます。最も重要な機能は、 アイコンの編集]ボタンです。

 

svg-ダッシュボード

 

任意のアイコンの[アイコンの編集]ボタンをクリックすると、カスタマイズページに移動します。

アイコン:アイコン内のアイコンを変更します

  • アイコンの色
  • アイコンサイズ
  • 記号の選択

 

セット-svg-アイコン

 

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

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

 

セット SVG 名

 

フレーム設定:これはアイコンと拡張子名の周りの形状です

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

 

セット-svg-フレーム

 

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

  • 境界
    • ボーダー半径
    • ボーダーサイズ
    • ボーダの色
  • バックグラウンド
    • 背景色
    • 垂直位置
    • 水平位
    • ぼかし半径 
    • 広がり半径
    • シャドウカラー

 

セット-svg-ラッパー

 

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

 

セット-svg-保存

 

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

 

デフォルトにリセット-svg

 

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

同様に、[PNGの設定]にアクセスするには、 WP File Download]>[アイコンビルダー]>[PNGの設定]タブに移動します。 このタブでは、ファイルタイプに対応する独自のアイコンをアップロードできます。

 

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

 

また、不明なファイルの表示アイコンを設定できます。

 

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

 

2.単一ファイルブロックの設計

シングルファイルにアクセスするには、 WP File Download>アイコンビルダー>シングルファイルに移動してください。 この機能には、左側のプレビューブロックとカスタムCSS領域の2つの列が含まれ、主要部分は右側のブロック設定です。

 

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

 

単一のファイルブロック内のすべての要素は、それぞれのトグルボタンをクリックすることで非表示/表示できます。 調整できるものは次のとおりです。

アイコン構成

  • マージン:上、右、下、左。
  • アイコンサイズ
  • アイコンセットを選択してください
  • アイコンのリンク

ファイルのタイトル

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

 

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

 

ファイル説明

  • マージン:上、右、下、左。
  • パディング:上、右、下、左。
  • フォントサイズ

ファイル情報

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

 

ファイル情報オプション

 

ダウンロードボタン

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

 

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

 

  • 正常: 
    • フォントの色
    • ボタンの色の種類: 
      • 単色:ボタンの背景色
      • グラデーション:ボタングラデーションの開始/終了
  • ホバー:
    • フォントの色にカーソルを合わせる
    • ホバー背景タイプ:
      • 単色:背景色にカーソルを合わせる
      • グラデーション:ホバーグラデーションの開始/終了
  • アイコンをダウンロード
  • アイコンの色
  • アイコンサイズ
  • アイコンの位置
  • アイコンの間隔

 

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

 

プレビューボタン

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

 

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

 

  • 正常: 
    • フォントの色
    • ボタンの色の種類: 
      • 単色:ボタンの背景色
      • グラデーション:ボタングラデーションの開始/終了
  • ホバー: 
    • フォントの色にカーソルを合わせる
    • フーバー背景タイプ
      • 単色:背景色にカーソルを合わせる
      • グラデーション:ホバーグラデーションの開始/終了
  • プレビューアイコン
  • アイコンの色
  • アイコンサイズ
  • アイコンの位置
  • アイコンの間隔

 

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

 

最後に、[設定保存]ボタンをクリックすることを忘れないでください。