가이드/웹사이트 편집/위젯/소셜 아이콘 사용자 정의

소셜 아이콘 사용자 정의

소셜 미디어 아이콘을 추가한 후 사이트의 디자인에 맞게 디자인을 사용자 정의할 수 있습니다. 소셜 아이콘 블록에서는 이 가이드에서 다루는 몇 가지 스타일 옵션이 제공됩니다.

아이콘 스타일 변경

다음 단계에 따라 사전 설정 아이콘 스타일 옵션 중에서 선택하세요.

  1. 편집기의 왼쪽 상단에서 목록 보기를 선택합니다.
  2. 목록 보기에서 소셜 아이콘 블록을 클릭합니다.
  3. 블록 설정 사이드바에서 스타일 탭(흑백의 원 모양 아이콘)을 클릭합니다.
  4. 스타일에서 다음 중 하나를 선택합니다.
    • 기본: 표준 아이콘입니다.
    • 로고 전용: 소셜 미디어 로고용입니다.
    • 알약 모양: 둥근 모서리의 아이콘입니다.
  5. 저장 또는 “발행“을 클릭하여 변경 사항을 저장합니다.
소셜 아이콘 블록의 설정 스타일 사이드바의 아이콘 스타일 옵션.

아이콘 색상 변경

소셜 아이콘 블록의 아이콘 색상이나 배경 색상을 변경하려면 다음 단계를 따르세요.

  1. 편집기의 왼쪽 상단에서 목록 보기를 선택합니다.
  2. 목록 보기에서 소셜 아이콘 블록을 클릭합니다.
  3. 블록 설정 사이드바에서 스타일 탭(흑백의 원 모양 아이콘)을 클릭합니다.
  4. 색상 설정에서 다음 옵션을 찾을 수 있습니다.
    • 아이콘 색상: 소셜 미디어 아이콘의 색상을 변경합니다.
    • 아이콘 배경: 아이콘 뒤의 색상을 변경합니다.
    • () 메뉴를 사용하여 배경 옵션을 활성화하고 전체 소셜 아이콘 블록의 배경 색상을 설정합니다.
  5. 저장 또는 “발행“을 클릭하여 변경 사항을 저장합니다.
소셜 아이콘 블록 사이드바 설정의 색상 설정.

색상 설정에 대해 자세히 알아보세요.

아이콘 크기 조정

다음 단계에 따라 아이콘 크기를 조정할 수 있습니다.

  1. 편집기의 왼쪽 상단에서 목록 보기를 선택합니다.
  2. 목록 보기에서 소셜 아이콘 블록을 클릭합니다.
  3. 나타나는 블록 도구 모음에서 “크기” 설정을 클릭하고 다음 중에서 선택합니다.
    • 작게
    • 중간
    • 크게
    • 매우 크게
  4. 저장 또는 “발행“을 클릭하여 변경 사항을 저장합니다.
소셜 아이콘 블록의 블록 도구 모음에 있는 크기 옵션.

텍스트 레이블 추가

기본적으로 소셜 미디어 아이콘은 텍스트 레이블 없이 표시됩니다. 레이블을 추가하려면 다음 단계를 따르세요.

  1. 편집기의 왼쪽 상단에서 목록 보기를 선택합니다.
  2. 목록 보기에서 소셜 아이콘 블록을 클릭합니다.
  3. 블록 설정 사이드바에서 “텍스트 표시” 옵션을 찾아서 켭니다. 소셜 미디어 플랫폼의 이름이 아이콘과 함께 표시됩니다.
  4. 텍스트를 수정하려면 단일 아이콘을 클릭하고 블록 설정 사이드바를 엽니다.
  5. 텍스트” 필드에 표시할 텍스트를 입력합니다.
  6. 저장 또는 “발행“을 클릭하여 변경 사항을 저장합니다.
텍스트 레이블을 표시하는 소셜 아이콘.

소셜 아이콘에 테두리 추가

소셜 아이콘 블록에 테두리 또는 음영을 추가하려면 다음 단계를 따르세요.

  1. 편집기의 왼쪽 상단에서 목록 보기를 선택합니다.
  2. 목록 보기에서 소셜 아이콘 블록을 클릭합니다.
  3. 블록 설정 사이드바에서 스타일 아이콘을 클릭합니다. 흑백의 원 모양입니다.
  4. “테두리” 섹션을 찾습니다.
  5. 사용 가능한 컨트롤로 테두리 폭, 색상 및 반지름을 조정합니다.

테두리 추가에 대해 자세히 알아보세요.

Copied to clipboard!