메인 콘텐츠로 건너뛰기

WP File Download: 아이콘 빌더

아이콘 세트단일 파일 에 액세스하려면 WP File Download > 아이콘 빌더 메뉴로 이동하세요.

 

아이콘-빌더-메뉴

 

1. WP File Download 아이콘 빌더

각 탭의 오른쪽 모서리에 있는 ' 기본값으로 설정' 을 활성화하면 SVG 또는 PNG 파일 형식을 전체 사이트에 적용할 수 있습니다

 

기본 아이콘으로 설정

 

SVG 아이콘 빌더

SVG 설정에 접근하려면 WP File Download > 아이콘 빌더 > SVG 설정 탭으로 이동하세요. 여기에서 다른 모든 아이콘에 아이콘 스타일을 적용하고, 오버라이드 아이콘을 삭제할 수 있으며, 가장 중요한 기능은 아이콘 편집 버튼입니다.

 

SVG-대시보드

 

'아이콘 편집' 클릭하면 사용자 정의 페이지로 이동합니다.

아이콘 : 아이콘 내부의 아이콘을 변경합니다.

  • 아이콘 색상
  • 아이콘 크기
  • 기호 선택

 

SVG 아이콘 설정

 

확장자 이름: 확장자 이름의 스타일을 설정합니다.

  • 확장 유형
  • 글꼴 패밀리
  • 글꼴 크기
  • 텍스트 색상

 

SVG 이름 설정

 

프레임 설정 : 아이콘과 확장자 이름을 중심으로 한 모양입니다.

  • 모양 선택
  • 프레임 색상
  • 크기 두께

 

SVG 프레임 설정

 

래퍼: 아이콘의 내용

  • 국경
    • 국경 반경
    • 테두리 크기
    • 테두리 색상
  • 배경
    • 배경색
  • 그림자
    • 수직 위치
    • 수평 위치
    • 흐림 반경 
    • 확산 반경
    • 그림자 색상

 

set-svg-wrapper

 

마지막으로 헤더의 미리보기 아이콘 옆에 있는 저장 버튼을 클릭하는 것을 잊지 마세요. 

 

SVG 저장 설정

 

또한, 기본 아이콘 세트로 돌아가거나 모든 사용자 지정을 재설정하려면 섹션에서 " 원래 세트

 

기본값으로 재설정 SVG

 

PNG 세트 및 아이콘 재정의

마찬가지로, PNG 설정에 접근하려면 WP File Download > 아이콘 빌더 > PNG 설정 탭으로 이동하세요. 이 탭에서 파일 유형에 맞는 나만의 아이콘을 업로드할 수 있습니다.

 

업로드-png-세트

 

그리고 알 수 없는 파일에 대한 대표 아이콘을 설정할 수 있습니다.

 

업로드-파일-알 수 없음

 

2. 단일 파일 블록 디자인

단일 파일을 사용하려면 WP File Download > 아이콘 빌더 > 단일 파일로 이동하세요. 이 기능은 두 개의 열로 구성됩니다. 왼쪽 아래에는 미리보기 블록과 사용자 정의 CSS 영역이 있고, 오른쪽에는 주요 부분인 블록 설정이 있습니다.

 

단일 파일 대시보드

 

단일 파일 블록의 모든 요소는 각 토글 버튼을 클릭하여 숨기거나 표시할 수 있습니다. 조정 가능한 항목은 다음과 같습니다.

아이콘 구성

  • 여백: 위쪽, 오른쪽, 아래쪽, 왼쪽.
  • 아이콘에 링크
  • 아이콘 세트를 선택하세요
  • 아이콘 크기
  • JoomUnited 미리보기 아이콘

파일 제목

  • 여백: 위쪽, 오른쪽, 아래쪽, 왼쪽.
  • 글꼴 크기
  • 패딩: 위, 오른쪽, 아래, 왼쪽.
  • 래퍼 태그

 

아이콘-제목-옵션

 

파일 설명

  • 여백: 위쪽, 오른쪽, 아래쪽, 왼쪽.
  • 글꼴 크기
  • 패딩: 위, 오른쪽, 아래, 왼쪽.

파일 정보

  • 파일 크기, 파일 생성 날짜, 파일 업데이트 날짜, 파일 다운로드 적중률, 파일 버전: 표시/숨김
  • 글꼴 크기
  • 여백: 위쪽, 오른쪽, 아래쪽, 왼쪽.
  • 패딩: 위, 오른쪽, 아래, 왼쪽.

 

파일-정보-옵션

 

다운로드 버튼

  • 여백: 위쪽, 오른쪽, 아래쪽, 왼쪽
  • 버튼 너비
  • 글꼴 크기
  • 상자 그림자: x, y, 흐림 및 확산, 색상
  • 패딩: 위쪽, 오른쪽, 아래쪽, 왼쪽
  • 국경 반경
  • 테두리 크기
  • 테두리 색상

 

다운로드 버튼 옵션

 

  • 정상: 
    • 글꼴 색상
    • 버튼 색상 유형: 
      • 단색: 버튼 배경색
      • 그라데이션: 버튼 그라데이션 시작/종료
  • 마우스를 올려 놓으세요:
    • 호버 글꼴 색상
    • 호버 배경 유형:
      • 단색: 마우스 오버 배경색
      • 그라데이션: 호버 그라데이션 시작/종료
  • 다운로드 아이콘
  • 아이콘 색상
  • 아이콘 크기
  • 아이콘 위치
  • 아이콘 간격

 

다운로드 버튼 옵션 2

 

미리보기 버튼

  • 여백: 위쪽, 오른쪽, 아래쪽, 왼쪽
  • 버튼 너비
  • 글꼴 크기
  • 상자 그림자: x, y, 흐림 및 확산, 색상
  • 패딩: 위쪽, 오른쪽, 아래쪽, 왼쪽
  • 국경 반경
  • 테두리 크기
  • 테두리 색상

 

미리보기-버튼-옵션-1

 

  • 정상: 
    • 글꼴 색상
    • 버튼 색상 유형: 
      • 단색: 버튼 배경색
      • 그라데이션: 버튼 그라데이션 시작/종료
  • 마우스를 올려 놓으세요: 
    • 호버 글꼴 색상
    • Hoever 배경 유형
      • 단색: 마우스 오버 배경색
      • 그라데이션: 호버 그라데이션 시작/종료
  • 미리보기 아이콘
  • 아이콘 색상
  • 아이콘 크기
  • 아이콘 위치
  • 아이콘 간격

 

미리보기 버튼 옵션 2

 

설정 저장 클릭하는 것을 잊지 마세요 .