에서 이용 가능
Fontaine

글쓴이: Automattic
시작하기

Fontaine은 브루탈리스트 미학의 대담한 단순함을 높이 평가하는 시각 디자이너용으로 디자인된 포트폴리오 및 개인 프로필 테마입니다. 콘텐츠가 빛나고 스포트라이트를 받을 수 있도록 우아하게 뒤로 물러나는 테마를 만드는 것이 목표였습니다.

테마 설정

이 테마에는 전면 페이지 템플릿 외에도 선명한 다크 모드 색상 구성에서 작업물을 선보이고 작업자 관련 정보를 공유할 수 있도록 설계된 두 개의 추가 페이지 템플릿이 포함되어 있습니다. 데모 사이트와 같은 사이트를 설정하려면 아래의 단계를 따르세요.

  1. Work라는 페이지를 발행합니다. 홈페이지와 마찬가지로 콘텐츠를 추가할 필요가 없으며, Work 페이지에 발행된 페이지만 있으면 됩니다. Page: Work 템플릿을 선택합니다.
  2. Info라는 페이지를 발행합니다. 홈페이지 및 Work 페이지와 마찬가지로 콘텐츠를 추가할 필요가 없으며, Info 페이지에 발행된 페이지만 있으면 됩니다. Page: Info 템플릿을 선택합니다.
  3. 사이트 편집기로 해당 템플릿의 콘텐츠를 편집합니다.
  4. 헤더에 탐색 블록을 추가하고 Work 페이지와 Info 페이지에 페이지 링크를 추가합니다.

헤더 혼합 모드

이 테마에는 페이지가 스크롤되는 것과 같은 위치에 유지되는 붙박이 헤더가 있습니다. 따라서 헤더에는 흥미로운 혼합 모드가 적용됩니다. 이 예제를 참조하세요. 헤더의 텍스트 색상은 뒤에 있는 내용에 따라 동적으로 변경됩니다.

이를 위해 이 그룹 블록의 텍스트 색상은 의도적으로 흰색으로 설정되지만 밝은 회색 배경 색상에서는 검은색으로 표시됩니다.

텍스트 색상, 사이트 배경 색상을 변경하거나 혼합 모드를 끄려면 여기에 추가된 사용자 정의 CSS를 제거하면 됩니다. 이 테마의 모든 템플릿에서 제거해야 합니다.

스크린샷

여기에서 위치 옵션을 기본값으로 변경하면 붙박이 헤더를 끌 수도 있습니다.

 

WordPress 알아보기초보자도 쉽게 따라 할 수 있는 강의를 따라가며 첫 번째 웹사이트나 블로그를 만들어 보세요.
과정 시청하기