가이드/스타일/글꼴 크기 변경

글꼴 크기 변경

이 가이드에서는 텍스트 블록의 글꼴 크기를 조정하고, 기본 글꼴 크기 사전 설정을 업데이트하고, 사이트의 타이포그래피에 적용할 수 있는 고유한 사용자 정의 사전 설정을 생성하는 방법을 알아봅니다.

특정 콘텐츠의 글꼴 크기 조정

텍스트 블록의 글꼴 크기를 변경하여 가독성을 높이거나 사이트 디자인과 일치시킬 수 있습니다. 개별 블록의 글꼴 크기를 조정하는 단계:

  1. 편집할 텍스트 블록을 클릭합니다(예: 단락, 제목 또는 목록 블록).
  2. 블록 설정 사이드바에서 타이포그래피 섹션을 찾습니다.

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

워드프레스 편집기 상단의 강조 표시된 설정 아이콘.
오른쪽 위 모서리에 있는 설정 아이콘
  1. 사전 설정 목록에서 글꼴 크기(예: 소형, 중형, 대형)를 선택하거나 “사용자 정의 크기 설정” 아이콘을 클릭하여 특정 값을 입력합니다.
    • 사전 설정은 사이트 전체에서 텍스트의 일관성을 유지하는 데 도움이 되는 글꼴 크기 옵션(예: 소형 또는 대형)입니다.
  2. 기본적으로 크기는 픽셀 단위로 측정됩니다. 픽셀(px) 텍스트를 클릭하면 측정 단위가 변경됩니다. 측정 단위에 대해 자세히 알아보세요.
  3. 변경 사항을 미리 보거나 오른쪽 상단에 있는 저장 버튼을 클릭하여 적용합니다.
사용자 정의 크기 설정 아이콘 선택, 사용자 정의 크기를 입력할 수 있는 필드를 가리키는 화살표.

💡

알림판의 디자인편집기에서 스타일 옵션을 통해 특정 블록의 기본 설정을 변경할 수도 있습니다.

사이트의 글꼴 크기 조정

다음 단계에 따라 전체 사이트에서 요소의 기본 글꼴 크기를 조정할 수 있습니다.

  1. 사이트의 알림판에서 디자인 → 편집기로 이동합니다.
  2. 왼쪽 메뉴에서 스타일을 선택합니다.
    • 편집기에서 오른쪽 상단의 스타일 아이콘(흑백의 원 모양)을 선택할 수도 있습니다.
  3. 타이포그래피를 클릭하여 사이트의 요소에 대한 기본 글꼴 크기를 편집합니다.
  4. 요소 섹션 아래에서 다음 중 하나를 선택합니다.
    • 텍스트
    • 링크
    • 헤딩요소
    • 캡션
    • 버튼
  5. 사전 설정 목록에서 글꼴 크기(예: 소형, 중형, 대형)를 선택하거나 “사용자 정의 크기 설정” 아이콘을 클릭하여 특정 값을 입력합니다.
  6. 변경 사항 검토” 또는 저장을 클릭하여 변경 사항을 적용합니다.
각기 다른 텍스트 요소 옵션이 강조 표시된 편집기의 스타일 타이포그래피 섹션.

AI 도우미를 사용하여 글꼴 크기 변경

AI 도우미 별 네 개가 있는 아이콘

이 섹션은 AI 웹사이트 빌더(모든 유료 요금제)로 제작한 사이트 또는 AI 도우미가 활성화된 사이트(비즈니스 및 커머스 요금제)에 해당합니다. 화면 하단의 AI 아이콘(네 개의 점이 있는 별 모양 아이콘)을 클릭하면 AI 도우미가 열립니다.

워드프레스닷컴의 AI 도우미는 사이트의 콘텐츠와 스타일에 적합한 글꼴 크기를 선택하는 데 도움을 줄 수 있습니다. 복사하여 사용할 수 있는 몇 가지 샘플 프롬프트가 있습니다.

  • “블로그의 본문 텍스트에 어떤 글꼴 크기를 사용해야 할까?”
  • “데스크톱과 모바일에서 모두 잘 어울리는 글꼴 크기를 어떻게 선택할까?”
  • “글꼴 크기에서 px, em, rem 단위의 차이는 뭐지?”
  • “전문적인 비즈니스 사이트를 위한 글꼴 크기 사전 설정 집합을 제안해줘.”

글꼴 크기 사전 설정 편집

사전 설정은 사이트 전체에서 텍스트의 일관성을 유지하는 데 도움이 되는 글꼴 크기 옵션(예: 소형 또는 대형)입니다. 테마의 글꼴 크기 사전 설정 값을 변경하는 단계:

  1. 사이트의 알림판에서 디자인 → 편집기로 이동합니다.
  2. 스타일 메뉴 옵션을 클릭합니다.
  3. 타이포그래피 옵션을 선택합니다.
  4. 패널 하단에서 “글꼴 크기 사전 설정“을 클릭합니다.
  5. 사전 설정된 글꼴 크기(예: 소형, 중형, 대형)를 선택합니다.
  6. 크기 상자에 원하는 값을 입력하고 단위(px, em, rem, vh 또는 vw)를 선택합니다.
    • 유동형 타이포그래피” 옵션을 활성화하여 화면 또는 뷰포트에 따라 글꼴 크기를 동적으로 조정할 수 있습니다.
    • 사용자 정의 유동형 값“을 활성화하여 유동형 글꼴 크기에 대한 사용자 정의 최소 및 최대값을 설정합니다.
  7. 변경 사항 검토” 또는 저장을 클릭하여 변경 사항을 적용합니다.
타이포그래피 설정의 글꼴 크기 사전 설정 옵션.

새 글꼴 크기 사전 설정 생성

쉽게 재사용할 수 있도록 사용자 정의 글꼴 크기 사전 설정을 추가하는 단계:

  1. 사이트의 알림판에서 디자인 → 편집기로 이동합니다.
  2. 스타일 메뉴 옵션을 클릭합니다.
  3. 타이포그래피 옵션을 선택합니다.
  4. 패널 하단에 있는 “글꼴 크기 사전 설정” 옵션을 클릭합니다.
  5. 사용자 정의 옆에 있는 더하기(+) 기호를 클릭합니다. 새 글꼴 크기 사전 설정이 “새 글꼴 크기 1″과 같은 기본 이름으로 표시됩니다.
  6. 새 사전 설정 글꼴 크기를 선택합니다.
  7. 오른쪽 상단의 줄임표() 아이콘을 클릭하고 이름 변경을 선택하여 사전 설정에 설명이 되는 이름을 지정합니다.
  8. 크기 상자에 원하는 값을 입력하고 단위(px, em, rem, vh 또는 vw)를 선택합니다.
    • 유동형 타이포그래피” 옵션을 활성화하여 화면 또는 뷰포트에 따라 글꼴 크기를 동적으로 조정할 수 있습니다.
    • 사용자 정의 유동형 값“을 활성화하여 유동형 글꼴 크기에 대한 사용자 정의 최소 및 최대값을 설정합니다.
  9. 변경 사항 검토” 또는 저장을 클릭하여 변경 사항을 적용합니다.
사용자 정의 글꼴 크기 사전 설정의 기본 설정.

새 글꼴 크기 사전 설정이 이제 사이트 전체의 타이포그래피 설정에 제공되어 일관된 스타일을 설정할 수 있습니다.

Copied to clipboard!