Перейти до основного вмісту

WP File Download : Конструктор іконок

Щоб отримати доступ до наборів іконок та одного файлу , перейдіть у меню WP File Download > Конструктор іконок

 

іконки-конструктор-меню

 

1. Конструктор іконок для WP File Download

Ви можете застосувати SVG або PNG для форматів файлів на всьому веб-сайті, увімкнувши опцію Встановити за замовчуванням у правому куті кожної вкладки.

 

встановити як значок за замовчуванням

 

Конструктор піктограм SVG

Щоб отримати доступ до Set SVG, перейдіть у WP File Download > Icons Builder > Set SVG tab. Звідси ви можете застосувати стиль піктограм для всіх інших, видалити піктограму заміни, а найважливішою функцією є Редагувати піктограму ».

 

svg-панель

 

Після натискання кнопки Редагувати піктограму будь-якої піктограми вона переходить на сторінку налаштування.

Піктограма: змініть піктограму всередині піктограми

  • Значок кольору
  • Розмір піктограми
  • Вибір символу

 

set-svg-icon

 

Назва розширення: Встановіть стиль назви розширення

  • Тип розширення
  • Сімейство шрифтів
  • Розмір шрифту
  • Колір тексту

 

set-svg-name

 

Налаштування кадру: це форма навколо піктограми та назви розширення

  • Вибір форми
  • Колір рами
  • Розмір Товщина

 

set-svg-frame

 

Обгортка: Зміст піктограми

  • Кордон
    • Прикордонний радіус
    • Розмір кордону
    • Колір межі
  • Фон
    • Колір фону
  • Тінь
    • Вертикальне положення
    • Горизонтальне положення
    • Радіус розмиття 
    • Радіус поширення
    • Колір тіней

 

set-svg-wrapper

 

Нарешті, не забудьте натиснути кнопку Зберегти поруч із піктограмою попереднього перегляду в заголовку. 

 

set-svg-save

 

Крім того, якщо ви хочете повернутися до набору піктограм за замовчуванням або скинути всі свої налаштування, натисніть кнопку «Скинути до початкового набору» .

 

reset-to-default-svg

 

Набір PNG та значок замінюються

Аналогічно, щоб отримати доступ до Set PNG, перейдіть у WP File Download > Icons Builder > Set PNG. На цій вкладці ви можете завантажити власні піктограми, що відповідають типам файлів.

 

upload-png-set

 

І ви можете встановити піктограму представляти для невідомих файлів.

 

upload-file-unknown

 

2. Дизайн одного файлового блоку

Щоб отримати доступ до одного файлу, перейдіть до WP File Download > Icons Builder > Single file. Ця функція включає два стовпці: блок попереднього перегляду та користувальницька область CSS нижче зліва, а основна частина — налаштування блоку праворуч.

 

однофайлова інформаційна панель

 

Усі елементи в одному файловому блоці можна приховати / побачити, натиснувши кнопку перемикання на кожному. Нижче наведено те, що ви можете налаштувати:

Конфігурація піктограм

  • Поле: зверху, праворуч, знизу, зліва.
  • Розмір піктограми
  • Виберіть набір піктограм
  • Посилання на значок

Назва файлу

  • Поле: зверху, праворуч, знизу, зліва.
  • Підкладка: зверху, праворуч, знизу, зліва.
  • Розмір шрифту
  • Обгортковий тег

 

icon-title-option

 

Опис файлу

  • Поле: зверху, праворуч, знизу, зліва.
  • Підкладка: зверху, праворуч, знизу, зліва.
  • Розмір шрифту

Інформація про файл

  • Розмір файлу, дата створення файлу, оновлення файлу Звернення файлу, версія файлу: видимий / прихований
  • Розмір шрифту
  • Поле: зверху, праворуч, знизу, зліва.
  • Підкладка: зверху, праворуч, знизу, зліва.

 

file-infor-option

 

Кнопка завантаження

  • Поле: зверху, праворуч, знизу, зліва
  • Підкладка: зверху, праворуч, знизу, зліва
  • Ширина кнопки
  • Прикордонний радіус
  • Розмір шрифту
  • Розмір кордону
  • Тінь вікна: x, y, розмиття та розтікання
  • Колір для вікна-тіні
  • Колір межі

 

опція кнопки завантаження

 

  • Звичайний: 
    • Колір шрифту
    • Тип кольору кнопки: 
      • Суцільний: колір фону кнопки
      • Градієнт: Початок / кінець градієнта кнопки
  • Наведіть курсор:
    • Наведіть колір шрифту
    • Тип фону наведення курсору:
      • Суцільний: колір фону при наведенні
      • Градієнт: початок / кінець градієнта наведення курсора
  • Значок завантаження
  • Значок кольору
  • Розмір піктограми
  • Позиція піктограми
  • Значок інтервалу

 

кнопка-завантаження-опція-2

 

Кнопка попереднього перегляду

  • Поле: зверху, праворуч, знизу, зліва
  • Підкладка: зверху, праворуч, знизу, зліва
  • Ширина кнопки
  • Прикордонний радіус
  • Розмір шрифту
  • Розмір кордону
  • Тінь вікна: x, y, розмиття та розтікання
  • Колір для вікна-тіні
  • Колір межі

 

preview-button-option-1

 

  • Звичайний: 
    • Колір шрифту
    • Тип кольору кнопки: 
      • Суцільний: колір фону кнопки
      • Градієнт: Початок / кінець градієнта кнопки
  • Наведіть курсор: 
    • Наведіть колір шрифту
    • Тип фону фона
      • Суцільний: колір фону при наведенні
      • Градієнт: початок / кінець градієнта наведення курсора
  • Значок попереднього перегляду
  • Значок кольору
  • Розмір піктограми
  • Позиція піктограми
  • Значок інтервалу

 

preview-button-option-2

 

Нарешті, не забудьте натиснути на кнопку Зберегти налаштування .