가이드/콘텐츠 생성/블록/미디어 블록/이미지 스타일 지정

이미지 스타일 지정

이미지에 필터, 여백, 테두리, 그림자 등의 스타일을 추가합니다. 이 가이드에서는 사이트에서 이미지 스타일을 지정하는 방법을 다룹니다.

이미지에 스타일 적용

사이트의 이미지 스타일을 지정하려면 다음 단계를 따르세요.

  1. 워드프레스닷컴 알림판에서 시작합니다.
  2. 이미지를 추가한 페이지, 글, 템플릿을 편집합니다. 
  3. 스타일을 지정할 이미지를 클릭합니다.
  4. 상단 도구 모음에서 “설정” 아이콘을 클릭하여 사이드바 설정을 엽니다.

오른쪽에 사이드바가 표시되지 않으면 오른쪽 위 모서리의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 두 개의 고르지 않은 칼럼이 있는 정사각형 모양입니다.

워드프레스 편집기 상단의 강조 표시된 설정 아이콘.
오른쪽 위 모서리에 있는 설정 아이콘
  1. “스타일” 탭(흑백의 원 모양 아이콘)을 클릭합니다.
이미지 블록 설정 사이드바가 열리고 "스타일" 아이콘이 강조 표시됩니다.
  1. 다음 스타일 중 하나를 조정합니다.
    • 이미지 스타일: 기본 또는 둥근 스타일 중에서 선택합니다. 둥근 이미지를 만들 때 정사각형 이미지는 완벽한 원형이 되고 직사각형 이미지는 타원형이 됩니다.
    • 필터: 이중톤 필터 설정을 사용하여 투톤 색상 효과를 추가합니다.
    • 이미지 크기: 크기 설정을 사용하여 이미지 주위에 공간을 추가합니다.
    • 테두리 및 음영: 테두리 및 음영 설정을 사용하여 이미지의 테두리, 반지름 및 음영을 설정합니다.

이미지에 CSS 추가

CSS 클래스를 생성하여 CSS 코드로 디자인을 사용자 정의할 수 있습니다.

  1. 워드프레스닷컴 알림판에서 시작합니다.
  2. 이미지를 추가한 페이지, 글, 템플릿을 편집합니다. 
  3. 스타일을 지정할 이미지를 클릭합니다.
  4. 상단 도구 모음에서 “설정” 아이콘을 클릭하여 사이드바 설정을 엽니다.

오른쪽에 사이드바가 표시되지 않으면 오른쪽 위 모서리의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 두 개의 고르지 않은 칼럼이 있는 정사각형 모양입니다.

워드프레스 편집기 상단의 강조 표시된 설정 아이콘.
오른쪽 위 모서리에 있는 설정 아이콘
  1. 사이드바 하단의 “고급” 설정을 엽니다.
  2. CSS 클래스를 추가하거나 수정합니다.
  3. 적용된 CSS를 보려면 변경 사항을 저장하고 페이지, 글 또는 템플릿을 미리 보세요.

이미지 스타일 초기화

이미지 스타일에는 필터, 크기, 테두리 및 그림자가 포함됩니다. 단일 이미지 스타일을 재설정하거나 이미지의 모든 스타일을 재설정하려면 다음 단계를 따르세요.

  1. 편집하려는 이미지를 클릭합니다.
  2. 상단 도구 모음에서 “설정” 아이콘을 클릭하여 사이드바 설정을 엽니다.
  3. “스타일” 아이콘을 클릭합니다.
  4. 섹션 헤더 오른쪽의 점 3개()를 클릭하여 각 스타일 섹션 옆의 “옵션” 메뉴를 엽니다.
  5. 초기화할 각 설정 옆의 “초기화” 옵션을 클릭합니다. 또는 “모두 초기화”를 클릭하여 모든 설정 사용자 정의를 재설정합니다.
    • “초기화”가 옵션이 아닌 경우 초기화할 스타일이 없는 것입니다.
개별 스타일 섹션이 테두리 및 그림자 설정에서 재설정할 옵션으로 향하는 화살표로 강조 표시됩니다.
Copied to clipboard!