지원으로 돌아가기 콘텐츠 및 미디어 블록 색상 설정

색상 설정

워드프레스 편집기의 많은 블록에는 콘텐츠 색상을 제어할 수 있는 색상 설정이 포함되어 있습니다. 이 가이드에서는 이러한 색상 설정을 사용하는 방법을 보여드리겠습니다.

색상 설정 접근

색상 설정의 용도는 다음과 같습니다.

블록을 클릭하면 오른쪽 사이드바에 블록 설정이 표시됩니다. 사이드바가 표시되지 않으면 오른쪽 상단 모서리의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 열 2개가 균등하지 않은 정사각형 모양입니다.

검은색 배경에 "설정"이라는 도구 설명이 아래에 있는 편집기의 설정 아이콘입니다.
설정 아이콘을 클릭하여 블록 설정 열기

블록 설정 내에서 곧바로 색상 설정을 찾을 수 있습니다. 기타 블록의 경우에는 스타일 탭 아래에 색상 설정이 있습니다. 오른쪽의 이미지에서는 원형 아이콘을 클릭하여 접근할 수 있는 색상 설정이 스타일 탭 아래에 있는 열 블록을 보여줍니다.

참고: 색상 설정이 모든 블록에 포함되어 있는 것은 아닙니다. 테마와 블록 유형에 따라 사용 가능한 색상 설정이 달라집니다.

스타일 탭 아래에 색상이 표시되는 열 블록의 설정입니다.
열 블록의 색상 설정 예시

단색 선택

색상 선택기를 사용하면 블록에 있는 텍스트, 배경 및 링크와 같은 다양한 요소의 색상을 선택할 수 있습니다. 아래에 설명된 대로 해당하는 번호가 있는 각 섹션을 클릭합니다.

색상 선택기를 사용하여 블록 편집기에서 텍스트 또는 링크의 사용자 정의 색상을 설정하는 방법입니다.
  1. 색상 원을 클릭하여 색상 선택기를 엽니다.
  2. 기존 유색 점 중 하나를 클릭하여 사전 정의된 색상 옵션을 색상 팔레트에서 선택합니다. 스타일을 사용하여 여기에 표시되는 색상을 선택할 수 있습니다.
  3. 상자 영역을 클릭하여 사용자 정의 색상을 설정합니다.
  4. 사용하려는 사용자 정의 색상 코드가 이미 있으면 상자 영역에 붙여 넣을 수 있습니다. 위에 표시된 기타 옵션 중 하나를 사용하여 다른 색상을 선택하면 이 코드가 자동으로 업데이트됩니다.
  5. 드롭다운 아이콘을 클릭하여 다른 색상 프로필을 선택합니다. 16진수, RGBHSL 중에서 선택할 수 있습니다.
  6. 원형 아이콘을 클릭하고 왼쪽 또는 오른쪽으로 끌어서 자신이 선택한 색상의 불투명도 또는 투명도를 늘리거나 줄입니다.
  7. 원형 아이콘을 클릭하고 왼쪽 또는 오른쪽으로 끌어서 다른 색상을 선택합니다.
  8. 원형 아이콘을 클릭하고 상자 영역 내 원하는 위치로 끌어서 현재 색상의 다른 음영을 선택합니다.
  9. 현재 색상 코드를 클릭하여 클립보드에 복사합니다.
  10. 선택한 색상 옵션 중 하나를 되돌리려면 점 3개를 클릭한 다음에 초기화를 클릭합니다. 그러면 색상이 테마의 기본 색상으로 돌아갑니다.

색상 선택을 초기화하려면 색상 선택 영역 오른쪽 하단의 지우기 버튼을 클릭합니다.

그라디언트 선택

그라디언트를 사용하면 두 가지 이상의 색상을 선택하여 점진적으로 혼합할 수 있습니다. 아래에 설명된 대로 해당하는 번호가 있는 각 섹션을 클릭합니다.

색상 선택기를 사용하여 블록 편집기에서 배경의 사용자 정의 색상을 설정하는 방법입니다.
  1. 색상 원을 클릭하여 색상 선택기를 엽니다.
  2. 클릭하여 배경의 단색을 설정합니다. 위에서 설명한 텍스트 또는 색상과 작동 방식이 동일합니다.
  3. 클릭하여 배경의 그라디언트를 설정합니다.
  4. 기존 유색 점 중 하나를 클릭하여 사전 정의된 그라디언트를 색상 팔레트에서 선택합니다. 스타일을 사용하여 여기에 표시되는 색상을 변경할 수 있습니다.
  5. 상자 영역 내 원형 아이콘 중 하나를 클릭하여 그라디언트에 포함할 사용자 정의 색상을 선택합니다. 상자 내 기타 섹션 중 하나를 클릭하여 추가 색상을 추가할 수도 있습니다.
  6. 드롭다운 아이콘을 클릭하여 그라디언트의 유형을 선택합니다. 선형방사형 중에서 선택할 수 있습니다.
    • 선형에서는 직선을 따라 두 색상 사이에 그라디언트가 생성됩니다.
    • 방사형은 가운데에서 시작하여 테두리로 이동합니다.
  7. 상자의 숫자를 편집하여 그라디언트 각도의 사용자 정의 값을 선택합니다. 선형 그라디언트 유형을 선택한 경우에만 이 숫자가 나타납니다.
  8. 원 안의 작은 유색 점을 클릭하고 끌어서 그라디언트 각도를 조정합니다. 그러면 위의 #7에서 설명한 각도의 값이 자동으로 바뀝니다.

색상 선택을 초기화하려면 색상 선택 영역 오른쪽 하단의 지우기 버튼을 클릭합니다.

이중 톤 필터 선택

이중 톤 필터 옵션은 이미지커버 블록과 같은 이미지 블록에 적용할 수 있는 2색조 색상 효과입니다. 흑백 사진이 연상되겠지만, 어떤 색상 조합이든 선택할 수 있습니다. 

시작하려면 도구 모음 또는 블록 설정에서 이중 톤 필터 버튼을 선택하고, 예시 중에서 선택하거나 원하는 색상을 설정합니다.

편집기에서 이미지를 클릭한 다음에 몇 가지 이중 톤 필터를 적용하면 표시되는 모양을 보여주는 GIF입니다.

원하는 색상을 설정하려면 색상 막대 안의 점을 선택합니다.

색상 막대에서 사용자 정의 색상을 설정할 이중 톤 필터 설정을 클릭하는 위치가 강조 표시된 스크린샷입니다.

이중 톤 필터를 제거하려면 색상 선택 영역 오른쪽 하단의 지우기 버튼을 클릭합니다.

Copied to clipboard!