위젯 관리
포트폴리오에 사용할 HTML 위젯을 관리합니다.
썸네일 생성 중...
카테고리 필터 (단일 선택)
| 미리보기 | ID | 이름 | 카테고리 | 구성 위치 | 변수 | 관리 |
|---|---|---|---|---|---|---|
|
com_spacer_01 |
공통: 여백 (Spacer)
높이(px)만 지정하는 빈 블록입니다. 헤더·본문·푸터 영역 모두에 배치할 수 있습니다. 위젯을 선택한 뒤 |
common | body | 1개 | |
|
uca_01 |
CTA: #1 (코드자카)
코드자카 dist/snippets/cta.html — 컴포넌트 #1 |
cta | body | 2개 | |
|
ucg_01 |
카드: 그리드 #1 (코드자카)
코드자카 dist/snippets/cards-grid.html — 컴포넌트 #1 |
cards | body | 18개 | |
|
ucg_02 |
카드: 그리드 #2 (코드자카)
코드자카 dist/snippets/cards-grid.html — 컴포넌트 #2 |
cards | body | 21개 | |
|
ucg_03 |
카드: 그리드 #3 (코드자카)
코드자카 dist/snippets/cards-grid.html — 컴포넌트 #3 |
cards | body | 9개 | |
|
ucg_04 |
카드: 그리드 #4 (코드자카)
코드자카 dist/snippets/cards-grid.html — 컴포넌트 #4 |
cards | body | 15개 | |
|
ucg_05 |
카드: 그리드 #5 (코드자카)
코드자카 dist/snippets/cards-grid.html — 컴포넌트 #5 |
cards | body | 9개 | |
|
ucg_06 |
카드: 그리드 #6 (코드자카)
코드자카 dist/snippets/cards-grid.html — 컴포넌트 #6 |
cards | body | 14개 | |
|
ucg_07 |
카드: 그리드 #7 (코드자카)
코드자카 dist/snippets/cards-grid.html — 컴포넌트 #7 |
cards | body | 29개 | |
|
ucl_01 |
카드: 리스트 #1 (코드자카)
코드자카 dist/snippets/cards-list.html — 컴포넌트 #1 |
cards | body | 6개 | |
|
ucl_02 |
카드: 리스트 #2 (코드자카)
코드자카 dist/snippets/cards-list.html — 컴포넌트 #2 |
cards | body | 4개 | |
|
ucl_03 |
카드: 목록 #3 (코드자카)
코드자카 dist/snippets/cards-list.html — 컴포넌트 #3 |
cards | body | 31개 | |
|
ucl_04 |
카드: 리스트 #4 (코드자카)
코드자카 dist/snippets/cards-list.html — 컴포넌트 #4 |
cards | body | 8개 | |
|
ucl_05 |
카드: 리스트 #5 (코드자카)
코드자카 dist/snippets/cards-list.html — 컴포넌트 #5 |
cards | body | 6개 | |
|
ucl_06 |
카드: 리스트 #6 (코드자카)
코드자카 dist/snippets/cards-list.html — 컴포넌트 #6 |
cards | body | 10개 | |
|
ucn_01 |
고객사: #1 (코드자카)
코드자카 dist/snippets/clients.html — 컴포넌트 #1 |
clients | body | 0개 | |
|
ucn_02 |
고객사: #2 (코드자카)
코드자카 dist/snippets/clients.html — 컴포넌트 #2 |
clients | body | 1개 | |
|
ucn_03 |
고객사: #3 (코드자카)
코드자카 dist/snippets/clients.html — 컴포넌트 #3 |
clients | body | 9개 | |
|
ucn_04 |
고객사: #4 (코드자카)
코드자카 dist/snippets/clients.html — 컴포넌트 #4 |
clients | body | 9개 | |
|
uco_01 |
댓글: #1 (코드자카)
코드자카 dist/snippets/comments.html — 컴포넌트 #1 |
comments | body | 16개 | |
|
ucs_01 |
본문 콘텐츠: Sticky 소셜 + 롱폼 (content-sections #1)
Unify dist/snippets/content-sections.html 컴포넌트 #1. 서브페이지·외부 |
body_content | body | 0개 | |
|
ucs_02 |
본문 콘텐츠: Sticky 사이드바 + 세로 내비 (content-sections #2)
컴포넌트 #2. md 이상에서 사이드 Sticky 블록. |
body_content | body | 0개 | |
|
ucs_03 |
본문 콘텐츠: 브레드크럼 + 2단 본문 (content-sections #3)
컴포넌트 #3. |
body_content | body | 0개 | |
|
ucs_04 |
본문 콘텐츠: 케이스 상단 + 리스트 (content-sections #4)
컴포넌트 #4. |
body_content | body | 0개 | |
|
ucs_05 |
본문 콘텐츠: 스펙 목록 + 케이스 스터디 (content-sections #5)
컴포넌트 #5. |
body_content | body | 0개 | |
|
ucs_06 |
본문 콘텐츠: Sticky 목차 + 본문 (content-sections #6)
컴포넌트 #6. |
body_content | body | 0개 | |
|
ucs_07 |
본문 콘텐츠: 정책·약관 카드 (content-sections #7)
컴포넌트 #7. 개인정보/약관형. |
body_content | body | 0개 | |
|
ucs_08 |
본문 콘텐츠: 인용 + 타임라인형 본문 (content-sections #8)
컴포넌트 #8. |
body_content | body | 0개 | |
|
uf_default |
푸터: 다크 (코드자카 컴포넌트 #1)
Unify dist/snippets/footer.html — bg-dark 푸터 (컴포넌트 #1) |
footer | footer | 57개 | |
|
uf_simple |
푸터: 심플 컨테이너 (코드자카 컴포넌트 #2)
코드자카 dist/snippets/footer.html — 컨테이너 푸터 (컴포넌트 #2) |
footer | footer | 5개 | |
|
ufc_01 |
문의 섹션: #1 (코드자카)
코드자카 dist/snippets/contact-sections.html — 문의 섹션 컴포넌트 #1 (푸터 |
footer | footer | 21개 | |
|
ufg_01 |
기능: 일반 #1 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #1 (기능) |
general | body | 8개 | |
|
ufg_02 |
기능: 일반 #2 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #2 (기능) |
general | body | 8개 | |
|
ufg_03 |
기능: 일반 #3 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #3 (기능) |
general | body | 9개 | |
|
ufg_04 |
기능: 일반 #4 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #4 (기능) |
general | body | 9개 | |
|
ufg_05 |
기능: 일반 #5 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #5 (기능) |
general | body | 10개 | |
|
ufg_06 |
기능: 일반 #6 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #6 (기능) |
general | body | 4개 | |
|
ufg_07 |
기능: 일반 #7 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #7 (기능) |
general | body | 19개 | |
|
ufg_08 |
기능: 일반 #8 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #8 (갤러리) |
general | body | 9개 | |
|
ufg_09 |
기능: 일반 #9 (코드자카)
코드자카 dist/snippets/features-general.html — 컴포넌트 #9 (기능) |
general | body | 24개 | |
|
ufq_01 |
FAQ: #1 (코드자카)
코드자카 dist/snippets/faq.html — 컴포넌트 #1 |
faq | body | 6개 | |
|
ufs_01 |
기능: 통계 #1 (코드자카)
코드자카 dist/snippets/features-stats.html — 컴포넌트 #1 (통계) |
stats | body | 13개 | |
|
ufs_02 |
기능: 통계 #2 (코드자카)
코드자카 dist/snippets/features-stats.html — 컴포넌트 #2 (통계) |
stats | body | 9개 | |
|
uft_01 |
기능: 내비게이션 #1 (코드자카)
코드자카 dist/snippets/features-navs.html — 컴포넌트 #1 (내비게이션 필 + 탭 |
tabs | body | 15개 | |
|
ugl_01 |
갤러리: #1 (코드자카)
코드자카 dist/snippets/gallery.html — 컴포넌트 #1 |
gallery | body | 16개 | |
|
ugl_02 |
갤러리: #2 (코드자카)
코드자카 dist/snippets/gallery.html — 컴포넌트 #2 |
gallery | body | 0개 | |
|
uh_blog_article |
블로그: 아티클
코드자카 dist/snippets/hero-blog-article.html |
hero | body | 6개 | |
|
uh_blog_modern |
블로그: 모던
코드자카 dist/snippets/hero-blog-modern.html |
hero | body | 18개 | |
|
uh_landing_business |
랜딩: 비즈니스
코드자카 dist/snippets/hero-landing-business.html |
hero | body | 10개 | |
|
uh_landing_consulting |
랜딩: 컨설팅
코드자카 dist/snippets/hero-landing-consulting.html |
hero | body | 9개 | |
|
uh_landing_corporate |
랜딩: 기업형
코드자카 dist/snippets/hero-landing-corporate.html |
hero | body | 13개 | |
|
uh_landing_saas |
랜딩: SaaS
코드자카 dist/snippets/hero-landing-saas.html |
hero | body | 18개 | |
|
uh_landing_services |
랜딩: 서비스
코드자카 dist/snippets/hero-landing-services.html |
hero | body | 6개 | |
|
uh_page_about |
페이지: 소개
코드자카 dist/snippets/hero-page-about.html |
general | body | 7개 | |
|
uh_page_careers |
페이지: 채용 정보
코드자카 dist/snippets/hero-page-careers.html |
team | body | 4개 | |
|
uh_page_coming_soon |
페이지: 커밍순
코드자카 dist/snippets/hero-page-coming-soon.html |
cta | body | 6개 | |
|
uh_page_customer_story |
페이지: 고객 성공 사례
코드자카 dist/snippets/hero-page-customer-story.html |
reviews | body | 4개 | |
|
uh_page_help_center |
페이지: 고객 센터
코드자카 dist/snippets/hero-page-help-center.html |
faq | body | 7개 | |
|
uh_page_hire_us |
페이지: 문의하기
코드자카 dist/snippets/hero-page-hire-us.html |
cta | body | 16개 | |
|
uh_portfolio_case_study |
포트폴리오: 사례 연구
코드자카 dist/snippets/hero-portfolio-case-study.html |
hero | body | 4개 | |
|
uh_portfolio_modern |
포트폴리오: 모던
코드자카 dist/snippets/hero-portfolio-modern.html |
hero | body | 7개 | |
|
uib_01 |
아이콘 블록: #1 (코드자카)
코드자카 dist/snippets/icon-blocks.html — 컴포넌트 #1 |
icons | body | 8개 | |
|
uib_02 |
아이콘 블록: #2 (코드자카)
코드자카 dist/snippets/icon-blocks.html — 컴포넌트 #2 |
icons | body | 6개 | |
|
uib_03 |
아이콘 블록: #3 (코드자카)
코드자카 dist/snippets/icon-blocks.html — 컴포넌트 #3 |
icons | body | 9개 | |
|
uib_04 |
아이콘 블록: #4 (코드자카)
코드자카 dist/snippets/icon-blocks.html — 컴포넌트 #4 |
icons | body | 8개 | |
|
uib_05 |
아이콘 블록: #5 (코드자카)
코드자카 dist/snippets/icon-blocks.html — 컴포넌트 #5 |
icons | body | 29개 | |
|
uib_06 |
아이콘 블록: #6 (코드자카)
코드자카 dist/snippets/icon-blocks.html — 컴포넌트 #6 |
icons | body | 14개 | |
|
uib_07 |
아이콘 블록: #7 (코드자카)
코드자카 dist/snippets/icon-blocks.html — 컴포넌트 #7 |
icons | body | 8개 | |
|
umap_01 |
오시는길: 지도 + 정보 카드 (좌 8 / 우 4)
오시는길 페이지 기본 레이아웃: 좌측 임베드 지도(8) + 우측 업체정보 카드(4) + 네이버/카카오/구글 |
location | body | 11개 | |
|
umap_02 |
오시는길: 풀폭 지도 + 4컬럼 정보 (주소/전화/이메일/시간)
풀폭 임베드 지도 + 하단 4컬럼(주소/전화/이메일/시간) 아이콘 정보. 깔끔한 'Contact / Visi |
location | body | 10개 | |
|
umap_03 |
오시는길: 정보 좌측 + 지도 우측 (4 / 8)
좌측에 강조형 안내 텍스트(업체명/주소/전화/시간/외부 지도 링크) + 우측에 큰 임베드 지도. 깔끔한 회사 |
location | body | 10개 | |
|
umap_04 |
오시는길: 풀폭 지도 + 교통편 3컬럼 (자가용/대중교통/주차)
풀폭 지도 + 자가용·대중교통·주차 3컬럼 카드 안내 + 하단에 업체정보·외부 지도 링크 바. 본격 'How |
location | body | 11개 | |
|
un_default |
내비게이션 바: 기본
Unify dist/snippets/navbar-default.html (HEADER 블록) |
header | header | 72개 | |
|
upp_01 |
프로필: #1 (코드자카)
코드자카 dist/snippets/user-profile.html — 컴포넌트 #1 |
profile | body | 4개 | |
|
upp_02 |
프로필: #2 (코드자카)
코드자카 dist/snippets/user-profile.html — 컴포넌트 #2 |
profile | body | 4개 | |
|
upr_01 |
가격 책정: #1 (코드자카)
코드자카 dist/snippets/pricing.html — 구성 요소 #1 |
pricing | body | 31개 | |
|
upr_02 |
가격 책정: #2 (코드자카)
코드자카 dist/snippets/pricing.html — 컴포넌트 #2 |
pricing | body | 4개 | |
|
ures_01 |
예약: 캘린더 + 프리미엄 사이트 카드 (좌우 split)
산내캠핑 패턴: 좌측 월별 캘린더(예약가능/잔여적음/마감 색상 표시) + 우측 프리미엄 사이트 컴팩트 카드 |
reservation | body | 31개 | |
|
ures_02 |
예약: 캘린더 + 요약 카드 + 사이트 그리드 3종
프리미엄 라인 예약 위젯: 캘린더와 예약 현황 요약 카드를 상단에, 하단에 사진형 사이트 카드 3종을 그리드 |
reservation | body | 33개 | |
|
ures_03 |
예약: 체크인/체크아웃 검색바 + 사이트 카드 3종
프리미엄 라인 예약 위젯: 상단에 체크인·체크아웃·인원 검색 폼, 하단에 정렬 옵션과 함께 사진형 카드 3종 |
reservation | body | 31개 | |
|
ust_01 |
기능: 단계 #1 (코드자카)
코드자카 dist/snippets/features-step.html — 구성 요소 #1 (단계별 기능) |
steps | body | 29개 | |
|
ust_02 |
기능: 2단계 (코드자카)
코드자카 dist/snippets/features-step.html — 구성 요소 #2 (단계별 기능) |
steps | body | 27개 | |
|
ust_03 |
기능: 3단계 (코드자카)
코드자카 dist/snippets/features-step.html — 컴포넌트 #3 (단계별 기능) |
steps | body | 10개 | |
|
ute_01 |
팀: 섹션 #1 (코드자카)
코드자카 dist/snippets/team-sections.html — 컴포넌트 #1 |
team | body | 28개 | |
|
utr_01 |
고객 후기: #1 (코드자카)
코드자카 dist/snippets/testimonials.html — 컴포넌트 #1 |
reviews | body | 6개 | |
|
utr_02 |
사용자 후기: #2 (코드자카)
코드자카 dist/snippets/testimonials.html — 컴포넌트 #2 |
reviews | body | 5개 | |
|
utr_03 |
고객 후기: #3 (코드자카)
코드자카 dist/snippets/testimonials.html — 컴포넌트 #3 |
reviews | body | 13개 | |
|
utr_04 |
고객 후기: #4 (코드자카)
코드자카 dist/snippets/testimonials.html — 컴포넌트 #4 |
reviews | body | 26개 | |
|
utr_05 |
고객 후기: #5 (코드자카)
코드자카 dist/snippets/testimonials.html — 컴포넌트 #5 |
reviews | body | 2개 | |
|
utr_06 |
고객 후기: #6 (코드자카)
코드자카 dist/snippets/testimonials.html — 컴포넌트 #6 |
reviews | body | 11개 |