가이드/계정 관리/도구/웹사이트에 로고 추가

웹사이트에 로고 추가

로고는 일반적으로 웹사이트 상단의 눈에 띄는 위치에 배치되어 회원님이나 회원님의 브랜드를 나타내는 이미지입니다. 이 가이드에서는 사이트에 로고를 추가하는 방법을 보여드립니다.

로고 이미지 만들기

웹사이트, 프로젝트 또는 비즈니스를 막 시작하는 경우 아직 로고가 없을 수 있습니다. 로고 이미지를 생성할 때 다음 조언을 염두에 두세요.

  • 웹사이트에 로고를 배치할 때 로고 주변에 흰색 상자가 생기지 않도록 투명한 배경의 .png 파일을 사용합니다.
  • 디자인은 단순하게 유지하여 크고 작은 모든 화면에서 잘 보이도록 합니다.
  • 로고의 권장 크기는 테마에 따라 다르지만, 200px 너비로 시작해 보는 게 좋습니다.
  • 사이트 아이콘으로 사용할 로고의 작은 버전을 만듭니다.

Jetpack AI로 로고 만들기

Jetpack AI 로고 생성기를 사용하여 사이트 태그라인 기반 로고를 만드세요. 프롬프트를 사용자 정의하고 다른 스타일을 선택하여 원하는 모양을 만들 수 있습니다.

Jetpack AI로 로고를 만드는 방법에 대해 알아보세요.

Fiverr를 사용하여 웹사이트의 로고를 생성하려면 다음 단계를 따르세요.

  1. Fiverr 로고 메이커 웹사이트를 방문합니다.
  2. 회사나 블로그의 이름과 슬로건(있는 경우)을 입력하고 생성을 클릭합니다.
  3. Fiverr를 통해 자동으로 로고가 만들어집니다. 선호하는 디자인을 선택하고 색상, 글꼴, 글꼴 크기, 간격, 위치 등을 쉽게 사용자 정의하실 수 있습니다.
  4. 이미지 파일을 구매하면 해당 로고를 다운로드하실 수 있습니다.
  5. 다음 섹션의 단계에 따라 로고 이미지를 워드프레스닷컴에 업로드합니다.

대부분의 경우 사이트 편집기를 사용하여 로고를 추가합니다. 그러나 사이트에서 클래식 또는 서드파티 테마를 사용하는 경우 사용자 정의 기능을 사용하여 사이트 로고를 추가하거나 편집해야 할 수 있습니다.

사이트가 사이트 편집기를 사용하는지 알아보는 빠른 방법은 알림판의 디자인에서 확인하는 것입니다. 여기에 편집기가 표시되면 사이트 편집기 테마를 사용하는 것입니다.

다음을 따라 인터페이스에 적합한 탭을 선택합니다.

사이트 편집기를 사용하여 사이트에 로고를 추가하려면 다음 단계를 따르세요.

  1. 사이트의 알림판에서 디자인 → 편집기로 이동합니다.
  2. 오른쪽의 홈페이지 미리보기를 클릭하거나 패턴 탭을 선택하여 특정 템플릿 부품을 사용자 정의합니다.
  3. 편집기의 왼쪽 상단에서 목록 보기를 선택합니다. 아이콘은 가로줄 3개처럼 보이는 모양입니다.
  4. 헤더 섹션 둘러보기:
    • 대부분의 헤더 템플릿 부품에 이미 사이트 로고 블록이 있습니다.
    • 사이트 로고 블록이 보이지 않으면 + 블록 삽입기를 사용하여 추가하세요.
  5. 나타나는 블록 도구 모음에서 다음 옵션 중 하나를 선택합니다.
    • 로고 선택: 아직 사이트 로고를 추가하지 않았다면 이 옵션이 표시됩니다.
    • AI로 생성: 별 3개를 클릭하여 AI를 사용하여 로고를 생성합니다.
    • 교체: 사이트의 로고를 교체하거나 재설정하려면 이 옵션을 사용하세요.
  6. 블록 설정 사이드바에서다음 설정을 사용자 정의합니다.
    • 이미지 폭: 슬라이더를 사용하거나 숫자를 입력하여 로고의 폭을 설정합니다.
    • 홈으로 이미지 링크: 사이트 로고를 사이트의 홈페이지에 링크합니다. 선택적으로 새 탭에서 링크를 열 옵션을 선택합니다.
    • 사이트 아이콘으로 사용: 사이트 로고를 사이트 아이콘으로 설정합니다(브라우저 탭에 표시).
  7. 블록 스타일 사이드바에서다음 스타일을 사용자 정의합니다.
    • 이미지 스타일: 기본 또는 둥근 스타일 중에서 선택합니다. 둥근 이미지를 만들 때 정사각형 이미지는 완벽한 원형이 되고 직사각형 이미지는 타원형이 됩니다.
    • 필터: 이중톤 필터 설정을 사용하여 이중톤 색상 효과를 추가합니다.
    • 이미지 크기크기 설정을 사용하여 이미지 주위에 공간을 추가합니다.
  8. 변경 사항을 발행하려면 “저장” 버튼을 누릅니다.
Copied to clipboard!