페이지 테마
이 가이드는 CdBd 에디터의 페이지 테마 기능을 활용해서 모바일 페이지의 전체적인 디자인을 설정하고 나만의 스타일로 꾸미는 방법을 친절하게 설명해 드릴 거예요. 페이지 테마를 잘 활용하면 서체, 배경, 버튼 스타일 등 다양한 디자인 요소들을 한 번에 손쉽게 바꿀 수 있답니다.
1. 페이지 테마란 무엇인가요?
페이지 테마는 모바일 페이지의 전체적인 분위기와 디자인을 결정하는 아주 중요한 기능이에요. 마치 옷을 고르듯이, 여러 디자인 요소들이 멋지게 조합되어 있는 세트라고 생각하면 이해하기 쉬울 거예요. 테마를 고르면 페이지의 모든 부분에 일관된 디자인이 착! 하고 적용되어서, 디자인을 잘 몰라도 전문적이고 예쁜 페이지를 쉽게 만들 수 있답니다.
페이지 테마는 다음과 같은 디자인 요소들을 한 번에 조절해 줘요.
페이지 서체 : 페이지에 들어가는 모든 텍스트의 모양, 크기, 색깔 등을 통일감 있게 바꿔줘요.
페이지 색상 : 페이지 전체를 채우는 색깔, 그라데이션, 사진, 또는 움직이는 효과(동적 배경)까지 다양하게 설정할 수 있어요.
버튼 모양 : 페이지에 있는 버튼들의 색깔, 모양, 테두리 등을 예쁘게 맞춰준답니다.
2. 페이지 테마는 어디서 설정하나요?
페이지 테마는 에디터의 상단 메뉴에 있는 버튼을 통해 아주 쉽게 접근하고 적용할 수 있어요.
테마 설정 버튼 클릭 : CdBd 에디터 화면 맨 위에 있는 '테마 설정' 버튼을 찾아 클릭해 주세요.
테마 목록 둘러보기 : '페이지 테마' 창이 열리면, CdBd에서 미리 준비해 둔 여러 가지 기본 테마들이 보일 거예요. 각 테마는 고유한 디자인 스타일을 가지고 있답니다.
미리보기로 확인 : 원하는 테마를 클릭하면, 에디터의 미리보기 화면에서 내 페이지에 그 테마가 어떻게 적용되는지 바로 볼 수 있어요. 마음에 드는 테마를 찾을 때까지 자유롭게 바꿔가며 확인해 보세요.
테마 적용 : 미리보기 후 최종적으로 선택한 테마가 마음에 쏙 든다면, '적용' 또는 '확인' 버튼을 눌러서 페이지에 테마를 입혀주세요.
3. 페이지 서체
CdBd 페이지의 기본 서체는 **'프리텐다드'**로 설정되어 있어요. 혹시 페이지 전체의 서체를 바꾸고 싶다면, **'페이지 테마'**에서 마음에 드는 서체를 고르기만 하면 된답니다. 그러면 페이지에 있는 모든 카드들의 서체가 한 번에 싹 바뀔 거예요.
CdBd는 26가지 한국어 서체와 18가지 영어 서체를 제공하고 있어서, 원하는 스타일에 맞춰 손쉽게 페이지의 분위기를 바꿀 수 있어요. 마음에 쏙 드는 서체를 고른 뒤 '변경하고 저장하기' 버튼을 누르면 페이지 전체에 바로 적용된답니다.
4. 페이지 색상
페이지 테마 설정 안에는 **'페이지 색상'**이라는 기능이 포함되어 있어서, 테마가 제공하는 기본 설정 외에 배경, 텍스트, 버튼의 색깔을 내가 원하는 대로 더 세밀하게 조절할 수 있답니다.
배경 색깔 조절 : 페이지의 전체 배경 색깔을 내 마음대로 바꿀 수 있어요. 단순한 한 가지 색깔 외에도, 다양한 동적 배경 효과(예: 잔잔하게 움직이는 패턴, 화면 스크롤에 따라 다르게 움직이는 이미지, 짧은 비디오 배경 등)를 선택해서 페이지를 더욱 특별하게 만들 수 있어요.
서체 색깔 조절 : 페이지 안의 모든 서체 색깔을 한 번에 바꿀 수 있어서, 배경과의 조화를 통해 글이 더 잘 보이게 하거나 특정 분위기를 연출할 수 있어요.
버튼 색깔 조절 : 페이지에 있는 버튼들의 색깔을 바꿔서, 방문자들이 버튼을 더 쉽게 알아보고 누를 수 있도록 눈에 띄게 만들 수 있답니다.
5. 버튼 모양
페이지에 있는 버튼들의 모양도 내 마음대로 바꿀 수 있어요. '원형', '각진', '둥근 쉐입' 중에서 원하는 모양을 선택할 수 있답니다. 버튼 모양 하나만 바꿔도 페이지 디자인이 훨씬 조화롭고 세련되게 보일 거예요. 원하는 버튼 모양을 고른 뒤 '변경하고 저장하기' 버튼을 누르면 페이지 전체의 버튼에 바로 적용된답니다.
6. 테마 설정, 이렇게 하면 좋아요!
새로운 모바일 페이지를 만들 때 테마를 이렇게 활용해 보세요. 훨씬 효율적으로 작업할 수 있을 거예요.
디자인 컨셉 먼저 정하기 : 페이지에 어떤 분위기(예: 깔끔하고 모던한 느낌, 따뜻하고 감성적인 느낌, 활기찬 느낌)를 주고 싶은지 먼저 생각해 보세요.
테마 먼저 적용하기 : 페이지의 전반적인 분위기를 결정하는 페이지 테마를 가장 먼저 골라 적용해 보세요. 이렇게 하면 페이지의 기본 글꼴, 배경, 버튼 스타일이 한 번에 딱 맞게 적용돼서 훨씬 수월하답니다.
내용 추가 후 세부 조정 : 테마가 적용된 상태에서 원하는 카드들을 추가하고, 글이나 사진 같은 콘텐츠를 편집하세요.
필요 시 개별 디자인 조정 : 전반적인 테마는 유지하되, 특정 카드 하나만 서체나 배경색을 다르게 하고 싶다면, 해당 카드의 개별 디자인 설정을 세밀하게 바꿔줄 수 있어요.
이러한 단계를 따르면 효율적으로 일관된 디자인의 모바일 페이지를 완성할 수 있답니다.
Last updated