섹션 디자인, 저장, 재사용.
한 섹션을 정성껏 만들어 필요한 모든 페이지에서 다시 사용합니다. 공개일 알림을 간격, 큰 글꼴, 브랜드 색상, 둥근 모서리로 스타일링합니다. 그런 다음 페이지를 저장하고 섹션을 템플릿으로 보관한 뒤 다시 삽입합니다. 각 스타일링 단계에는 자세히 알아볼 수 있는 별도 가이드가 있습니다.
동영상에서는 알림을 스타일링하고 템플릿으로 저장한 뒤 두 번째로 삽입합니다.
시작하기 전에
- DXPR Builder로 페이지를 편집할 수 있으며 작업할 섹션이 있습니다. 첫 페이지 만들기를 참조하세요.
설정
- 섹션 안의 +를 클릭하고 요소 선택 도구의 콘텐츠 탭을 열어 텍스트를 선택합니다. 설정 대화상자가 열립니다.
- 공지 사항을 입력하고 첫 줄을 제목 2로 설정합니다.
- 같은 대화상자의 스타일 패널을 열고 박스 모델에서 안쪽 여백의 위쪽과 아래쪽을 40픽셀로 설정합니다.
- 설정으로 글꼴 크기를 20으로 지정합니다.
- 흰색 글꼴 색상과 남색 배경을 선택합니다.
- 설정으로 테두리 반경을 12로 지정하고 저장을 클릭합니다.
- DXPR Builder 툴바에서 저장을 클릭합니다.
- 알림을 가리키고 전체 섹션용 가장 바깥 컨트롤 바에서 더보기를 클릭한 뒤 템플릿으로 저장을 선택하고 템플릿 이름을 입력한 뒤 공용 템플릿을 선택하고 저장을 클릭합니다.
- DXPR Builder 툴바의 +를 클릭하고 저장된 템플릿 탭을 열어 템플릿을 클릭합니다.
- DXPR Builder 툴바에서 저장을 클릭합니다.
표시 내용
알림은 남색 블록에 흰색의 큰 텍스트, 위아래 여백, 둥근 모서리가 적용된 모습입니다. 9단계 뒤에는 페이지에 두 번째 복사본이 표시됩니다. 복사본은 독립적입니다. 텍스트를 변경해도 첫 번째 알림은 그대로 유지됩니다. 이제 템플릿이 모든 페이지의 저장된 템플릿 탭에서 대기합니다. 공용 템플릿이 선택되어 있으면 다른 에디터도 볼 수 있습니다.
각 스타일링 단계에는 별도 가이드가 있습니다.
- 간격: 박스 모델의 안쪽 여백과 바깥 여백.
- 타이포그래피: 글꼴 크기와 글꼴 색상.
- 색상 및 브랜딩: 브랜드에 맞는 색상.
- 테두리와 그림자: 테두리 반경, 테두리 스타일, 드롭 섀도우.
- 배경: 요소 뒤의 색상, 이미지, 효과.
- 행과 컬럼 및 반응형 디자인: 레이아웃과 화면 크기.
- 사용자 템플릿 및 저장된 템플릿 탭: 섹션 저장과 재사용.
템플릿이 표시되지 않는 경우
- 저장된 템플릿 탭에 템플릿이 없습니다. 저장이 완료되지 않았거나 다른 사이트에 있습니다. 섹션을 더보기 메뉴에서 다시 저장하고 검색에서 템플릿 이름을 확인합니다.
- 더보기 메뉴로 섹션이 아니라 페이지 전체가 저장되었습니다. DXPR Builder 툴바의 더보기를 사용했습니다. 섹션 자체 컨트롤 바(가장 바깥)의 더보기를 사용합니다.
- 텍스트가 커지거나 흰색으로 바뀌지 않았습니다. 다른 요소의 설정을 변경했습니다. 텍스트 요소 자체의 설정을 열고 스타일 패널에서 글꼴 크기와 글꼴 색상을 확인합니다.