Ghost 테마 기본 알아보기

안녕하세요, 여러분! 오늘은 블로그 플랫폼 Ghost에서 테마를 어떻게 만들 수 있는지 쉽고 재미있게 설명해 드릴게요. 마치 맛있는 케이크를 구워내는 과정처럼 생각해 보시면 이해하기 쉬울 거예요.

1. 템플릿 언어 Handlebars: 우리의 케이크 틀 🍰

테마를 만든다고 하니까 왠지 복잡할 것 같다고요? 사실, 케이크를 만들 때 틀이 필요한 것처럼 웹사이트를 만들 때도 '틀'이 필요해요. 이 틀이 바로 템플릿 언어예요.

Ghost에서는 Handlebars라는 템플릿 언어를 사용해요. 이건 마치 케이크 틀처럼 우리가 넣은 재료를 예쁘게 모양 잡아주는 역할을 하죠. 예를 들어, 사이트 제목을 표시하고 싶다면 다음과 같이 쓸 수 있어요:

<h1>{{ @site.title }}</h1>

이 코드가 실제로는 케이크 위에 "Happy Birthday!"라고 글자를 쓰는 것처럼 사이트 제목을 예쁘게 보여주는 거예요. 🎂

• Handlebars의 특징: {{ }}로 감싸진 부분이 바로 Ghost에게 "여기, 이 내용을 보여줘!"라고 지시하는 거예요. 마치 케이크에 초를 꽂는 것처럼 그 자리에 지정한 내용을 꽂아요!

2. Ghost 테마의 필수 재료 3가지: 세 가지 파일로 완성! 📁📂

케이크를 굽기 위해 밀가루, 설탕, 계란이 필요하듯이, Ghost 테마를 만들 때도 꼭 필요한 세 가지 파일이 있어요.

🍪 index.hbs:

이 파일은 블로그에 접속하면 제일 처음 보이는 페이지인데요, 바로 홈페이지를 만드는 데 사용돼요. 마치 "이 집에서 가장 잘 나가는 대표 선수 케이크입니다!" 하고 첫 번째로 내놓는 케이크와 같죠.

🍩 post.hbs:

이건 각각의 블로그 글을 꾸며주는 템플릿이에요. 손님들이 테이블에서 각각의 다양한 케이크를 즐기는 것처럼, 독자들이 여러 게시물을 하나하나 볼 수 있도록 도와줘요.

📦 package.json:

이건 케이크 레시피처럼 테마의 모든 정보를 담고 있는 파일이에요. Ghost가 "이 테마는 몇 개의 글을 한 페이지에 보여줄까요?" 하고 물어보면 이 파일이 답해줘요.

3. 컨텍스트: 손님 맞춤 케이크 만들기 🎂🎉

이제 테마에 컨텍스트라는 개념이 들어가요. 쉽게 말하면, 손님이 초콜릿 케이크를 좋아하면 초콜릿 케이크를 내놓고, 딸기 케이크를 좋아하면 딸기 케이크를 내놓는 거예요.

예를 들어, 특정 블로그 글 페이지에서만 표시되는 내용을 설정하고 싶다면 post.hbs 파일에서 컨텍스트를 이용해 데이터에 접근할 수 있어요. 손님이 요구하는 조건에 맞춰 각각의 손님에게 맞춤 케이크를 제공하는 거죠!

{{#if feature_image}}
  <img src="{{feature_image}}" alt="Post Image">
{{/if}}

위 코드는 블로그 글에 이미지가 있을 때만 이미지를 보여주는 설정이에요. 마치 손님이 "딸기 추가해 주세요"라고 하면 딸기를 올려주는 것과 같아요.

🎁 마무리: 테마 만들기 도전해볼까요?

이제 Ghost 테마 만드는 게 조금은 쉬워 보이지 않나요? 마치 새로운 레시피로 맛있는 케이크를 구워보는 것처럼, 여러분도 직접 Ghost 테마를 만들어 보세요! 처음엔 조금 서툴 수 있지만, 점점 더 멋진 테마를 만들 수 있을 거예요. 🎨✨

• 첫 걸음: Ghost 공식 문서나 튜토리얼을 참고해서 시작해보세요. 마치 요리책을 보고 따라 하는 것처럼요!
• 실험 정신: 새로운 디자인과 기능을 시도하면서 나만의 특별한 테마를 완성해보세요.

그럼 여러분의 블로그가 멋진 케이크처럼 예쁘고 달콤하게 꾸며지길 바랄게요. 🍰💻

우리의 행복한 고스트 블로깅을 위하여! 😊