Jekyll Helium 테마 소개

개요 link

Jekyll에서 사용하는 여러 종류의 테마 중에서 비지니스용 (회사 홈페이지, 랜딩 페이지) 테마에서 인기 순위 상위권을 차지하는 Helium 테마를 소개해보려고 합니다.

구성 요소 link

Helium 테마의 특징적인 구성 요소들을 정리해보면 다음과 같습니다.

저는 이 중에서 100개 이상의 다양한 UI 블럭이 Helium 테마를 선택해야 하는 가장 큰 장점이 아닐까 생각합니다.

메인 요소 link

• Bootstrap 4
• Font Awesome
• 100개 이상의 다양한 UI 블럭
• 반응형 디자인

Jekyll 특화 요소 link

• Jekyll 3.x 이상, Github 지원
• SEO 최적화
• Google Analytics 지원
• Google AdSense 지원
• Disqus comments 지원

기타 요소 link

• 블로그 페이지 샘플
• 랜딩 페이지 샘플
• 테그 페이지
• 슬라이딩 배너 지원
• Emoji 지원

메인 화면 예시 link

슬라이딩 배너 link

홈페이지 상단에 노출되는 슬라이딩 배너를 이렇게 표시할 수 있습니다.

사업 영역 link

아래와 같은 형식으로 사업 영역을 소개할 수 있고, 고정 배너도 표시할 수 있습니다.

서비스 지표 link

서비스 소개나 서비스 지표를 아래와 같은 형식으로 표시할 수 있습니다.

직원 소개와 푸터 link

회사 직원이나 프로젝트 멤버를 소개하는 영역과 푸터 표시는 아래와 같이 할 수 있습니다.

UI 블럭 link

위에서도 설명 했듯이 Helium 테마는 100개 이상의 UI 블럭을 제공하고 있는데 종류별로 살펴보면 아래와 같습니다.

UI 블럭 1 link

• Header
• Sliders
• Navigations
• Typography
• Buttons
• Labels / Alerts

UI 블럭 2 link

• Progress Bars
• Tabs / Accordionss
• Tables
• Cards
• Team
• List

UI 블럭 3 link

• Pricing
• About Us
• Services
• Features
• Portfolio
• Blog

UI 블럭 4 link

• Footers
• Maps
• Contact

다운로드 link

Helium 테마는 아래 경로에서 다운로드 받을 수 있습니다.

• https://github.com/heliumjk/heliumjk.github.io

미리보기 link

Helium 테마 미리보기는 아래 경로에서 확인할 수 있습니다.

• https://heliumjk.github.io

문서 업데이트 내역 link