워드프레스 편집기의 많은 블록에는 콘텐츠 색상을 제어할 수 있는 색상 설정이 포함되어 있습니다. 이 가이드에서는 이러한 색상 설정을 사용하는 방법을 보여드리겠습니다.
색상 설정의 용도는 다음과 같습니다.
블록을 클릭하면 오른쪽 사이드바에 블록 설정이 표시됩니다. 사이드바가 표시되지 않으면 오른쪽 상단 모서리의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 열 2개가 균등하지 않은 정사각형 모양입니다.
블록 설정 내에서 곧바로 색상 설정을 찾을 수 있습니다. 기타 블록의 경우에는 스타일 탭 아래에 색상 설정이 있습니다. 오른쪽의 이미지에서는 원형 아이콘을 클릭하여 접근할 수 있는 색상 설정이 스타일 탭 아래에 있는 열 블록을 보여줍니다.
참고: 색상 설정이 모든 블록에 포함되어 있는 것은 아닙니다. 테마와 블록 유형에 따라 사용 가능한 색상 설정이 달라집니다.
색상 선택기를 사용하면 블록에 있는 텍스트, 배경 및 링크와 같은 다양한 요소의 색상을 선택할 수 있습니다. 아래에 설명된 대로 해당하는 번호가 있는 각 섹션을 클릭합니다.
- 색상 원을 클릭하여 색상 선택기를 엽니다.
- 기존 유색 점 중 하나를 클릭하여 사전 정의된 색상 옵션을 색상 팔레트에서 선택합니다. 스타일을 사용하여 여기에 표시되는 색상을 선택할 수 있습니다.
- 상자 영역을 클릭하여 사용자 정의 색상을 설정합니다.
- 사용하려는 사용자 정의 색상 코드가 이미 있으면 상자 영역에 붙여 넣을 수 있습니다. 위에 표시된 기타 옵션 중 하나를 사용하여 다른 색상을 선택하면 이 코드가 자동으로 업데이트됩니다.
- 드롭다운 아이콘을 클릭하여 다른 색상 프로필을 선택합니다.
16진수
,RGB
및HSL
중에서 선택할 수 있습니다. - 원형 아이콘을 클릭하고 왼쪽 또는 오른쪽으로 끌어서 자신이 선택한 색상의 불투명도 또는 투명도를 늘리거나 줄입니다.
- 원형 아이콘을 클릭하고 왼쪽 또는 오른쪽으로 끌어서 다른 색상을 선택합니다.
- 원형 아이콘을 클릭하고 상자 영역 내 원하는 위치로 끌어서 현재 색상의 다른 음영을 선택합니다.
- 현재 색상 코드를 클릭하여 클립보드에 복사합니다.
- 선택한 색상 옵션 중 하나를 되돌리려면 점 3개를 클릭한 다음에 초기화를 클릭합니다. 그러면 색상이 테마의 기본 색상으로 돌아갑니다.
색상 선택을 초기화하려면 색상 선택 영역 오른쪽 하단의 지우기 버튼을 클릭합니다.
그라디언트를 사용하면 두 가지 이상의 색상을 선택하여 점진적으로 혼합할 수 있습니다. 아래에 설명된 대로 해당하는 번호가 있는 각 섹션을 클릭합니다.
- 색상 원을 클릭하여 색상 선택기를 엽니다.
- 클릭하여 배경의 단색을 설정합니다. 위에서 설명한 텍스트 또는 색상과 작동 방식이 동일합니다.
- 클릭하여 배경의 그라디언트를 설정합니다.
- 기존 유색 점 중 하나를 클릭하여 사전 정의된 그라디언트를 색상 팔레트에서 선택합니다. 스타일을 사용하여 여기에 표시되는 색상을 변경할 수 있습니다.
- 상자 영역 내 원형 아이콘 중 하나를 클릭하여 그라디언트에 포함할 사용자 정의 색상을 선택합니다. 상자 내 기타 섹션 중 하나를 클릭하여 추가 색상을 추가할 수도 있습니다.
- 드롭다운 아이콘을 클릭하여 그라디언트의 유형을 선택합니다.
선형
과방사형
중에서 선택할 수 있습니다.- 선형에서는 직선을 따라 두 색상 사이에 그라디언트가 생성됩니다.
- 방사형은 가운데에서 시작하여 테두리로 이동합니다.
- 상자의 숫자를 편집하여 그라디언트 각도의 사용자 정의 값을 선택합니다.
선형
그라디언트 유형을 선택한 경우에만 이 숫자가 나타납니다. - 원 안의 작은 유색 점을 클릭하고 끌어서 그라디언트 각도를 조정합니다. 그러면 위의 #7에서 설명한 각도의 값이 자동으로 바뀝니다.
색상 선택을 초기화하려면 색상 선택 영역 오른쪽 하단의 지우기 버튼을 클릭합니다.
이중 톤 필터 옵션은 이미지 및 커버 블록과 같은 이미지 블록에 적용할 수 있는 2색조 색상 효과입니다. 흑백 사진이 연상되겠지만, 어떤 색상 조합이든 선택할 수 있습니다.
시작하려면 도구 모음 또는 블록 설정에서 이중 톤 필터 버튼을 선택하고, 예시 중에서 선택하거나 원하는 색상을 설정합니다.
원하는 색상을 설정하려면 색상 막대 안의 점을 선택합니다.
이중 톤 필터를 제거하려면 색상 선택 영역 오른쪽 하단의 지우기 버튼을 클릭합니다.