WordPress 블록 편집기용 블록 314개

Academic Works 무료

학술 디자인이 보여 주는 방식대로 포트폴리오 레코드를 표시합니다: 도서 행, 저널 논문 카드, 그리고 페이지에 나오는 각 레코드의 상세 정보.

Agency Works 무료

포트폴리오 프로젝트를 에이전시 스타일의 캐러셀 또는 그리드로 표시하거나, 단일 프로젝트 페이지(속성, 문의 CTA, 관련 프로젝트)를 렌더링합니다.

실제 화면 보기: 포트폴리오 페이지의 Agency Works (새 탭에서 열림)

Blog Archive Loop 무료

메인 쿼리(인덱스, 카테고리, 태그, 작성자, 날짜)용 블로그 루프입니다. 테마의 blog-entry 파셜과 페이지네이션을 사용합니다.

실제 화면 보기: 홈 페이지의 Blog Archive Loop (새 탭에서 열림) 설정(문서의 Blog Archive Loop 블록)

Blog Loop 무료

조합 가능한 블로그 항목 루프입니다. Post Image/Title/Meta/Excerpt 블록으로 게시물별 카드를 구성하세요. 컨테이너, 페이지네이션, 타임라인 요소는 레이아웃에 따라 처리됩니다.

실제 화면 보기: 블로그 | 그리드 페이지의 Blog Loop (새 탭에서 열림) 설정(문서의 Blog Loop 블록)

Blog Single Post 무료

단일 블로그 글 레이아웃(제목, 메타, 이미지, 콘텐츠, 태그, 공유, 내비게이션, 작성자, 댓글, 관련 글 + 사이드바). single.html용.

설정(문서의 Blog Single Post 블록)

Construction Projects 무료

Projects 포스트 타입의 프로젝트를 포트폴리오 그리드(2~5열)로 표시하거나, 단일 프로젝트 페이지(속성, 문의 CTA, 관련 프로젝트)를 렌더링합니다.

실제 화면 보기: 프로젝트 | 5열 페이지의 Construction Projects (새 탭에서 열림)

Illustrator Works 무료

포트폴리오 항목을 색상 테두리가 있는 정사각형 카드의 필터 가능한 그리드로 표시하거나, 단일 프로젝트 페이지의 구성 요소를 표시합니다.

실제 화면 보기: 홈 페이지의 Illustrator Works (새 탭에서 열림)

Interior Projects 무료

프로젝트 포스트 타입의 스튜디오 프로젝트를 필터링할 수 있는 포트폴리오 그리드로 표시하거나, 단일 프로젝트 페이지(세부 정보 사이드바, 상담 CTA, 관련 프로젝트)를 렌더링합니다.

실제 화면 보기: Stonecroft 페이지의 Interior Projects (새 탭에서 열림)

Law Firm Cases 무료

포트폴리오 포스트 타입의 사례를 카드 형태로 표시하거나, 단일 사례 페이지를 렌더링합니다 (속성, 문의 CTA, 관련 사례 포함).

실제 화면 보기: 최근 사례 페이지의 Law Firm Cases (새 탭에서 열림)

Photo Shots 무료

Shots 포스트 타입의 사진을 펼쳐지는 미리보기 그리드로 보여 주거나, 단일 샷 페이지(프레임, 촬영 정보, 문의 CTA, 관련 샷)를 렌더링합니다.

실제 화면 보기: 탐색 페이지의 Photo Shots (새 탭에서 열림)

Post Archive Index 무료

모든 항목을 날짜와 제목으로 보여 주며, 필요에 따라 연도와 월별로 묶을 수 있습니다. 발행한 모든 콘텐츠를 한눈에 보는 “전체 발행 목록”입니다.

설정(문서의 Post Archive Index 블록)

Post Author 무료

현재 게시물 작성자의 프로필 카드를 아바타, 표시 이름, 약력 설명과 함께 표시합니다.

실제 화면 보기: 느린 웹: 최고의 읽기 경험이 점점 조용해지는 이유 페이지의 Post Author (새 탭에서 열림) 설정(문서의 Post Author 블록)

Post Comments 무료

WordPress 댓글 템플릿을 렌더링하며 댓글 목록과 댓글 제출 양식을 포함합니다.

실제 화면 보기: 느린 웹: 최고의 읽기 경험이 점점 조용해지는 이유 페이지의 Post Comments (새 탭에서 열림) 설정(문서의 Post Comments 블록)

Post Content 무료

현재 글의 전체 콘텐츠를 표시하며, 숏코드와 임베드를 포함한 모든 콘텐츠 필터를 실행합니다.

실제 화면 보기: 미리보기 이미지가 있는 표준 글 페이지의 Post Content (새 탭에서 열림) 설정(문서의 Post Content 블록)

Post Date 무료

게시물의 게시일만 따로 표시합니다. 메타 목록으로는 나타낼 수 없는 바이라인에 적합합니다.

실제 화면 보기: 느린 웹: 최고의 읽기 경험이 점점 조용해지는 이유 페이지의 Post Date (새 탭에서 열림) 설정(문서의 Post Date 블록)

Post Excerpt 무료

현재 글의 요약문을 단어 단위로 잘라 표시하며, 길이를 설정할 수 있습니다.

실제 화면 보기: 블로그 | 그리드 페이지의 Post Excerpt (새 탭에서 열림) 설정(문서의 Post Excerpt 블록)

Post Image 무료

현재 글의 대표 이미지를 원하는 크기로 표시하며, 선택하면 고유주소 링크를 추가할 수 있습니다.

실제 화면 보기: 블로그 | 혼합 피드 페이지의 Post Image (새 탭에서 열림) 설정(문서의 Post Image 블록)

Post Media 무료

현재 글의 미디어 영역입니다. 글 형식에 따라 대표 이미지, 동영상 또는 오디오 임베드, 갤러리 슬라이더, 썸네일 그리드, 인용문, 링크 또는 상태 카드 중 하나가 선택되어 표시됩니다.

실제 화면 보기: 블로그 | 타임라인 왼쪽 사이드바 페이지의 Post Media (새 탭에서 열림) 설정(문서의 Post Media 블록)

Post Meta 무료

날짜, 작성자, 카테고리, 댓글 수 등 설정 가능한 게시물 메타 정보를 표시합니다.

실제 화면 보기: 블로그 | 혼합 피드 페이지의 Post Meta (새 탭에서 열림) 설정(문서의 Post Meta 블록)

Post Navigation 무료

현재 글의 이전 글과 다음 글로 이동하는 탐색 링크를 표시합니다.

실제 화면 보기: 느린 웹: 최고의 읽기 경험이 점점 조용해지는 이유 페이지의 Post Navigation (새 탭에서 열림) 설정(문서의 Post Navigation 블록)

Post Read More 무료

현재 글의 퍼머링크로 연결되는 더 읽기 링크 또는 버튼을 표시합니다.

실제 화면 보기: 홈 페이지의 Post Read More (새 탭에서 열림) 설정(문서의 Post Read More 블록)

Post Reading Bar 무료

현재 글의 읽기 시간, 글꼴 크기, 인쇄, 공유 스크롤 컨트롤을 표시합니다.

실제 화면 보기: 미리보기 이미지가 있는 표준 글 페이지의 Post Reading Bar (새 탭에서 열림) 설정(문서의 Post Reading Bar 블록)

Post Reading Time 무료

게시물 본문을 바탕으로 계산한 읽는 데 걸리는 시간.

실제 화면 보기: 느린 웹: 최고의 읽기 경험이 점점 조용해지는 이유 페이지의 Post Reading Time (새 탭에서 열림) 설정(문서의 Post Reading Time 블록)

Post Related 무료

현재 게시물과 같은 카테고리에 속한 관련 게시물을 그리드 형태로 표시합니다.

실제 화면 보기: 느린 웹: 최고의 읽기 경험이 점점 조용해지는 이유 페이지의 Post Related (새 탭에서 열림) 설정(문서의 Post Related 블록)

Post Share 무료

설정 가능한 네트워크, 스타일, 크기로 현재 글의 소셜 공유 링크를 표시합니다.

실제 화면 보기: Event Single 페이지의 Post Share (새 탭에서 열림) 설정(문서의 Post Share 블록)

Post Terms 무료

현재 글의 분류 용어(카테고리 또는 태그)를 텍스트, 배지, 알약 모양, 태그 클라우드, 인라인 카테고리 스타일로 표시합니다.

실제 화면 보기: 블로그 | 혼합 피드 페이지의 Post Terms (새 탭에서 열림) 설정(문서의 Post Terms 블록)

Post Title 무료

현재 글 제목을 설정 가능한 제목 태그 안에 표시하며, 선택 사항으로 고유 주소 링크를 붙일 수 있습니다.

실제 화면 보기: 블로그 | 혼합 피드 페이지의 Post Title (새 탭에서 열림) 설정(문서의 Post Title 블록)

Post Table of Contents 무료

게시물 자체 제목의 목차이며, 작동하는 앵커와 독자의 위치를 따라가는 표시가 포함됩니다.

실제 화면 보기: 리브랜딩에도 살아남는 디자인 토큰 실무 가이드 페이지의 Post Table of Contents (새 탭에서 열림) 설정(문서의 Post Table of Contents 블록)

게시물 무료

그리드, 리스트, 메이슨리, 타임라인 등 다양한 레이아웃으로 글을 쿼리하고 표시합니다. 카테고리, 태그, 커스텀 글 유형, 정렬 순서별 필터링을 지원합니다.

실제 화면 보기: 블로그 | 그리드 페이지의 게시물 (새 탭에서 열림) 설정(문서의 게시물 블록)

Recent Comments 무료

사이트 전체에서 승인된 최신 댓글을 댓글 작성자의 아바타, 이름, 첫 몇 마디와 함께 표시하며, 해당 댓글 스레드로 연결됩니다.

실제 화면 보기: 위젯 페이지의 Recent Comments (새 탭에서 열림) 설정(문서의 Recent Comments 블록)

Resume Works 무료

Works 포스트 타입의 프로젝트를 간결한 목록이나 타일 그리드로 표시하거나, 단일 프로젝트 페이지(속성, CTA, 관련 프로젝트)를 렌더링합니다.

실제 화면 보기: 작업물 페이지의 Resume Works (새 탭에서 열림)

Background Video / Audio 무료

히어로, 섹션 배경 또는 맞춤 플레이어를 위한 자체 호스팅 반복 재생 동영상 또는 오디오 레이어입니다. 미디어 요소만 출력하므로, 이를 배치하는 래퍼는 사용자가 직접 관리합니다.

실제 화면 보기: 미디어 작업 페이지의 Background Video / Audio (새 탭에서 열림) 설정(문서의 Background Video / Audio 블록)

Cascading Images 모든 플랜에 포함

이미지별 이동, 회전, 크기 조절, z-index, 애니메이션 지연을 설정할 수 있는 레이어 이미지 구성과 선택 사항인 장식용 배경 도형을 제공합니다.

실제 화면 보기: Cascading Images 페이지의 Cascading Images (새 탭에서 열림) 설정(문서의 Cascading Images 블록)

차트 모든 플랜에 포함

직접 제공하는 데이터 세트로 차트를 그려, 보고서의 수치나 가격 비교를 한눈에 파악할 수 있습니다. 차트 유형, 데이터, 레이블은 모두 입력한 설정에서 가져옵니다.

실제 화면 보기: 서비스 - 레이아웃 1 페이지의 차트 (새 탭에서 열림) 설정(문서의 차트 블록)

Circle Stack 모든 플랜에 포함

원형 아바타, 아이콘 또는 텍스트 배지를 가로로 쌓아 보여주는 블록입니다. 팀 소개, 신뢰 지표, 팔로워 수를 표시하는 데 적합합니다.

실제 화면 보기: Circle Stacks 페이지의 Circle Stack (새 탭에서 열림) 설정(문서의 Circle Stack 블록)

클라이언트 무료

고객, 파트너 또는 브랜드 로고를 반응형 그리드 또는 owl-carousel에 표시하며, 선택적으로 링크 연결과 라이트박스를 지원합니다.

실제 화면 보기: 클라이언트 페이지의 클라이언트 (새 탭에서 열림) 설정(문서의 클라이언트 블록)

Data Table 모든 플랜에 포함

사양 목록이나 플랜 비교처럼 구조화된 정보를 행과 열로 배치합니다. 방문자가 정렬할 수 있는 열 머리글과 선택 사항인 하단 요약 행을 함께 제공합니다.

실제 화면 보기: 사용자 프로필 페이지의 Data Table (새 탭에서 열림) 설정(문서의 Data Table 블록)

Map 무료

사용자 지정 마커, 확대/축소 수준을 지원하는 Google Maps 또는 OpenStreetMap 지도입니다. Google Maps에서는 지도 유형과 스타일 재정의도 설정할 수 있습니다.

실제 화면 보기: 지도 페이지의 Map (새 탭에서 열림) 설정(문서의 Map 블록)

Hover Card 무료

마우스 포인터에 따라 3D로 기울어지는 이미지 카드이며, 제목과 카테고리 캡션이 화면 쪽으로 떠오릅니다.

실제 화면 보기: 호버 패럴랙스 페이지의 Hover Card (새 탭에서 열림) 설정(문서의 Hover Card 블록)

Icon Browser 무료

활성화된 아이콘 팩의 모든 아이콘을 검색할 수 있는 참조 그리드입니다.

실제 화면 보기: 아이콘 페이지의 Icon Browser (새 탭에서 열림) 설정(문서의 Icon Browser 블록)

Inline SVG 무료

SVG 경로 데이터로 그린 벡터 아이콘입니다. 크기, 색상, viewBox, 레이어별 불투명도를 사이드바 컨트롤로 설정합니다.

실제 화면 보기: 가격 페이지의 Inline SVG (새 탭에서 열림) 설정(문서의 Inline SVG 블록)

Link Tiles 무료

아이콘과 라벨로 구성된 타일 그리드이며, 각 타일은 페이지로 연결됩니다. 존재하지 않는 페이지를 가리키는 타일은 제외됩니다.

실제 화면 보기: 목록 그룹 & 카드 페이지의 Link Tiles (새 탭에서 열림) 설정(문서의 Link Tiles 블록)

Lists & Cards 무료

여러 가지 스타일, 색상, 레이아웃을 갖춘 Bootstrap 기반 목록 그룹과 카드.

실제 화면 보기: 목록 그룹 & 카드 페이지의 Lists & Cards (새 탭에서 열림) 설정(문서의 Lists & Cards 블록)

Media Embed 무료

호스팅 서비스의 동영상이나 오디오, 직접 업로드한 파일, 또는 제공업체가 알려준 임베드 주소로 동영상 또는 오디오 플레이어를 페이지에 넣을 수 있습니다. 선택한 가로세로 비율에 맞춰 크기가 조정됩니다.

실제 화면 보기: 미디어 임베드 페이지의 Media Embed (새 탭에서 열림) 설정(문서의 Media Embed 블록)

Nav Tree 무료

들여쓰기된 다단계 링크 트리입니다. 사이드 패널이나 문서 사이드바에서 사용하는 내비게이션 목록입니다.

설정(문서의 Nav Tree 블록)

Navbar 무료

접을 수 있는 내비게이션 바입니다. 브랜드 로고, 햄버거 토글, 드롭다운 링크, 선택 사항인 뒤쪽 검색 양식, 버튼 또는 텍스트를 포함합니다.

실제 화면 보기: 내비게이션 페이지의 Navbar (새 탭에서 열림) 설정(문서의 Navbar 블록)

Overlay Content 무료

오버레이 안에 있는 하나의 콘텐츠 레이어: 정렬 가능하고, 선택적으로 마스크를 적용할 수 있으며, 트리거 아이콘과 중첩 블록을 포함합니다.

실제 화면 보기: 항목 오버레이 페이지의 Overlay Content (새 탭에서 열림) 설정(문서의 Overlay Content 블록)

Overlay Item 무료

이미지 카드 위에 오버레이를 겹친 구성입니다: 배지, 색조 레이어, 하나 이상의 오버레이 콘텐츠 레이어.

실제 화면 보기: 항목 오버레이 페이지의 Overlay Item (새 탭에서 열림) 설정(문서의 Overlay Item 블록)

페이지 제목 무료

페이지 제목 / 히어로 바입니다. 제목, 부제목, 브레드크럼을 넣고 정렬, 배경 이미지, 패럴랙스, 다크 색상 구성을 선택하세요.

실제 화면 보기: 페이지 제목 왼쪽 정렬 레이아웃 페이지의 페이지 제목 (새 탭에서 열림) 설정(문서의 페이지 제목 블록)

Page Title Buttons 무료

페이지 제목 영역의 액션 버튼입니다. 동적 모드에서는 각 페이지의 버튼을 읽어오고, 여기에서 직접 작성한 버튼을 렌더링합니다. 링크가 없는 버튼은 스크롤 트리거가 됩니다.

실제 화면 보기: 버튼 페이지의 Page Title Buttons (새 탭에서 열림) 설정(문서의 Page Title Buttons 블록)

Particles 무료

섹션용 애니메이션 파티클 배경 레이어입니다: 라인 웹, 스타필드, 버블, 눈, 로우 폴리 중에서 선택할 수 있습니다.

실제 화면 보기: Particles 페이지의 Particles (새 탭에서 열림) 설정(문서의 Particles 블록)

Preloader 무료

디자인 시스템의 로더 스타일 중 하나로 제공되는 애니메이션 CSS 로딩 표시기.

실제 화면 보기: 프리로더 페이지의 Preloader (새 탭에서 열림) 설정(문서의 Preloader 블록)

Pricing Switcher 모든 플랜에 포함

짝을 이룬 Pricing Table 블록 전체에서 월간/연간(또는 두 가지 상태) 가격 표시를 제어하는 토글 스위치입니다.

실제 화면 보기: 가격 페이지의 Pricing Switcher (새 탭에서 열림) 설정(문서의 Pricing Switcher 블록)

Q&A Item 무료

질문 하나와 그에 대한 답변을 각각 고유 마커와 함께 담은 블록으로, 인터뷰를 구성하는 기본 단위입니다.

실제 화면 보기: Jane Doe on Twenty Years of Building Type 페이지의 Q&A Item (새 탭에서 열림) 설정(문서의 Q&A Item 블록)

Rounded Skill 무료

백분율에 따라 채워지는 원형 스킬 링 하나로, 가운데에 수치, 직접 입력한 텍스트, 아이콘 또는 카운터를 표시합니다.

실제 화면 보기: 파이 & 스킬 페이지의 Rounded Skill (새 탭에서 열림) 설정(문서의 Rounded Skill 블록)

Scroll Arrow 모든 플랜에 포함

히어로 섹션용 애니메이션 스크롤 다운 화살표입니다. 지정한 섹션 앵커로 부드럽게 스크롤합니다.

실제 화면 보기: 크리스마스 세일 스토어 페이지의 Scroll Arrow (새 탭에서 열림) 설정(문서의 Scroll Arrow 블록)

Star Rating 무료

하나의 점수로 설정하는 별점입니다. 반쪽 별, 사용자 지정 아이콘, 선택 사항인 래퍼 요소를 지원합니다.

실제 화면 보기: 결과 페이지의 Star Rating (새 탭에서 열림) 설정(문서의 Star Rating 블록)

고객 후기 무료

고객의 후기를 그리드, 회전 캐러셀 또는 말풍선 형태로 보여 주며, 각 후기에 작성자, 사진, 별점을 표시합니다.

실제 화면 보기: 후기 & 트위터 페이지의 고객 후기 (새 탭에서 열림) 설정(문서의 고객 후기 블록)

썸네일 무료

마우스 오버 효과와 선택 사항인 캡션을 제공하는 이미지 썸네일 그리드입니다. 라이트박스와 링크 오버레이를 지원합니다.

설정(문서의 썸네일 블록)

Ticker 무료

항목, 방향, 속도, 스타일을 설정할 수 있는 스크롤 공지 티커입니다.

실제 화면 보기: 티커 페이지의 Ticker (새 탭에서 열림) 설정(문서의 Ticker 블록)

Twitter Feed 무료

페이지를 불러올 때 가져오는 계정의 최신 트윗을 순환하며 보여주는 피드입니다. 계정, 표시할 트윗 수, 위젯 레이아웃을 선택하세요.

실제 화면 보기: 위젯 페이지의 Twitter Feed (새 탭에서 열림) 설정(문서의 Twitter Feed 블록)

Alert 무료

Bootstrap alert 또는 Canvas style-msg 시스템을 사용하는 경고 및 알림 상자입니다. 채움형, 테두리형, 확장형 변형을 지원하며 아이콘과 닫기 버튼을 선택적으로 추가할 수 있습니다.

실제 화면 보기: 스타일 박스 페이지의 Alert (새 탭에서 열림) 설정(문서의 Alert 블록)

버튼 무료

스타일 변형, 크기, 모양, 색상, 아이콘, 호버 효과, 그림자 옵션을 모두 갖춘 버튼입니다.

실제 화면 보기: 버튼 페이지의 버튼 (새 탭에서 열림) 설정(문서의 버튼 블록)

Code Highlight 모든 플랜에 포함

Prism.js 기반의 구문 강조 코드 블록입니다. 15개 이상의 언어를 지원하며, 선택적으로 클립보드 복사 버튼을 제공합니다.

실제 화면 보기: 코드 하이라이터 페이지의 Code Highlight (새 탭에서 열림) 설정(문서의 Code Highlight 블록)

Counter 무료

아이콘, 접두사/접미사, 캡션 라벨을 포함한 애니메이션 숫자 카운터입니다.

실제 화면 보기: 카운터 페이지의 Counter (새 탭에서 열림) 설정(문서의 Counter 블록)

Divider 무료

아이콘 선택, 스타일 변형, 정렬, 너비 프리셋, 스크롤 이동 링크를 지원하는 가로 구분선입니다.

실제 화면 보기: 구분선 페이지의 Divider (새 탭에서 열림) 설정(문서의 Divider 블록)

Dropcap 무료

드롭캡 글자와 단락 텍스트를 함께 꾸미는 스타일 요소입니다. 상자형, 테두리형, 원형, 테두리 원형 변형과 왼쪽 또는 오른쪽 배치를 지원합니다.

실제 화면 보기: 제목 & 드롭캡 페이지의 Dropcap (새 탭에서 열림) 설정(문서의 Dropcap 블록)

제목 무료

Styled heading with optional subtitle. Supports Heading Block, Title Block, Emphasis Title, and Fancy Title types.

실제 화면 보기: 제목 & 드롭캡 페이지의 제목 (새 탭에서 열림) 설정(문서의 제목 블록)

Highlight 무료

마커, 밑줄, 그라디언트, 윤곽선, 텍스트 전용 등 설정 가능한 스타일 변형을 갖춘 강조 텍스트입니다. 선택적으로 앞뒤 주변 문구를 추가할 수 있으며, 블록 수준의 모든 HTML 태그를 지원합니다.

설정(문서의 Highlight 블록)

Icon Box 무료

아이콘, 제목, 설명이 있는 기능 상자입니다. 여러 아이콘 스타일, 크기, 레이아웃, 호버 효과를 지원합니다.

실제 화면 보기: 추천 박스 페이지의 Icon Box (새 탭에서 열림) 설정(문서의 Icon Box 블록)

Icon List 무료

반복 항목이 있는 아이콘 목록입니다. 각 항목에는 아이콘(CSS 클래스), 텍스트 라벨, 선택 사항인 링크가 있습니다. 기본, 큰, 매우 큰 크기 변형을 지원합니다.

실제 화면 보기: 아이콘 목록 페이지의 Icon List (새 탭에서 열림) 설정(문서의 Icon List 블록)

Login Form 모든 플랜에 포함

Canvas 스타일이 적용된 WordPress 로그인 양식을 렌더링합니다. 로그인한 사용자에게 환영 메시지를 표시합니다.

실제 화면 보기: 로그인 & 회원가입 페이지의 Login Form (새 탭에서 열림) 설정(문서의 Login Form 블록)

알림 무료

버튼 클릭으로 또는 페이지 로드 시 자동으로 실행되는 토스트 알림을 표시합니다.

실제 화면 보기: 알림 페이지의 알림 (새 탭에서 열림) 설정(문서의 알림 블록)

Page Title Breadcrumbs 무료

현재 페이지 또는 글의 탐색 경로(홈 > 상위 > 현재)를 표시합니다.

실제 화면 보기: 페이지 제목 왼쪽 정렬 레이아웃 페이지의 Page Title Breadcrumbs (새 탭에서 열림) 설정(문서의 Page Title Breadcrumbs 블록)

Page Title Heading 무료

페이지 또는 글 제목을 헤딩으로 렌더링합니다. 동적(컨텍스트) 및 정적(리터럴) 소스 모드를 지원합니다.

실제 화면 보기: 페이지 제목 왼쪽 정렬 레이아웃 페이지의 Page Title Heading (새 탭에서 열림) 설정(문서의 Page Title Heading 블록)

Page Title Subtitle 무료

페이지 부제목을 출력합니다. 동적 모드에서는 _canvas_page_subtitle 메타를 읽고, 정적 모드에서는 사용자 지정 텍스트를 표시합니다.

실제 화면 보기: 페이지 제목 왼쪽 정렬 레이아웃 페이지의 Page Title Subtitle (새 탭에서 열림) 설정(문서의 Page Title Subtitle 블록)

Plain Image 무료

figure 래퍼 없이 순수 img 요소를 사용하며, 클래스를 정확하게 지정하고, 선택적으로 링크를 추가하고, 선택적으로 레티나(2x) srcset 쌍을 지정합니다.

실제 화면 보기: Shape Dividers 페이지의 Plain Image (새 탭에서 열림) 설정(문서의 Plain Image 블록)

Portfolio Excerpt 모든 플랜에 포함

현재 포트폴리오 항목의 축약된 발췌문을 표시합니다.

실제 화면 보기: Imagination 열기 페이지의 Portfolio Excerpt (새 탭에서 열림) 설정(문서의 Portfolio Excerpt 블록)

Pricing Table 모든 플랜에 포함

유연한 가격 박스 카드입니다. 기본, 심플, 미니멀, 확장 레이아웃을 지원하며, 선택적으로 가격 전환 스위처, 기능 목록, CTA 버튼을 추가할 수 있습니다.

실제 화면 보기: 가격 페이지의 Pricing Table (새 탭에서 열림) 설정(문서의 Pricing Table 블록)

Process Steps 무료

번호 또는 아이콘이 있는 단계 표시기와 점선 연결선. 선택 사항으로 이전/다음 탐색 기능이 있는 Bootstrap 5 탭 콘텐츠를 사용할 수 있습니다.

실제 화면 보기: Process Steps 페이지의 Process Steps (새 탭에서 열림) 설정(문서의 Process Steps 블록)

Progress Bar 무료

퍼센트 카운터를 갖춘 애니메이션 스킬/진행률 막대, 가로 또는 세로 방향, Bootstrap 스트라이프 패턴.

실제 화면 보기: 진행 막대 & 스킬 페이지의 Progress Bar (새 탭에서 열림) 설정(문서의 Progress Bar 블록)

Promo Box 무료

제목, 부제목, CTA 버튼으로 구성된 프로모션용 행동 유도 상자입니다. 기본, 테두리, 밝은, 어두운 스타일을 지원합니다.

실제 화면 보기: 프로모 박스 페이지의 Promo Box (새 탭에서 열림) 설정(문서의 Promo Box 블록)

인용구 무료

기본 테두리, 아이콘 인용, 말풍선 스타일을 갖춘 인용구입니다. 역방향 정렬, 출처 푸터, 테두리 및 아이콘 색상 재정의(선택 사항)를 지원합니다.

실제 화면 보기: 인용구 & 블록 인용구 페이지의 인용구 (새 탭에서 열림) 설정(문서의 인용구 블록)

더 읽기 무료

더 보기 링크로 애니메이션과 함께 펼치거나 접을 수 있는 콘텐츠 영역입니다.

실제 화면 보기: 더 읽기 페이지의 더 읽기 (새 탭에서 열림) 설정(문서의 더 읽기 블록)

Register Form 모든 플랜에 포함

Canvas 스타일이 적용된 사용자 등록 양식입니다. WordPress 설정에서 사용자 등록이 활성화되어 있어야 합니다.

실제 화면 보기: 로그인 & 회원가입 페이지의 Register Form (새 탭에서 열림) 설정(문서의 Register Form 블록)

Shape Divider 무료

섹션 전환을 위한 장식용 SVG 모양 구분선입니다.

실제 화면 보기: Shape Dividers 페이지의 Shape Divider (새 탭에서 열림) 설정(문서의 Shape Divider 블록)

Social Icons 무료

마우스 오버 애니메이션, 다양한 스타일과 크기, 선택적 고정 위치 기능을 갖춘 소셜 아이콘 링크 그룹입니다.

실제 화면 보기: Social Icons 페이지의 Social Icons (새 탭에서 열림) 설정(문서의 Social Icons 블록)

Stat List 무료

굵은 값과 짧은 라벨로 구성된 수치 목록입니다. 예를 들어 경력 연수, 출시 횟수, 수상 내역 등을 보여 줍니다.

실제 화면 보기: 팀 페이지의 Stat List (새 탭에서 열림) 설정(문서의 Stat List 블록)

Styled Icon 무료

단독으로 쓰는 아이콘으로, 채움, 테두리, 기본 스타일과 모양 변형, 색상 옵션, 선택적 링크를 지원합니다.

실제 화면 보기: 스타일 아이콘 페이지의 Styled Icon (새 탭에서 열림) 설정(문서의 Styled Icon 블록)

Team Member 무료

사진, 이름, 직함, 소개, 소셜 링크, 수치를 갖춘 팀원 한 명을 카드, 명단 행, 통계 카드, 스택형 카드 또는 리더 포트레이트 형태로 표시합니다.

실제 화면 보기: 팀 페이지의 Team Member (새 탭에서 열림) 설정(문서의 Team Member 블록)

아코디언 무료

제목이 있는 패널을 쌓아 두고 열고 닫을 수 있어, 긴 질문 목록이나 참고 자료도 한 페이지에 담기고 방문자는 필요한 부분만 펼쳐 볼 수 있습니다.

실제 화면 보기: 토글 & 아코디언 페이지의 아코디언 (새 탭에서 열림) 설정(문서의 아코디언 블록)

AJAX Button 무료

외부 콘텐츠를 AJAX로 컨테이너에 불러오는 버튼입니다. 추가(append), 앞에 추가(prepend), 교체(replace) 삽입 모드를 지원합니다.

실제 화면 보기: AJAX Button 페이지의 AJAX Button (새 탭에서 열림) 설정(문서의 AJAX Button 블록)

캐러셀 무료

반응형 owl-carousel 슬라이더로, 브레이크포인트별 항목 수, 자동 재생, 탐색 화살표, 점, 라이트박스, 지연 로딩을 지원합니다.

실제 화면 보기: 캐러셀 페이지의 캐러셀 (새 탭에서 열림) 설정(문서의 캐러셀 블록)

카운트다운 모든 플랜에 포함

jQuery 카운트다운 플러그인 기반의 카운트다운 또는 카운트업 타이머입니다.

실제 화면 보기: 카운터 페이지의 카운트다운 (새 탭에서 열림) 설정(문서의 카운트다운 블록)

Flip Card 모든 플랜에 포함

앞면과 뒷면에 각각 배경을 설정할 수 있으며, 마우스를 올리면 뒤집히는 3D 플립 카드 하나입니다.

실제 화면 보기: Flip Cards 페이지의 Flip Card (새 탭에서 열림) 설정(문서의 Flip Card 블록)

Gallery 무료

메이슨리 레이아웃 지원, 열 개수 설정, 간격 조절, 선택 가능한 라이트박스를 갖춘 이미지 갤러리입니다.

실제 화면 보기: Gallery 페이지의 Gallery (새 탭에서 열림) 설정(문서의 Gallery 블록)

Cookie Consent 무료

개인정보 설정 모달과 서비스별 동의 토글을 갖춘 쿠키 동의 바.

실제 화면 보기: GDPR 레이아웃 2 페이지의 Cookie Consent (새 탭에서 열림) 설정(문서의 Cookie Consent 블록)

Hover 3D 무료

마우스를 움직일 때 테마 JS 모듈로 작동하는 CSS 원근 기울기 효과가 적용된 카드입니다.

설정(문서의 Hover 3D 블록)

Image Compare 모든 플랜에 포함

구성 가능한 방향, 오프셋, 핸들 스타일, 측면 라벨을 갖춘 전후 이미지 비교 슬라이더.

실제 화면 보기: Image Compare 페이지의 Image Compare (새 탭에서 열림) 설정(문서의 Image Compare 블록)

Image Hotspot 모든 플랜에 포함

마우스를 올리거나 클릭하면 툴팁이 표시되는 핫스팟 핀이 배치된 인터랙티브 이미지입니다.

실제 화면 보기: Image Hotspots 페이지의 Image Hotspot (새 탭에서 열림) 설정(문서의 Image Hotspot 블록)

Image Slider 모든 플랜에 포함

FlexSlider 기반 이미지 슬라이더로, 슬라이드/페이드 애니메이션, 자동 재생, 화살표, 점, 썸네일 내비게이션, 터치 스와이프를 지원합니다.

실제 화면 보기: 이미지 슬라이더 페이지의 Image Slider (새 탭에서 열림) 설정(문서의 Image Slider 블록)

Modal 모든 플랜에 포함

버튼이나 링크에서 모달/팝업 대화상자를 띄우거나, 페이지가 로드될 때 자동으로 열리도록 설정합니다.

실제 화면 보기: 모달 & 팝오버 페이지의 Modal (새 탭에서 열림) 설정(문서의 Modal 블록)

Nav 무료

탭형, 필형, 밑줄형 내비게이션 스트립으로, 활성 및 비활성 상태와 한 단계 드롭다운을 지원합니다.

실제 화면 보기: 내비게이션 페이지의 Nav (새 탭에서 열림) 설정(문서의 Nav 블록)

Off-Canvas 무료

버튼이나 링크로 열리는 Bootstrap 5 오프캔버스 슬라이딩 패널입니다(시작 / 끝 / 위 / 아래).

실제 화면 보기: Bootstrap Off-Canvas 페이지의 Off-Canvas (새 탭에서 열림) 설정(문서의 Off-Canvas 블록)

Pagination 무료

원형, 둥근 모서리, 필, 3D, 투명 또는 버튼 스타일과 세 가지 크기, 모든 정렬을 지원하는 페이지네이션 행.

실제 화면 보기: 페이지네이션 & 진행률 막대 페이지의 Pagination (새 탭에서 열림) 설정(문서의 Pagination 블록)

Parallax Image 모든 플랜에 포함

오버레이와 콘텐츠를 선택적으로 추가할 수 있는 전체 너비 패럴랙스 이미지 섹션입니다.

실제 화면 보기: 패럴랙스 요소 페이지의 Parallax Image (새 탭에서 열림) 설정(문서의 Parallax Image 블록)

Scroll Reveal 모든 플랜에 포함

사용자가 페이지를 아래로 스크롤하면 콘텐츠가 자연스럽게 나타나도록 애니메이션을 적용합니다.

설정(문서의 Scroll Reveal 블록)

Slider 모든 플랜에 포함

원하는 Canvas 슬라이더를 선택하면 사이트 어디에든 삽입할 수 있습니다. 슬라이드, 효과, 내비게이션, 높이는 슬라이더 자체에서 설정합니다.

실제 화면 보기: 홈 리빙 & 인테리어 데코레이션 페이지의 Slider (새 탭에서 열림) 설정(문서의 Slider 블록)

Tab Strip 무료

패널이 페이지의 다른 곳에 있는 일반 블록으로 구성되는 탭 스트립입니다.

실제 화면 보기: 사용자 프로필 페이지의 Tab Strip (새 탭에서 열림) 설정(문서의 Tab Strip 블록)

탭 무료

관련 콘텐츠를 이름이 붙은 탭으로 나누면 방문자가 한 번에 한 섹션씩 읽을 수 있습니다. 덕분에 긴 비교 페이지나 사양 페이지도 훑어보기 좋은 길이로 유지됩니다.

실제 화면 보기: 탭 페이지의 탭 (새 탭에서 열림) 설정(문서의 탭 블록)

Text Fill Scroll 모든 플랜에 포함

요소가 화면에 나타나면서 텍스트 색상이 점차 채워집니다.

설정(문서의 Text Fill Scroll 블록)

Text Rotator 무료

제목 요소 안에서 회전하거나 타이핑되는 애니메이션 텍스트.

실제 화면 보기: 제목 & 드롭캡 페이지의 Text Rotator (새 탭에서 열림) 설정(문서의 Text Rotator 블록)

Toggle 무료

하나의 콘텐츠를 방문자가 클릭해야 펼쳐지는 제목 뒤에 숨깁니다. 긴 답변이나 기본적으로 페이지를 차지하지 않아야 할 용어 목록에 적합합니다.

실제 화면 보기: 토글 & 아코디언 페이지의 Toggle (새 탭에서 열림) 설정(문서의 Toggle 블록)

Video Facade 무료

썸네일 이미지 뒤에 있는 지연 로딩 동영상 임베드입니다. iframe은 클릭할 때만 로드되어 페이지가 더 빨라집니다.

설정(문서의 Video Facade 블록)

YouTube Background 무료

오버레이 콘텐츠 뒤에서 음소거된 채 배경처럼 재생되는 YouTube 영상입니다.

실제 화면 보기: 이벤트 싱글 | 전체 너비 비디오 페이지의 YouTube Background (새 탭에서 열림) 설정(문서의 YouTube Background 블록)

Conference Tickets 모든 플랜에 포함

티켓 제품 카테고리를 위한 가격 박스로, 각 박스에는 수량 선택 드롭다운과 실시간 장바구니 담기 링크가 있습니다.

실제 화면 보기: 티켓 페이지의 Conference Tickets (새 탭에서 열림) 설정(문서의 Conference Tickets 블록)

Store Price Filter 모든 플랜에 포함

페이지 이동 없이 상품 그리드를 필터링하는 두 개의 핸들을 가진 가격 범위 컨트롤입니다.

실제 화면 보기: 필터가 있는 쇼핑몰 페이지의 Store Price Filter (새 탭에서 열림) 설정(문서의 Store Price Filter 블록)

위시리스트 무료

쇼핑객이 저장한 상품을 가격, 재고, 장바구니 담기 버튼과 함께 보여줍니다. 테마 옵션의 위시리스트에서 선택한 페이지에 배치하세요.

설정(문서의 위시리스트 블록)

위시리스트 버튼 무료

현재 제품을 고객의 위시리스트에 저장합니다. 제품 템플릿과 제품 카드에서 사용하세요.

설정(문서의 위시리스트 버튼 블록)

Add to Cart 모든 플랜에 포함

현재 제품의 WooCommerce 장바구니 담기 양식을 표시하며, 선택 사항으로 수량 입력란을 제공합니다.

실제 화면 보기: 체크 숏 드레스 페이지의 Add to Cart (새 탭에서 열림) 설정(문서의 Add to Cart 블록)

Cart Table 모든 플랜에 포함

품목, 수량, 합계가 포함된 WooCommerce 장바구니 테이블을 표시합니다.

실제 화면 보기: 장바구니 페이지의 Cart Table (새 탭에서 열림) 설정(문서의 Cart Table 블록)

Cart Totals 모든 플랜에 포함

소계, 배송비, 결제 버튼을 포함한 WooCommerce 장바구니 합계 패널을 표시합니다.

실제 화면 보기: 장바구니 페이지의 Cart Totals (새 탭에서 열림) 설정(문서의 Cart Totals 블록)

Checkout Billing 모든 플랜에 포함

WooCommerce 결제 청구 주소 양식을 표시합니다.

설정(문서의 Checkout Billing 블록)

Checkout Order Review 모든 플랜에 포함

품목별 내역과 합계가 포함된 WooCommerce 체크아웃 주문 검토 요약을 표시합니다.

설정(문서의 Checkout Order Review 블록)

Cross-Sells 모든 플랜에 포함

현재 WooCommerce 장바구니의 교차 판매 상품을 표시합니다. 장바구니가 활성 상태이고 교차 판매 상품이 포함된 경우에만 렌더링됩니다.

실제 화면 보기: 장바구니 페이지의 Cross-Sells (새 탭에서 열림) 설정(문서의 Cross-Sells 블록)

WooCommerce Notices 모든 플랜에 포함

오류, 성공 메시지, 안내 메시지 등 WooCommerce 알림을 표시합니다.

실제 화면 보기: 장바구니 페이지의 WooCommerce Notices (새 탭에서 열림) 설정(문서의 WooCommerce Notices 블록)

Product Carousel 모든 플랜에 포함

owl-carousel로 WooCommerce 제품을 스크롤 가능하게 표시합니다. 자동 재생, 탐색 화살표, 점, 반응형 브레이크포인트를 지원합니다.

실제 화면 보기: 캐러셀 페이지의 Product Carousel (새 탭에서 열림) 설정(문서의 Product Carousel 블록)

Product Categories 모든 플랜에 포함

WooCommerce 제품 카테고리를 썸네일, 이름, 제품 수가 포함된 반응형 카드 그리드로 표시합니다.

실제 화면 보기: 블루 라운드넥 티셔츠 페이지의 Product Categories (새 탭에서 열림) 설정(문서의 Product Categories 블록)

Product Gallery Linker 모든 플랜에 포함

클릭한 이미지로 제품 갤러리 캐러셀을 이동시키는 썸네일 스트립입니다.

실제 화면 보기: 남성용 에비에이터 선글라스 페이지의 Product Gallery Linker (새 탭에서 열림) 설정(문서의 Product Gallery Linker 블록)

Product Images 모든 플랜에 포함

WooCommerce 상품의 대표 이미지와 선택적 갤러리 썸네일을 표시합니다.

실제 화면 보기: 체크 숏 드레스 페이지의 Product Images (새 탭에서 열림) 설정(문서의 Product Images 블록)

Product Meta 모든 플랜에 포함

SKU, 카테고리, 태그가 포함된 제품 메타 카드를 표시합니다.

실제 화면 보기: 체크 숏 드레스 페이지의 Product Meta (새 탭에서 열림) 설정(문서의 Product Meta 블록)

Product Price 모든 플랜에 포함

할인가와 통화 서식을 포함해 WooCommerce 상품 가격을 표시합니다.

실제 화면 보기: 체크 숏 드레스 페이지의 Product Price (새 탭에서 열림) 설정(문서의 Product Price 블록)

Product Rating 모든 플랜에 포함

현재 WooCommerce 제품의 별점과 선택 사항인 리뷰 개수를 표시합니다.

실제 화면 보기: 체크 숏 드레스 페이지의 Product Rating (새 탭에서 열림) 설정(문서의 Product Rating 블록)

Product Share 모든 플랜에 포함

현재 WooCommerce 상품의 소셜 공유 링크가 담긴 “Share:” 카드를 표시합니다.

실제 화면 보기: 체크 숏 드레스 페이지의 Product Share (새 탭에서 열림) 설정(문서의 Product Share 블록)

Product Short Description 모든 플랜에 포함

단락 구조를 그대로 유지한 채 상품 짧은 설명을 표시합니다.

실제 화면 보기: 체크 숏 드레스 페이지의 Product Short Description (새 탭에서 열림) 설정(문서의 Product Short Description 블록)

Product Tabs 모든 플랜에 포함

WooCommerce 제품 데이터 탭을 표시합니다: 설명, 추가 정보, 리뷰.

실제 화면 보기: 체크 숏 드레스 페이지의 Product Tabs (새 탭에서 열림) 설정(문서의 Product Tabs 블록)

제품 모든 플랜에 포함

WooCommerce 상품을 그리드 또는 목록 레이아웃으로 표시합니다. 출처, 카테고리, 태그, 정렬 순서로 필터링하세요.

실제 화면 보기: 제품 페이지의 제품 (새 탭에서 열림) 설정(문서의 제품 블록)

Related Products 모든 플랜에 포함

현재 상품과 관련된 WooCommerce 상품 그리드를 표시합니다. 단일 상품 템플릿에서만 렌더링됩니다.

실제 화면 보기: 체크 숏 드레스 페이지의 Related Products (새 탭에서 열림) 설정(문서의 Related Products 블록)

Variation Swatches 모든 플랜에 포함

가변 상품의 옵션을 고르는 색상 점 또는 알약 모양 버튼입니다.

실제 화면 보기: 핑크 프린트 드레스 페이지의 Variation Swatches (새 탭에서 열림) 설정(문서의 Variation Swatches 블록)

App Menu 무료

작은 기기에서 화면 하단에 고정되는 앱 스타일 내비게이션 바입니다.

실제 화면 보기: 메뉴 - 앱 스타일 1 페이지의 App Menu (새 탭에서 열림) 설정(문서의 App Menu 블록)

Color Scheme Toggle 무료

방문자용 다크 모드 전환 스위치입니다. 테마 옵션 > 색 구성표 > 다크 모드에서 다크 모드 전환이 켜져 있고 헤더를 포함하는 위치로 설정된 동안 사이트에 표시됩니다.

설정(문서의 Color Scheme Toggle 블록)

Header Button 무료

헤더 빌더로 만든 헤더에 넣는 콜 투 액션 버튼 또는 링크이며, 테마의 버튼 클래스 스타일이 적용됩니다.

실제 화면 보기: 홈 페이지의 Header Button (새 탭에서 열림) 설정(문서의 Header Button 블록)

Header Cart 무료

직접 구성한 헤더를 위한 WooCommerce 미니 장바구니 아이콘 및 드롭다운입니다. WooCommerce가 비활성화되어 있으면 아무것도 표시되지 않습니다.

실제 화면 보기: 홈 페이지의 Header Cart (새 탭에서 열림) 설정(문서의 Header Cart 블록)

Header Container 무료

구성한 헤더의 루트 역할을 합니다. 내부에 로고, 내비게이션 및 기타 헤더 요소를 끌어다 놓으세요.

실제 화면 보기: 이탈리안 레스토랑 페이지의 Header Container (새 탭에서 열림) 설정(문서의 Header Container 블록)

Header Icon Link 무료

구축된 헤더에서 아이콘만 표시하는 단일 링크입니다(위시리스트, 계정, 사용자, 장바구니 트리거, 로그인 모달). .header-misc-icon 마크업을 사용합니다.

실제 화면 보기: 헤더 SaaS 페이지의 Header Icon Link (새 탭에서 열림) 설정(문서의 Header Icon Link 블록)

Header Info 무료

헤더를 구성하기 위한 작은 인라인 정보/연락처 요소(전화번호, 이메일, 영업시간 또는 텍스트)로, 선택적으로 아이콘과 링크를 추가할 수 있습니다.

실제 화면 보기: 메뉴 - 스타일 7 페이지의 Header Info (새 탭에서 열림) 설정(문서의 Header Info 블록)

Header Logo 무료

구성된 헤더의 사이트 로고입니다. 기본값으로 테마 옵션의 ‘사이트 로고’를 사용하며, 원하는 이미지로 대체할 수도 있습니다.

실제 화면 보기: 이탈리안 레스토랑 페이지의 Header Logo (새 탭에서 열림) 설정(문서의 Header Logo 블록)

Header Navigation 무료

구성된 헤더용 기본 내비게이션 메뉴입니다. 메뉴와 정렬 방식을 선택하세요.

실제 화면 보기: 이탈리안 레스토랑 페이지의 Header Navigation (새 탭에서 열림) 설정(문서의 Header Navigation 블록)

Header Root 무료

구성된 헤더의 가장 바깥쪽 요소입니다. 변형 클래스와 테마의 스티키 헤더 스크립트가 읽는 data-sticky-* 속성을 포함합니다. 그 안에 #header-wrap 그룹(및 그 밖의 헤더 콘텐츠)을 넣으세요.

실제 화면 보기: 홈 페이지의 Header Root (새 탭에서 열림) 설정(문서의 Header Root 블록)

Header Search 무료

헤더 검색 토글입니다. 테마 검색 드롭다운이 연결된 #top-search 트리거를 출력합니다.

실제 화면 보기: 홈 페이지의 Header Search (새 탭에서 열림) 설정(문서의 Header Search 블록)

Header Shop Search 무료

헤더 행에 항상 표시되는 제품 검색 필드입니다. 헤더 검색 토글을 대신하며, 스토어프론트와 디렉터리에 적합합니다. 기본 아이콘만 있는 단순 필드 또는 제출 버튼이 있는 입력 그룹 중에서 고르세요.

실제 화면 보기: 헤더 디렉터리 페이지의 Header Shop Search (새 탭에서 열림) 설정(문서의 Header Shop Search 블록)

Header Side Panel Trigger 무료

사이드 패널을 여는 헤더 아이콘입니다. 테마 옵션에서 사이드 패널이 켜져 있을 때에만 표시됩니다.

설정(문서의 Header Side Panel Trigger 블록)

Header Social 무료

구축된 헤더용 소셜 / 연락처 아이콘 링크 줄. top-social 마크업과 스타일을 사용합니다.

실제 화면 보기: 온라인 패션 스토어 - 쇼핑몰 사이드바 페이지의 Header Social (새 탭에서 열림) 설정(문서의 Header Social 블록)

Header Topbar 무료

The slim utility row above a built header (#top-bar): drop Top Links, Header Social, Header Info, or a Language Switcher inside.

설정(문서의 Header Topbar 블록)

Header Wishlist 무료

헤더에 있는 하트 아이콘으로, 위시리스트로 연결되며 저장된 상품 수를 표시합니다.

설정(문서의 Header Wishlist 블록)

Header Zone 무료

Header Container 행 안에 배치하는 위치 지정 슬롯입니다. 로고, 내비게이션 또는 헤더 요소 몇 개를 묶어 넣은 다음, 정렬, 순서, 표시 여부 필드를 사용해 위치를 지정하세요.

실제 화면 보기: 이탈리안 레스토랑 페이지의 Header Zone (새 탭에서 열림) 설정(문서의 Header Zone 블록)

Icon Nav List 무료

세로형 Bootstrap .nav 아이콘 링크 목록(nav-item > nav-link > 아이콘 + 텍스트)으로, 오프캔버스 메뉴 패널에서 사용됩니다.

실제 화면 보기: 사용자 프로필 페이지의 Icon Nav List (새 탭에서 열림) 설정(문서의 Icon Nav List 블록)

Language Switcher 무료

만든 헤더에 쓰는 간결한 언어 드롭다운입니다. 현재 언어를 표시하고 다른 언어를 나열하며, primary-menu with-arrows 마크업을 사용합니다.

설정(문서의 Language Switcher 블록)

Mega Menu Column 모든 플랜에 포함

단일 메가 메뉴 열(.mega-menu-column): 제목과 링크 목록, 일반 링크 또는 자유 위젯 콘텐츠. 메가 메뉴 콘텐츠로 Row 블록 안에 하나 이상 배치하세요(외모 > 메뉴 > 메가 메뉴에서는 바깥 패널 유형과 스타일을 여전히 설정합니다).

실제 화면 보기: 메가 메뉴 페이지의 Mega Menu Column (새 탭에서 열림) 설정(문서의 Mega Menu Column 블록)

Page Menu 무료

스티키 및 사이드 도트 변형을 제공하는 서브 헤더 페이지 내비게이션 바입니다. 한 페이지 앵커 스크롤 또는 일반 링크를 사용할 수 있습니다. 페이지당 하나만 사용하세요.

실제 화면 보기: 하위 메뉴가 있는 페이지 페이지의 Page Menu (새 탭에서 열림) 설정(문서의 Page Menu 블록)

상단 링크 무료

상단 바 링크 메뉴로, 선택 사항인 단일 수준 드롭다운을 포함할 수 있으며 .top-links 마크업과 스타일을 사용합니다.

실제 화면 보기: 온라인 패션 스토어 - 쇼핑몰 사이드바 페이지의 상단 링크 (새 탭에서 열림) 설정(문서의 상단 링크 블록)

Column 무료

반응형 그리드 열(.col-*)입니다. 브레이크포인트별 너비를 설정하고, 원하는 콘텐츠를 안에 배치하세요.

실제 화면 보기: 컬럼 & 그리드 페이지의 Column (새 탭에서 열림) 설정(문서의 Column 블록)

Container 무료

반응형 .container 래퍼입니다. 행과 열을 그 안에 배치해 섹션 레이아웃을 구성하세요.

설정(문서의 Container 블록)

Copyrights 무료

푸터 저작권 바의 구성 요소입니다. 링크가 포함된 저작권 문구 또는 인라인 링크 메뉴입니다. 두 가지를 나란히 배치하려면 Wrapper의 Copyrights Bar 변형을 삽입하세요.

실제 화면 보기: 푸터 - 레이아웃 2 페이지의 Copyrights (새 탭에서 열림) 설정(문서의 Copyrights 블록)

Footer About 무료

푸터 ‘About’ 열로, 로고, 설명, 선택 사항인 주소를 포함하며 .footer-logo 마크업을 사용합니다.

실제 화면 보기: 푸터 - 레이아웃 2 페이지의 Footer About (새 탭에서 열림) 설정(문서의 Footer About 블록)

Footer Contacts 무료

.footer-big-contacts 마크업과 스타일을 사용하는 대형 라벨/값 연락처 행입니다.

실제 화면 보기: 푸터 - 레이아웃 3 페이지의 Footer Contacts (새 탭에서 열림) 설정(문서의 Footer Contacts 블록)

Footer Instagram 무료

푸터 Instagram / 사진 스트림 위젯: 선택적 링크가 있는 메이슨리 이미지 그리드이며 .masonry-thumbs 마크업을 사용합니다.

실제 화면 보기: 푸터 - 레이아웃 4 페이지의 Footer Instagram (새 탭에서 열림) 설정(문서의 Footer Instagram 블록)

Footer Widget Area 무료

The root of a built footer widget row: drop Footer About, Widget Links, Footer Contacts, Subscribe, or Footer Instagram blocks inside.

실제 화면 보기: 푸터 - 레이아웃 2 페이지의 Footer Widget Area (새 탭에서 열림) 설정(문서의 Footer Widget Area 블록)

Grid Filter 모든 플랜에 포함

Isotope 카테고리 필터 바(.grid-filter)는 Isotope 필터링이 가능한 그리드를 제어합니다. 항목은 분류 체계 또는 수동 목록에서 가져옵니다.

실제 화면 보기: 포트폴리오 필터 스타일 페이지의 Grid Filter (새 탭에서 열림) 설정(문서의 Grid Filter 블록)

Hero 무료

각 페이지의 Hero 패널에서 지정한 Hero 또는 직접 선택한 Hero 하나를 렌더링합니다. Hero는 Canvas → Heroes에서 구성할 수 있습니다.

실제 화면 보기: 섹션 페이지의 Hero (새 탭에서 열림) 설정(문서의 Hero 블록)

Image Element 무료

figure 요소나 캡션 없이 사용하는 기본 이미지입니다. 로고나 배지처럼 다른 콘텐츠 옆에 인라인으로 놓이는 이미지에 적합합니다.

실제 화면 보기: 홈 페이지의 Image Element (새 탭에서 열림) 설정(문서의 Image Element 블록)

Inline Contact 무료

아이콘과 텍스트로 구성된 연락처 항목(이메일, 전화, Skype 등)을 가운뎃점(·) 구분자로 한 줄에 나열한 인라인 묶음입니다. #copyrights 바의 연락처 줄에 해당합니다.

실제 화면 보기: 연락처 페이지의 Inline Contact (새 탭에서 열림) 설정(문서의 Inline Contact 블록)

Inline Text 무료

컨테이너 안에 바로 놓여 있고 자체 단락이나 span이 없는 텍스트 구간입니다. 말단 인라인 요소만 해당합니다.

실제 화면 보기: 전체 너비 레이아웃 페이지의 Inline Text (새 탭에서 열림) 설정(문서의 Inline Text 블록)

Line Break 무료

간격 조절용으로 쓰는 단일 줄바꿈입니다. 고급 패널에서 반응형 클래스를 추가하면 일부 화면 크기에서만 행을 나눌 수 있습니다.

실제 화면 보기: 호버 패럴랙스 페이지의 Line Break (새 탭에서 열림) 설정(문서의 Line Break 블록)

페이지 제목 무료

각 페이지가 헤더 아래에 표시하는 페이지 제목 밴드를 렌더링합니다. 페이지별 ‘페이지 제목’ 패널과 테마 옵션에서 설정합니다. 밴드 자체는 페이지 제목 템플릿 파트입니다.

실제 화면 보기: 페이지 제목 왼쪽 정렬 레이아웃 페이지의 페이지 제목 (새 탭에서 열림) 설정(문서의 페이지 제목 블록)

Quantity Input 무료

.quantity 스테퍼: 양쪽에 빼기/더하기 버튼이 붙은 숫자 입력란입니다. 정적이고 제품에 구애받지 않으며, "Add to Cart" 행을 만들려면 버튼과 함께 사용하세요.

실제 화면 보기: 장바구니 수량 페이지의 Quantity Input (새 탭에서 열림) 설정(문서의 Quantity Input 블록)

Row 무료

그리드 행입니다. 내부에 Canvas Column 블록을 배치하면 반응형 그리드로 콘텐츠를 배치할 수 있습니다.

실제 화면 보기: 컬럼 & 그리드 페이지의 Row (새 탭에서 열림) 설정(문서의 Row 블록)

Page Slider 무료

각 페이지가 슬라이더 패널에서 지정한 슬라이더 또는 직접 선택한 슬라이더 하나를 렌더링합니다. 슬라이드, 효과, 높이는 슬라이더 자체에서 설정합니다.

실제 화면 보기: Canvas Slider 페이지의 Page Slider (새 탭에서 열림) 설정(문서의 Page Slider 블록)

Widget Links 무료

푸터 링크 목록 열로, .widget_links 마크업과 스타일을 사용합니다.

실제 화면 보기: 위젯 페이지의 Widget Links (새 탭에서 열림) 설정(문서의 Widget Links 블록)

Wrapper 무료

지정한 클래스만 가지며 다른 블록을 내부에 담는 순수 HTML 요소입니다. 편집기 클래스를 추가하지 않고 정확한 래퍼 요소가 필요한 디자인에 사용하세요.

실제 화면 보기: 섹션 페이지의 Wrapper (새 탭에서 열림) 설정(문서의 Wrapper 블록)

컨퍼런스 프로그램 모든 플랜에 포함

이벤트 레코드로 만든, 날짜별 탭이 있는 세션 일정 또는 다가오는 이벤트 카드 목록.

실제 화면 보기: Canvas 개발 컨퍼런스 페이지의 컨퍼런스 프로그램 (새 탭에서 열림) 설정(문서의 컨퍼런스 프로그램 블록)

Event Archive Grid 모든 플랜에 포함

메인 쿼리(아카이브 + 카테고리)용 이벤트 그리드. event-entry-grid 파셜과 공용 페이지네이션을 사용합니다.

실제 화면 보기: 이벤트 페이지의 Event Archive Grid (새 탭에서 열림) 설정(문서의 Event Archive Grid 블록)

Event Categories 모든 플랜에 포함

현재 이벤트에 지정된 카테고리를 표시합니다. 텍스트, 배지, 필 스타일을 지원합니다. canvas_event 게시물 유형에서만 렌더링됩니다.

설정(문서의 Event Categories 블록)

Event Content 모든 플랜에 포함

현재 이벤트의 전체 게시물 콘텐츠를 the_content 필터를 통해 렌더링합니다. canvas_event 게시물 유형에서만 렌더링됩니다.

실제 화면 보기: Event Single 페이지의 Event Content (새 탭에서 열림) 설정(문서의 Event Content 블록)

Event Date 모든 플랜에 포함

이벤트 시작일과 종료일을 달력 아이콘과 선택적인 시간과 함께 표시합니다. canvas_event 게시물 유형에서만 렌더링됩니다.

설정(문서의 Event Date 블록)

Event Excerpt 모든 플랜에 포함

현재 이벤트의 짧은 요약을 표시합니다.

설정(문서의 Event Excerpt 블록)

Event Image 모든 플랜에 포함

현재 이벤트의 대표 이미지를 표시합니다. canvas_event 게시물 유형에서만 출력됩니다.

실제 화면 보기: Event Single 페이지의 Event Image (새 탭에서 열림) 설정(문서의 Event Image 블록)

Event Location 모든 플랜에 포함

선택 사항인 Google Maps 링크와 위치 아이콘과 함께 이벤트 장소의 이름과 주소를 표시합니다. canvas_event 게시물 유형에서만 렌더링됩니다.

설정(문서의 Event Location 블록)

Event Meta 모든 플랜에 포함

날짜, 위치, 주최자, 가격 등 이벤트 메타데이터를 표시합니다. 각 필드는 독립적으로 켜고 끌 수 있습니다. canvas_event 게시물 유형에서만 표시됩니다.

실제 화면 보기: 이벤트 싱글 | 양쪽 사이드바 페이지의 Event Meta (새 탭에서 열림) 설정(문서의 Event Meta 블록)

Event Navigation 모든 플랜에 포함

이전 및 다음 이벤트 탐색 링크를 표시하며, 라벨과 선택적 미리보기 이미지를 설정할 수 있습니다. canvas_event 글 유형에서만 표시됩니다.

실제 화면 보기: 이벤트 싱글 | 양쪽 사이드바 페이지의 Event Navigation (새 탭에서 열림) 설정(문서의 Event Navigation 블록)

Event Organizer 모든 플랜에 포함

이벤트 주최자를 표시하며, 선택적으로 웹사이트 링크와 사람 아이콘을 함께 보여 줍니다. canvas_event 게시물 유형에서만 렌더링됩니다.

설정(문서의 Event Organizer 블록)

Event Posts 모든 플랜에 포함

반응형 카드 그리드에서 canvas_event 게시물을 조회하고 표시합니다. 예정, 지난, 전체 이벤트별 필터링을 지원합니다. 모든 페이지에 배치할 수 있습니다.

실제 화면 보기: 이벤트 목록 페이지의 Event Posts (새 탭에서 열림) 설정(문서의 Event Posts 블록)

Event Price 모든 플랜에 포함

이벤트 가격을 표시하며, 가격이 설정되지 않은 경우 설정 가능한 무료 라벨을 표시합니다. 텍스트 및 배지 스타일을 지원합니다. canvas_event 포스트 타입에서만 렌더링됩니다.

설정(문서의 Event Price 블록)

Related Events 모든 플랜에 포함

공유된 카테고리를 기준으로 관련 이벤트의 그리드를 표시합니다. canvas_event 게시물 유형에서만 렌더링됩니다.

실제 화면 보기: Spring Music Fest 페이지의 Related Events (새 탭에서 열림) 설정(문서의 Related Events 블록)

Event Title 모든 플랜에 포함

현재 이벤트 제목을 설정 가능한 제목 태그 안에 표시하며, 선택적으로 고유 링크(퍼머링크)를 붙일 수 있습니다. canvas_event 글 유형에서만 렌더링됩니다.

설정(문서의 Event Title 블록)

Events Calendar 모든 플랜에 포함

이벤트를 월간 격자형 캘린더로 보여 줍니다. 이전, 다음, 오늘 이동 컨트롤이 있으며, 각 날짜는 그날 열리는 이벤트로 연결됩니다.

실제 화면 보기: Events Calendar 페이지의 Events Calendar (새 탭에서 열림) 설정(문서의 Events Calendar 블록)

Portfolio Archive Grid 모든 플랜에 포함

기본 쿼리(아카이브 + 카테고리)용 포트폴리오 그리드. portfolio-entry-grid 파셜과 #portfolio 오버레이 그리드를 사용합니다.

실제 화면 보기: 포트폴리오 페이지의 Portfolio Archive Grid (새 탭에서 열림) 설정(문서의 Portfolio Archive Grid 블록)

Portfolio Categories 모든 플랜에 포함

현재 포트폴리오 프로젝트에 지정된 분류 카테고리를 표시합니다. 포트폴리오 단일 템플릿 안에서 사용하세요.

실제 화면 보기: Meridian 브랜드 아이덴티티 페이지의 Portfolio Categories (새 탭에서 열림) 설정(문서의 Portfolio Categories 블록)

Portfolio Content 모든 플랜에 포함

현재 포트폴리오 프로젝트의 전체 콘텐츠를 표시합니다. 포트폴리오 단일 템플릿 안에서 사용하세요.

실제 화면 보기: Imagination 열기 페이지의 Portfolio Content (새 탭에서 열림) 설정(문서의 Portfolio Content 블록)

Portfolio Image 모든 플랜에 포함

현재 포트폴리오 프로젝트의 미디어 영역을 표시합니다. 대표 이미지, 갤러리 슬라이더, 프로젝트 영상 또는 썸네일 그리드가 여기에 해당합니다. 포트폴리오 단일 템플릿 안에서 사용하세요.

실제 화면 보기: Imagination 열기 페이지의 Portfolio Image (새 탭에서 열림) 설정(문서의 Portfolio Image 블록)

Portfolio Meta 모든 플랜에 포함

포트폴리오 프로젝트의 세부 정보(클라이언트, 날짜, 기술, URL)를 표시합니다. 포트폴리오 단일 템플릿 안에서 사용하세요.

실제 화면 보기: Imagination 열기 페이지의 Portfolio Meta (새 탭에서 열림) 설정(문서의 Portfolio Meta 블록)

Portfolio Navigation 모든 플랜에 포함

이전 및 다음 포트폴리오 프로젝트 탐색 링크를 표시합니다. 포트폴리오 단일 템플릿 안에서 사용하세요.

실제 화면 보기: Imagination 열기 페이지의 Portfolio Navigation (새 탭에서 열림) 설정(문서의 Portfolio Navigation 블록)

Portfolio Related 모든 플랜에 포함

공통 카테고리를 기준으로 관련 포트폴리오 프로젝트를 표시합니다. 포트폴리오 단일 템플릿 내부에서 사용하세요.

실제 화면 보기: Imagination 열기 페이지의 Portfolio Related (새 탭에서 열림) 설정(문서의 Portfolio Related 블록)

Portfolio Title 모든 플랜에 포함

현재 포트폴리오 프로젝트 제목을 표시합니다. 포트폴리오 단일 템플릿 내부에서 사용하세요.

실제 화면 보기: Meridian 브랜드 아이덴티티 페이지의 Portfolio Title (새 탭에서 열림) 설정(문서의 Portfolio Title 블록)

Form 모든 플랜에 포함

실제로 작동하는 양식입니다. 내부에 Form Field 및 Form Submit 블록을 배치하면 제출 내용이 검증, 저장되고 이메일로 전송됩니다.

실제 화면 보기: 폼 스타일 페이지의 Form (새 탭에서 열림) 설정(문서의 Form 블록)

Form Embed 모든 플랜에 포함

Form ID를 선택하면 사이트 어디에서나 Canvas 폼을 삽입할 수 있습니다.

실제 화면 보기: 쇼핑몰 인덱스 페이지의 Form Embed (새 탭에서 열림) 설정(문서의 Form Embed 블록)

Form Field 모든 플랜에 포함

단일 양식 입력 필드입니다. Canvas Form 안에서 사용하여 사용자 입력을 수집합니다.

실제 화면 보기: 양식 요소 페이지의 Form Field (새 탭에서 열림) 설정(문서의 Form Field 블록)

Form Submit Button 모든 플랜에 포함

Canvas 양식의 제출 버튼입니다. 스타일 변형, 크기, 전체 너비 모드, 아이콘을 지원합니다.

실제 화면 보기: 폼 스타일 페이지의 Form Submit Button (새 탭에서 열림) 설정(문서의 Form Submit Button 블록)

Quick Contact 모든 플랜에 포함

이름, 이메일, 메시지를 담은 간결한 “Quick Quotation” 연락처 폼 위젯으로, Canvas 폼 CSS로 스타일이 적용됩니다.

실제 화면 보기: 위젯 페이지의 Quick Contact (새 탭에서 열림) 설정(문서의 Quick Contact 블록)