테두리 및 그림자 설정

워드프레스 편집기의 많은 블록에는 콘텐츠 주위에 테두리 선을 추가하는 테두리 설정이 포함됩니다. 이 가이드에서는 이러한 테두리 설정을 사용하는 방법을 알아봅니다.

다음 설정을 통해 블록 텍스트의 디자인을 조정합니다.

설정이 표시되지 않으면 테두리 및 그림자 오른쪽의 점 세 개 또는 + 아이콘을 클릭합니다(오른쪽 그림 참조). 그러면 접근하려는 옵션을 선택할 수 있습니다.

• 테두리
• 반지름
• 그림자

테두리를 설정하면 블록을 둘러싸는 선을 추가할 수 있습니다. 테두리 두께, 색상 및 반지름을 선택할 수 있습니다.

블록에 테두리를 추가하려면 다음 단계를 따르세요.

1. 원하는 블록을 선택하고 블록 설정 사이드바를 엽니다.
2. 사이드바에서 테두리 및 그림자 섹션을 찾습니다.
3. 정확한 값을 입력하거나 슬라이더를 끌어서 테두리를 그립니다.
4. 선택 사항: 크기 필드 왼쪽에 있는 원을 클릭하여 테두리 색상을 변경합니다. 테마 색상, 기본 색상을 선택하거나 색상 선택기를 사용하여 직접 설정합니다.

기본적으로 테두리 값은 픽셀 단위로 계산됩니다.  필드 옆의 “px”를 클릭하여 다른 단위(%, em, rem, vw 및 vh.) 중 하나로 변경합니다. 다양한 크기 설정 단위에 대해 자세히 알아보세요.

반지름 설정은 블록의 테두리를 둥근 모양으로 만듭니다. 반지름을 0으로 설정하면 다음과 같이 블록의 가장자리가 날카로워지고 반지름을 100으로 설정하면 가장자리가 둥글어집니다.

테두리 및 반지름 설정을 통해 창의력을 발휘할 수 있습니다. “면 연결 해제” 옵션을 사용하여 블록의 각 면에 대한 테두리와 반지름을 설정할 수 있습니다.

각 면에 대한 사용자 정의 테두리 또는 반지름을 설정하려면 다음 단계를 따르세요.

1. 테두리 또는 반지름 오른쪽에 있는 면 연결 해제 아이콘을 클릭합니다.
2. 각 면에 대한 사용자 정의 크기를 설정합니다.

테두리 색상 및 스타일 선택기를 클릭하여 테두리에 대해 다양한 색상과 스타일을 설정할 수도 있습니다.

특정 블록(버튼, 이미지 및 열 포함)에서 사용할 수 있는그림자 옵션은 블록 뒤에 그림자를 드리웁니다.

다음 중 요소에 맞는 그림자 효과를 선택합니다.

• 자연
• 깊음
• 날카로움
• 외곽선
• 선명함

스타일 편집기를 통해 기본 그림자 효과를 사용자 정의하거나 직접 만들 수 있습니다.

1. 사이트의 알림판을 방문합니다.
2. 디자인 → 편집기로 이동합니다.
3. 왼쪽 메뉴에서 “스타일“을 선택합니다.
   • 편집기에서 오른쪽 상단의 스타일 아이콘을 선택할 수도 있습니다. 버튼은 흑백 원 모양입니다.
4. “그림자” 옵션을 클릭합니다.
5. 사용자 정의하려는 그림자 이름을 클릭합니다. 새 사용자 정의 그림자를 생성하려면 “사용자 정의” 헤딩요소 옆의 더하기 아이콘을 클릭한 다음 새 사용자 정의 그림자 이름을 클릭합니다.
6. 그림자 설정에서 그림자 모양과 이름의 미리보기가 아래에 표시됩니다. 그림자 이름을 클릭하여 다음 설정을 조정합니다.
   • 색상: 색상 선택기를 사용하여 그림자 색상을 선택합니다.
   • 바깥 쪽 또는 안쪽: 그림자가 요소 바깥 쪽에 표시되는지 또는 안쪽에 표시되는지 선택합니다.
   • X 위치 및 Y 위치: 그림자가 개체로부터 얼마나 떨어져서 표시되어야 하는지 조정합니다.
   • 흐림: 그림자의 흐릿한 정도입니다.
   • 확산: 그림자가 표시되는 크기입니다.
7. 작업을 완료하고 변경 사항을 저장하려면 “저장” 버튼을 클릭합니다.

블록의 테두리와 그림자에 대한 사용자 정의를 재설정하고 다시 시작할 수 있습니다. 스타일을 재설정하려면 다음 단계를 따르세요.

1. 테두리 및 그림자 옵션(섹션 헤더 오른쪽에 있는 세로 점 3개)을 클릭합니다.
2. 특정 설정을 초기화하려면 개별 설정을 선택 해제하고, 모든 설정을 초기화하려면 “모두 초기화“를 클릭하세요.

재설정하는 옵션이 없는 경우 제거할 사용자 정의가 없는 것입니다.