본문으로 건너뛰기
beta
← SEED
카탈로그로
요리·레시피$19.00Blogger XML

Recipe Cook

Pinterest 핀, Recipe 리치카드 자동, 1×/2×/3× 분량 계산기. 푸드 블로거의 SEO 트래픽과 광고 수익을 동시에 끌어올리는 블로그스팟 프리미엄 테마.

$19.00로 구매 (가입 필요)라이브 데모
누적 다운로드 0회설치 약 2분1개 블로그 영구 라이선스
Recipe Cook 미리보기

요리·레시피

레시피 글을 카드와 조리 흐름으로 읽히게

재료, 조리 단계, 분량 계산, 사진 카드가 중요한 푸드 블로그에 맞춘 프리미엄 Blogger XML 테마입니다.

반응형

모바일과 데스크톱에서 같은 테마 구조를 사용합니다.

운영 흐름

자동 목차와 관련 글로 다음 탐색을 돕습니다.

프리미엄

출처 표시 없이 사용할 수 있습니다.

추천 대상

  • 레시피, 홈카페, 식재료 리뷰를 꾸준히 올리는 블로그
  • 조리 단계와 재료 정보를 본문 안에서 정돈해 보여주고 싶은 운영자
  • 출처 표시 없이 상업용 푸드 블로그를 운영하려는 사용자

기대할 수 있는 변화

  • 레시피 리치카드와 분량 계산기 스타일로 실용 정보를 먼저 보여줍니다.
  • 사진 중심 홈 카드로 최신 레시피를 빠르게 탐색할 수 있습니다.
  • 프리미엄 라이선스로 Seed 무료 테마 출처 표시 없이 사용할 수 있습니다.

포함 항목

  • 프리미엄 Blogger XML 테마 파일
  • 레시피 카드·조리 정보 스타일
  • 자동 목차와 관련 레시피 흐름
  • 1개 블로그 영구 라이선스

이 테마 소개

"바질 + 폴라로이드" 무드의 푸드 블로거 전용 프리미엄 테마. 따뜻한 색감, 손글씨 액센트, 종이질감 배경, 큰 음식 사진 — 인쇄해도 예쁘게 빠지는 매거진 톤. 푸드 블로거가 놓치던 3가지를 자동으로 해결합니다. 1. "바로 레시피로" 점프 버튼이 독자를 산문 스킵하고 레시피로 직행시킵니다. 업계 표준 UX와 SEO 페널티 회피를 동시에. 2. 자동 분량 계산기. 재료 헤딩을 H2로 써 두면 테마가 자동으로 인식해서 1배/2배/3배 토글을 만듭니다. "8인분으로 만들기" 한 클릭이 viral 트리거가 되고 평균 체류시간도 올라갑니다. 3. Recipe JSON-LD 리치카드 자동. 재료·단계·조리시간을 자연어로 매칭해서 confidence ≥ 0.7일 때 schema.org/Recipe를 자동 삽입합니다. 작성자는 마크업 0줄, 구글 검색의 리치카드 노출은 그대로. 추가로 재료 sticky 카드(요리 중 한눈에), 단계 진행 토글(✓ 체크 + localStorage 유지), 레시피만 인쇄 모드, Pinterest hover 핀, 메이슨리 홈에 조리시간 배지 자연어 추출, 광고 슬롯 3종(sidebar-top, post-end native, footer), 라이트·세피아·다크 3모드까지 모두 기본 탑재. 설치는 약 2분. 블로거 관리자 → 테마 → 백업/복원 → XML 업로드. 작성 가이드는 단 한 줄 — 재료/만드는 법 헤딩을 H2로, 조리시간을 "25분"처럼 표기하면 자동 매칭 기능이 전부 활성화됩니다. 본인이 직접 운영하는 1개 블로그 영구 라이선스. 향후 업데이트 무상 제공.

지원 기능

별도 설정 없이 XML 적용만으로 바로 동작합니다.

  • 바로 레시피로 점프

    글 상단의 버튼 한 번 클릭으로 레시피 섹션까지 부드럽게 스크롤. 산문을 스킵하고 싶은 독자를 위한 업계 표준 UX입니다.

  • 자동 분량 계산기

    1배/2배/3배 버튼 클릭 시 재료 숫자가 자동으로 계산됩니다. "8인분 만들기" 한 번에. viral 트리거이자 체류시간 부스터.

  • 재료 sticky 카드

    본문의 재료 헤딩을 자동 추출해 우측에 sticky 카드로 따라옵니다. 요리 중에 스크롤할 필요 없이 한눈에.

  • 단계별 진행 토글

    만드는 법의 각 단계를 클릭하면 ✓로 체크 표시. localStorage에 저장돼 새로고침해도 진척도가 유지됩니다.

  • 레시피만 인쇄 모드

    @media print 전용 스타일시트로 산문·광고·사이드바를 모두 숨기고 레시피만 깔끔하게 인쇄할 수 있습니다.

  • Pinterest 핀 hover 오버레이

    음식 사진 위에 마우스를 올리면 Pinterest 핀 버튼이 자동 노출. 핀터레스트 트래픽 유입 1클릭.

  • Recipe JSON-LD 자동 주입

    재료·단계·조리시간을 자연어로 매칭해서 confidence ≥ 0.7일 때 schema.org/Recipe 마크업 자동 삽입. 구글 리치카드 노출.

  • 메이슨리 홈 + 조리시간 배지

    홈 화면이 메이슨리 카드 그리드로 표시되며, 본문에서 "25분" 같은 조리시간 표기를 자동 추출해 배지로 노출합니다.

  • 광고 슬롯 3종

    sidebar-top, post-end native, footer 광고 슬롯이 사전 배치되어 있습니다. 본문 중간 인라인 광고는 의도적으로 막혀 가독성을 지킵니다.

  • 라이트 · 세피아 · 다크 3모드

    사용자가 직접 토글 가능한 3가지 색상 모드. 세피아 모드는 야간 장시간 독서를 위한 따뜻한 톤입니다.

  • SEO 마크업 + CWV 최적화

    시맨틱 HTML, lazy loading, 16:9 aspect-ratio 강제로 LCP/INP/CLS를 basic 테마보다 더 타이트하게 잡습니다. Lighthouse 90+ 기준 설계.

설치 방법

Blogger 관리자 페이지에서 약 2분이면 적용됩니다.

중요: 모바일 설정을 꼭 바꿔주세요

Blogger는 기본값으로 모바일에서 자체 단순 템플릿을 보여줍니다. 이 설정을 안 바꾸면 데스크톱은 멀쩡한데 모바일에서 디자인이 완전히 깨져 보입니다.

변경 방법

  1. 1. Blogger 관리자 → 테마 페이지
  2. 2. 화면 아래쪽 모바일 섹션의 ⚙️ 톱니 아이콘 클릭
  3. 3. "아니오. 모바일 기기에 데스크톱 테마 표시" 선택 → 저장

이 테마는 모바일까지 반응형으로 설계되어 있어서 데스크톱 테마를 그대로 써도 휴대폰에서 자연스럽게 보입니다.

  1. 1

    XML 파일 다운로드

    페이지 상단의 다운로드 버튼으로 XML 파일을 받습니다. 무료 테마는 자동으로 출처 표시(footer)가 삽입됩니다.

  2. 2

    Blogger 관리자 → 테마

    Blogger 관리자에서 테마 페이지로 이동 → 우측 상단 맞춤설정 옆 ▾ 버튼 → 백업/복원을 엽니다.

  3. 3

    XML 업로드

    업로드 버튼을 클릭하고 방금 받은 XML 파일을 선택합니다.

  4. 4

    모바일 설정 변경 (필수)

    같은 테마 페이지의 모바일 섹션 → ⚙️ → "아니오. 모바일 기기에 데스크톱 테마 표시"로 변경. 이걸 안 바꾸면 모바일에서 깨져 보입니다.

  5. 5

    확인

    블로그를 새로고침해 데스크톱·모바일 양쪽에서 적용을 확인합니다. 본문에 H2/H3로 섹션을 나누면 사이드바 목차가 자동으로 채워집니다.

※ 적용 전에 현재 테마를 먼저 백업해 두세요. 같은 페이지의 백업/복원 메뉴에서 다운로드로 백업이 가능합니다.

구매 전 자주 묻는 질문

테마 적용 전에 라이선스와 설치 조건을 먼저 확인하세요.

Recipe Cook는 Blogger.com 전용인가요?

네. Blogger 관리자에서 업로드하는 XML 테마 파일입니다. 워드프레스, 티스토리, 쇼피파이 테마로는 사용할 수 없습니다.

$19.00 구매 후 몇 개 블로그에 사용할 수 있나요?

프리미엄 테마는 본인이 직접 운영하는 1개 Blogger 블로그에 적용할 수 있는 영구 라이선스입니다.

설치할 때 코드를 직접 수정해야 하나요?

기본 적용은 XML 업로드만으로 끝납니다. 다만 Blogger의 모바일 설정은 데스크톱 테마 표시로 바꿔야 반응형 디자인이 그대로 보입니다.

구매 전에 실제 화면을 볼 수 있나요?

네. 상단의 라이브 데모 버튼으로 실제 Blogger 샘플 블로그에서 홈, 글 상세, 모바일 반응형 흐름을 확인할 수 있습니다.

적용 전에 백업만 해두면 됩니다

Blogger 관리자에서 현재 테마를 먼저 다운로드해두면, 새 테마를 적용한 뒤에도 이전 상태로 되돌릴 수 있습니다.