뉴스 커버 꾸미기

뉴스 카드가 커버의 어느 부분을 보여 줄지, 제목이 커버 위에서 어떻게 잘 읽히게 할지 고르고, 실시간 카드로 확인해요.

팀 소유자 및 관리자 · 9단계

먼저 필요한 것

  • 팀이 Team Pro 또는 Organization을 이용 중이어야 해요. 뉴스 글의 이미지는 이 요금제에 포함돼요. Team 요금제에서는 커버 이미지가 잠겨 있어요. 무료 팀의 관리에는 뉴스 대신 사이트 만들기가 보여요.
  • 팀의 소유자 또는 관리자여야 해요.
  • 템플릿을 골라 있어야 해요. 템플릿과 디자인 고르기를 참고하세요. 템플릿을 고르기 전에는 카드 미리보기를 그릴 수 없어요.

단계

  1. 1단계: 뉴스 열기

    왼쪽 메뉴에서 뉴스를 누르세요.

    이렇게 보여요: 뉴스라는 제목의 페이지에 글이 최신순으로 나와요.

    뉴스가 강조 표시된 팀 관리 메뉴.
  2. 2단계: 글 열기

    글 제목을 눌러 열거나, 새 글을 눌러 새로 쓰세요. 뉴스 글 쓰기를 참고하세요.

    이렇게 보여요: 게시 날짜 아래에 커버 이미지가 있는 글 양식.

    뉴스 페이지에서 새 글 버튼이 강조 표시된 모습.
  3. 3단계: 커버 고르기

    커버 이미지 아래에서 이미지 선택을 누르세요(커버를 정한 뒤에는 교체로 바뀌어요). 열린 창에서 팀이 이미 올린 이미지를 고르거나 업로드로 새로 추가하세요. 대체 텍스트를 입력하고 삽입을 누르세요.

    커버는 선택 사항이에요. 커버가 없으면 글은 기본 레이아웃 그대로이고 아래 단계도 나오지 않아요.

    이렇게 보여요: 커버 이미지 아래에 가운데 점이 찍힌 커버, 그리고 그 아래에 이미지 위 제목.

    이미지를 고른 이미지 삽입 창에서 대체 텍스트 칸과 삽입 버튼이 강조 표시된 모습.
  4. 4단계: 초점 정하기

    점을 이미지에서 가장 중요한 부분으로 끌어 놓으세요. 얼굴, 트로피, 로고 같은 곳이에요. 또는 점을 누르고 화살표 키를 쓰세요. 한 번 누를 때마다 5%씩 움직여요.

    점은 뉴스 카드가 무엇을 보여 줄지 정해요. 카드는 모양이 따로 있어서, 커버로 틀을 채우면서 점이 있는 부분이 보이게 해요. 글 자체 페이지에서는 항상 커버 전체가 보여요.

    이렇게 보여요: 옮긴 자리에 있는 점, 그리고 그 점을 따라 바뀌는 아래쪽 카드 미리보기.

    초점 점을 트로피 위로 옮긴 커버가 강조 표시된 모습.
  5. 5단계: 제목 스타일 고르기

    스타일 아래에서 그라데이션, 텍스트 그림자, 드롭 섀도, 외곽선, 기본 중 하나를 누르세요.

    제목은 커버 위에 올라가고, 스타일은 제목을 읽기 쉽게 만드는 방식이에요. 그라데이션(처음 선택된 스타일)은 이미지 아래쪽을 어둡게 하고, 텍스트 그림자와 드롭 섀도는 글자 뒤에 그림자를 넣고, 외곽선은 글자 둘레에 어두운 테두리를 그리고, 기본은 아무것도 더하지 않아요.

    이렇게 보여요: 카드 미리보기의 제목이 고른 스타일로 바뀌어요.

    이미지 위 제목 아래의 스타일 선택지에서 그라데이션이 선택된 모습이 강조 표시됨.
  6. 6단계: 그라데이션 색상 고르기

    그라데이션을 고른 상태에서 그라데이션 색상 아래의 테마, 검정, 강조색 중 하나를 누르세요.

    그라데이션 색상은 그라데이션 스타일에서만 보여요. 테마와 강조색은 디자인의 색상을 따라가요.

    이렇게 보여요: 카드 미리보기의 그라데이션이 고른 색상으로 바뀌어요.

    그라데이션 색상 선택지에서 강조색이 선택된 모습이 강조 표시됨.
  7. 7단계: 카드 확인하기

    제목 스타일 아래의 카드 미리보기를 보세요. 사이트에 표시되는 뉴스 카드를 템플릿으로, 커버, 초점, 제목 스타일을 적용해 그린 거예요.

    이렇게 보여요: 커버 위에 읽기 쉽게 올라간 제목.

    커버 위에 글 제목이 올라간 카드 미리보기가 강조 표시된 모습.
  8. 8단계: 저장하기

    저장을 누르세요.

    저장하면 글은 초안에 남아요. 방문자에게는 아직 보이지 않아요.

    이렇게 보여요: 글이 자체 페이지로 열리고, 커버와 스타일이 그대로 저장돼 있어요.

    글 양식에서 저장 버튼이 강조 표시된 모습.
  9. 9단계: 사이트 게시하기

    검토 후 게시를 누르세요. 글이 저장되고 게시 페이지가 열려요. 거기서 사이트 전체를 게시하세요. 사이트 게시하기를 참고하세요.

    이렇게 보여요: 게시하면 커버와 그 위에 제목이 올라간 뉴스 카드, 그리고 커버 전체 위 아래쪽에 제목이 올라간 글 페이지.

제대로 됐는지 확인하는 방법

  • 사이트의 뉴스 목록에 미리보기와 똑같은 카드가 나와요.
  • 글 페이지에 잘린 곳 없이 커버 전체가 나오고, 그 위에 제목이 있어요.

뭔가 이상한가요?

카드에서 커버의 원하는 부분이 잘려요

점을 그 부분으로 옮기고(4단계) 저장한 다음 다시 게시하세요. 카드는 점이 있는 부분을 보여 줘요.

초점이나 제목 스타일이 안 보여요

글에 커버가 있어야 나타나요. 먼저 커버를 고르세요(3단계).

그라데이션 색상이 사라졌어요

스타일이 그라데이션일 때만 보여요. 스타일 아래의 그라데이션을 누르면 다시 나와요.

카드에서 제목이 잘 안 읽혀요

더 강한 스타일을 고르세요. 복잡한 이미지 위에서는 보통 검정 그라데이션이나 외곽선이 가장 잘 읽혀요. 그다음 저장하고 게시하세요.

저장했는데 사이트가 그대로예요

저장하면 글은 초안에 남아요. 메뉴에서 게시를 열고 사이트를 게시하세요(9단계).

관련 도움말

아직 해결되지 않았나요? 고객 지원 문의를 하거나 support@spawnfront.com로 이메일을 보내 주세요. 지금 있는 페이지와 단계 번호를 알려 주세요.