참조

Page Builder Sandwich 블록 참조

Page Builder Sandwich 및 Page Builder Sandwich Pro의 모든 블록(무료 44개, Pro 68개): 코드 및 AI 에이전트용 이름, 기능, 유형 및 기본값이 포함된 각 속성을 플러그인의 자체 block.json 파일에서 읽어왔습니다.

레이아웃 및 디자인

애니메이션 텍스트 pbs/animated-text

Pro. 화면에 스크롤되어 나타날 때 자동으로 타이핑되거나 단어가 서서히 나타나거나 위로 떠오르는 문단 또는 제목입니다. 모션 줄이기를 요청한 방문자에게는 정지 상태로 유지됩니다. 작동 모습 보기.

속성유형기본값값
contentstring""—
tagstring"p"p h2 h3 h4 h5 h6
effectstring"fade"typewriter fade rise
speedstring"normal"slow normal fast

에디터 지원: interactivity.

버튼 링크 pbs/button

무료. 버튼 스타일의 링크입니다. 작동 모습 보기.

속성유형기본값값
urlstring""—
textstring""—
stylestring""—
targetstring"" _blank
relstring""—
alignstring"" left center right
wrapStylestring""—
wrappedbooleanfalse—
wrapDataobject——
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

컨테이너 pbs/container

무료. 내부의 블록을 flexbox나 그리드로 배치하는 박스입니다. 컨테이너를 중첩하여 원하는 모든 레이아웃을 구성할 수 있습니다. 플러그인이 비활성화되더라도 정상적으로 읽을 수 있는 상태를 유지합니다. 작동 모습 보기.

속성유형기본값값
tagstring"div"section div header footer article aside main nav
widthstring"full"full boxed
linkobject——

커서 효과 pbs/cursor-effects

Pro. 특정 섹션 또는 전체 페이지에서 마우스 포인터를 따라다니는 링, 스포트라이트 또는 짧은 잔상 효과입니다. 터치스크린과 동작 줄이기를 요청한 방문자에게는 꺼집니다. 작동 모습 보기.

속성유형기본값값
effectstring"ring"ring spotlight trail
scopestring"section"section page

에디터 지원: interactivity.

언어 전환기 pbs/language-switcher

무료입니다. 방문자가 페이지 스타일에 맞춰 다른 언어로 이 페이지를 읽을 수 있도록 합니다. 언어 지원을 위해 Tranzly 플러그인이 필요합니다. 작동 모습 보기.

속성유형기본값값
designstring"pills"list pills buttons dropdown codes
displaystring"name"name code name_code
flagsbooleanfalse—
flagShapestring"" rectangle rounded square circle
flagSizestring"" medium small large
showCurrentbooleantrue—
hideMissingbooleanfalse—
verticalbooleanfalse—
labelstring""—
varsobject{}—

Marquee pbs/marquee

Pro. 일시정지 버튼이 포함되어 페이지 전체를 스크롤하는 짧은 텍스트 줄입니다. 움직임 감소를 요청한 방문자에게는 정지 상태로 표시됩니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

에디터 지원: interactivity.

파티클 배경 pbs/particles

프로. 블록 뒤에 천천히 떠다니는 점들이 있는 섹션입니다. 움직임 감소를 요청하는 방문자를 위한 하나의 정지 프레임이 제공됩니다. 작동 모습 보기.

속성유형기본값값
colorstring""—
densitystring"normal"low normal high
speedstring"normal"slow normal fast
linksbooleantrue—

에디터 지원: interactivity.

행 pbs/row

무료. 열의 행입니다. 플러그인이 꺼져 있어도 읽을 수 있는 상태로 유지됩니다. 작동 방식 보기.

내부 블록: 열.

속성유형기본값값
stylestring""—
widthstring"" full-width full-width-retain-content
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

섹션 pbs/section

무료. 플렉스박스(flexbox) 또는 그리드(grid)로 콘텐츠를 배치하는 페이지의 전체 너비 밴드입니다. 플러그인이 비활성화되더라도 가독성이 유지됩니다. 작동 방식 보기.

속성유형기본값값
tagstring"section"section div header footer article aside main nav
widthstring"boxed"full boxed
alignstring"full"—
linkobject——

편집기 지원: align.

콘텐츠

아코디언 pbs/accordion

무료. 열리고 닫히는 질문 또는 섹션입니다. 선택적으로 한 번에 하나씩 표시할 수 있으며, 검색 엔진을 위해 FAQ로 마크업할 수도 있습니다. 작동 방식 보기.

내부 블록: 아코디언 항목.

속성유형기본값값
singlebooleanfalse—
faqbooleanfalse—

알림 pbs/alert

무료. 방문자를 위한 알림: 정보, 성공, 경고 또는 오류 알림으로, 선택적 제목과 닫기 버튼이 포함되어 있습니다. 작동 모습 보기.

속성유형기본값값
variantstring"info"info success warning error
titlestring""—
contentstring""—
showIconbooleantrue—
dismissiblebooleanfalse—

에디터 지원: interactivity.

배지 pbs/badge

무료. 신규, 할인 또는 가성비 최고 등과 같은 짧은 라벨입니다. 작동 모습 보기.

속성유형기본값값
contentstring""—
variantstring"accent"neutral info success warning error accent
justifystring"start"start center end

체크리스트 pbs/checklist

무료. 각 항목이 완료되었거나 아직 해야 할 일로 표시된 작업 목록으로, 체크 표시뿐만 아니라 스크린 리더를 위한 텍스트로도 제공됩니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
accentstring"primary"text primary secondary contrast

콘텐츠 스위처 pbs/content-switcher

Pro. 월간 및 연간 가격과 같이 특정 콘텐츠의 두 개 이상의 버전 간을 전환합니다. 작동 방식 보기.

내부 블록: 스위처 창.

속성타입기본값값
labelstring""—

이중 제목 pbs/dual-heading

무료. 두 부분으로 나뉜 제목으로, 두 번째 부분은 색상, 그라디언트, 외곽선 또는 밑줄로 강조할 수 있습니다. 작동 모습 보기.

속성유형기본값값
firststring""—
secondstring""—
levelinteger2—
lookstring"accent"accent gradient outline underline
stackedbooleanfalse—
justifystring"start"start center end

기능 목록 pbs/feature-list

무료. 그리드 형태의 기능 목록으로, 각각 아이콘, 제목 및 짧은 설명이 포함되어 있습니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
iconstring"check"check star info arrow dot circle
columnsinteger3—
levelinteger2—
accentstring"primary"text primary secondary contrast

용어집 pbs/glossary

무료. A부터 Z까지 정렬된 용어 및 해당 정의로, 각각 고유한 링크가 있습니다. 페이지에서 각 용어가 처음 언급될 때 해당 정의로 연결할 수 있습니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
sortbooleantrue—
showIndexbooleanfalse—
autoLinkbooleanfalse—

아이콘 목록 pbs/icon-list

무료. 모든 줄이 체크 표시, 화살표 또는 라이브러리의 모든 아이콘으로 시작하는 목록입니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
iconstring"check"check dot arrow star circle
layoutstring"stacked"stacked inline
accentstring"primary"text primary secondary contrast

정보 상자 pbs/info-box

무료. 아이콘, 짧은 제목, 한두 문장 및 선택적 링크 제공: 서비스, 혜택 또는 연락처 세부 정보에 적합합니다. 작동 모습 보기.

속성유형기본값값
svg문자열""—
iconRef문자열""—
icon문자열"info"info star check arrow dot circle
showIcon부울true—
title문자열""—
content문자열""—
linkUrl문자열""—
linkText문자열""—
newTab부울false—
align문자열"start"start center
level정수2—
accent문자열"primary"text primary secondary contrast

모달 pbs/modal

무료. 내부에 원하는 블록을 포함하여 페이지 위에 창을 띄우는 버튼입니다. 작동 모습 보기.

속성유형기본값값
triggerstring""—
titlestring""—
sizestring"medium"small medium large
backdropClosebooleantrue—

오프 캔버스 패널 pbs/off-canvas

무료. 내부에 원하는 블록을 포함하여 창 측면에서 패널을 슬라이드하여 여는 버튼입니다. 작동 모습 보기.

속성유형기본값값
triggerstring""—
titlestring""—
sidestring"end"start end
backdropClosebooleantrue—

글 pbs/posts

Pro. 글, 페이지, 포트폴리오 항목 또는 제품을 카드 형태로 표시: 그리드, 리스트, 메이슨리 또는 캐러셀, 카테고리 필터 및 페이지 매김 또는 “더 보기” 기능 포함. 작동 모습 보기.

속성유형기본값값
layoutstring"grid"grid list masonry carousel
columnsinteger3—
postTypestring"post"—
perPageinteger6—
categoriesarray[]—
orderBystring"date"date title modified menu_order rand
orderstring"DESC"DESC ASC
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleantrue—
showTermsbooleanfalse—
showPricebooleantrue—
levelinteger2—
filterbooleanfalse—
paginationstring"none"none numbers more
autoplaybooleanfalse—
intervalinteger5—
loopbooleantrue—
arrowsbooleantrue—
dotsbooleantrue—

더 보기 pbs/show-more

Pro. 긴 콘텐츠를 설정된 높이로 자르고, 나머지 내용을 표시하는 버튼을 제공합니다. 작동 모습 보기.

속성유형기본값값
heightstring"medium"small medium large
moreLabelstring""—
lessLabelstring""—

단계 pbs/steps

무료. 페이지를 따라 아래로 또는 나란히 순서대로 정렬되는 프로세스의 번호 매겨진 단계입니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
layoutstring"vertical"vertical horizontal
levelinteger2—
accentstring"primary"text primary secondary contrast

탭 pbs/tabs

무료. 탭 안의 콘텐츠: 방문자가 마우스나 키보드로 패널 간을 전환할 수 있습니다. 작동 모습 보기.

내부 블록: Tab.

속성유형기본값값
labelstring""—
verticalbooleanfalse—
selectedinteger0—

툴팁 pbs/tooltip

무료. 마우스를 올리거나 키보드 포커스가 위치할 때 간단한 설명을 표시하는 단어 또는 문구입니다. 작동 모습 보기.

속성유형기본값값
textstring""—
tipstring""—
placementstring"top"top bottom

마케팅 및 영업

A/B 테스트 pbs/ab-test

Pro. 한 섹션의 두 가지 버전: 각 방문자는 둘 중 하나를 보게 되며, A/B 테스트 화면에서 어느 쪽의 전환율이 더 좋은지 보여줍니다. 작동 방식 보기.

내부 블록: A/B 버전.

속성유형기본값값
testIdstring""—
namestring""—
splitnumber50—
goalstring""—

애니메이션 헤드라인 pbs/animated-headline

Pro. 핵심 단어가 바뀌는 제목으로, 일시정지 버튼이 제공되며 움직임 감소를 원하는 방문자에게는 움직임이 표시되지 않습니다. 작동 방식 보기.

속성유형기본값값
beforestring""—
wordsarray[]—
afterstring""—
effectstring"fade"fade slide type
levelinteger2—
intervalinteger2500—

에디터 지원: interactivity.

전후 비교 pbs/before-after

프로. 슬라이더를 사용하여 서로 비교할 수 있도록 겹쳐진 두 개의 이미지입니다. 작동 모습 보기.

속성유형기본값값
beforeUrlstring""—
beforeIdinteger0—
beforeAltstring""—
beforeLabelstring""—
afterUrlstring""—
afterIdinteger0—
afterAltstring""—
afterLabelstring""—
positioninteger50—

에디터 지원: interactivity.

콜 투 액션 pbs/call-to-action

무료. 방문자의 행동을 유도하는 제목, 문장 및 하나 또는 두 개의 버튼입니다. 작동 모습 확인하기.

속성유형기본값값
titlestring""—
contentstring""—
levelinteger2—
primaryTextstring""—
primaryUrlstring""—
primaryNewTabbooleanfalse—
secondaryTextstring""—
secondaryUrlstring""—
secondaryNewTabbooleanfalse—
layoutstring"stacked"stacked split
alignstring"center"start center

클릭하여 인용구 공유 pbs/click-to-tweet

Pro. 인용문과 이 페이지로 연결되는 링크가 포함된 X 게시물을 여는 버튼이 있는 인용문입니다. 작동 모습 보기.

속성유형기본값값
quotestring""—
viastring""—
urlstring""—
buttonTextstring""—

비교표 pbs/comparison-table

무료. 화면 낭독기가 단어로 읽을 수 있는 예/아니오 표시와 함께 플랜 또는 제품을 나란히 배치합니다. 작동 모습 보기.

속성유형기본값값
captionstring""—
columnsarray[]—
rowsarray[]—
stickyHeaderbooleanfalse—
onlyDifferencesbooleanfalse—

연락처 버튼 pbs/contact-buttons

무료. 전화, 이메일, 문자 또는 WhatsApp으로 메시지를 보낼 수 있는 버튼입니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
messagestring""—

카운트다운 pbs/countdown

Pro. 특정 날짜까지 시간을 카운트다운하거나 각 방문자가 처음 도착했을 때 시작되는 상시(에버그린) 카운트다운 타이머입니다. 작동 모습 확인하기.

속성유형기본값값
modestring"date"date evergreen
datestring""—
evergreenHoursinteger24—
labelstring""—
expiredTextstring""—
showSecondsbooleantrue—

에디터 지원: interactivity.

카운터 pbs/counter

Pro. 화면에 나타날 때 숫자가 증가하는 레이블이 포함된 숫자 카운터입니다. 작동 모습 확인하기.

속성유형기본값값
startnumber0—
endnumber100—
decimalsinteger0—
durationinteger2000—
prefixstring""—
suffixstring""—
labelstring""—
separatorbooleantrue—

에디터 지원: interactivity.

쿠폰 코드 pbs/coupon-code

Pro. 방문자가 한 번의 클릭으로 확인하고 복사할 수 있는 할인 코드입니다. 작동 모습 보기.

속성유형기본값값
codestring""—
descriptionstring""—
buttonTextstring""—
expiresstring""—

에디터 지원: interactivity.

플립 박스 pbs/flip-box

Pro. 마우스를 올리거나, 키보드 포커스 시, 또는 터치스크린에서 자체 버튼을 통해 뒤집혀 더 많은 내용을 보여주는 카드입니다. 작동 모습 보기.

속성유형기본값값
svgstring""—
iconRefstring""—
frontTitlestring""—
frontTextstring""—
backTitlestring""—
backTextstring""—
buttonTextstring""—
buttonUrlstring""—
effectstring"flip"flip fade
levelinteger2—

에디터 지원: interactivity.

양식 pbs/form

무료. Contact Form 7, WPForms, Gravity Forms 또는 Fluent Forms의 폼을 사이트에 맞게 스타일링하여 표시합니다. 작동 모습 보기.

속성유형기본값값
providerstring"" cf7 wpforms gravityforms fluentforms
formIdstring""—
fieldStylestring"outlined"outlined filled underlined
buttonWidthstring"auto"auto full

폼 pbs/form-builder

Pro. 스팸 방지, 파일 업로드 및 조건부 필드를 갖춘 문의, 견적, 가입 또는 다단계 폼입니다. 각 제출 내용은 이메일로 전송되거나 저장되거나 웹훅으로 전송되거나 메일링 리스트에 추가될 수 있습니다. 작동 모습 보기.

내부 블록: Form field, Form step.

속성유형기본값값
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

핫스팟 pbs/hotspots

Pro. 선택 시 간단한 메모를 여는 포인트가 있는 이미지입니다. 작동 방식 보기.

속성유형기본값값
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
pointsarray[]—

에디터 지원: interactivity.

로고 그리드 pbs/logo-grid

Pro. 각각 선택적 링크가 포함된 그리드 형태의 고객사 또는 파트너 로고입니다. 작동 모습 보기.

속성유형기본값값
logosarray[]—
columnsinteger4—
grayscalebooleantrue—

로고 마키 pbs/logo-marquee

Pro. 일시정지 버튼과 함께 로고가 가로로 천천히 스크롤되며, 움직임을 줄이고자 하는 방문자에게는 정지 상태로 표시됩니다. 작동 모습 보기.

속성유형기본값값
logosarray[]—
speedstring"normal"slow normal fast
grayscalebooleantrue—

에디터 지원: interactivity.

Lottie 애니메이션 pbs/lottie

Pro. 업로드한 파일의 Lottie 애니메이션으로, 외부 요청 없이 이 사이트에서 재생됩니다. 작동 모습 보기.

속성유형기본값값
fileIdinteger0—
fileNamestring""—
labelstring""—
loopbooleantrue—
playstring"view"view load hover
speednumber1—

에디터 지원: interactivity.

뉴스레터 구독 신청 pbs/newsletter

Pro. 동의 체크박스와 성공 또는 실패 시 명확한 메시지를 제공하는 Mailchimp, MailPoet 또는 AWeber용 이메일 가입 양식입니다. 작동 모습 확인하기.

속성유형기본값값
service문자열"mailpoet"mailpoet mailchimp aweber
list문자열""—
heading문자열""—
text문자열""—
buttonText문자열""—
consentText문자열""—
successText문자열""—
layout문자열"stacked"stacked inline

에디터 지원: interactivity.

가격 목록 pbs/price-list

Pro. 메뉴 또는 서비스 목록과 같이 이름, 가격 및 간단한 설명이 포함된 항목입니다. 작동 방식 보기.

속성유형기본값값
itemsarray[]—

가격표 pbs/pricing-table

Pro. 가격, 기능 및 버튼과 함께 나란히 표시되는 요금제이며, 월간/연간 전환 스위치를 선택적으로 사용할 수 있습니다. 작동 모습 보기.

속성유형기본값값
plansarray[]—
billingTogglebooleanfalse—
currencystring"$"—
monthlyLabelstring""—
yearlyLabelstring""—
yearlyNotestring""—
levelinteger2—

에디터 지원: interactivity.

프로모션 바 pbs/promo-bar

Pro. 방문자가 닫을 수 있으며 화면 상단이나 하단에 고정되는 슬림한 공지 표시줄입니다. 작동 모습 확인하기.

속성유형기본값값
contentstring""—
linkTextstring""—
linkUrlstring""—
newTabbooleanfalse—
positionstring"top"top bottom inline
dismissiblebooleantrue—
variantstring"dark"dark accent light

에디터 지원: interactivity.

최근 구매 알림 pbs/social-proof

Pro. WooCommerce 또는 Easy Digital Downloads의 실제 최근 주문에 대한 작은 알림: 결제 시 동의한 구매자에 한해 구매자의 이름과 도시를 표시합니다. 작동 방식 보기.

속성유형기본값값
sourcestring"auto"auto woocommerce edd
countinteger10—
maxAgeDaysinteger14—
showForinteger6—
gapinteger12—
positionstring"start"start end
showProductbooleantrue—
showTimebooleantrue—

에디터 지원: interactivity.

공유 바 pbs/share-bar

Pro. 소셜 네트워크, 이메일, 기기 자체의 공유 메뉴 또는 링크 복사를 통해 이 페이지를 공유하는 버튼입니다. 작동 모습 보기.

속성유형기본값값
networksarray[]—
layoutstring"inline"inline floating
labelstring""—

에디터 지원: interactivity.

소셜 아이콘 pbs/social-icons

무료. 각 소셜 네트워크의 자체 아이콘으로 표시되는 프로필 링크입니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
lookstring"filled"plain filled outline
shapestring"circle"circle rounded square
sizestring"medium"small medium large
justifystring"start"start center end
newTabbooleantrue—

팀 pbs/team

Pro. 사진, 이름, 역할, 짧은 소개 및 링크가 포함된 인물 소개입니다. 작동 모습 보기.

속성유형기본값값
membersarray[]—
columnsinteger3—
levelinteger2—

추천사 pbs/testimonial

무료. 고객의 이름, 역할, 사진 및 선택 사항인 별점 평가가 포함된 인용문입니다. 작동 모습 보기.

속성유형기본값값
quotestring""—
namestring""—
rolestring""—
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
ratinginteger0—
layoutstring"stacked"stacked side
alignstring"start"start center

타임라인 pbs/timeline

Pro. 선을 따라 날짜순으로 정렬된 이벤트입니다. 작동 모습 보기.

속성유형기본값값
items배열[]—
level정수2—

신뢰 배지 pbs/trust-badges

프로. 각각 아이콘이 포함된 간단한 안심 문구: 안전한 결제, 무료 배송, 간편한 반품. 작동 모습 보기.

속성유형기본값값
badges배열[]—
layout문자열"row"row grid

WhatsApp 채팅 버튼 pbs/whatsapp

무료. 귀하와의 WhatsApp 채팅을 열어주는 페이지 모서리의 플로팅 버튼입니다. 작동 모습 보기.

속성유형기본값값
phonestring""—
messagestring""—
labelstring""—
showLabelbooleanfalse—
positionstring"end"end start

이미지, 비디오 및 미디어

3D 모델 뷰어 pbs/model-viewer

Pro. 방문자가 회전하고 확대/축소할 수 있는 3D 모델(glTF 또는 GLB)이며, 증강 현실(선택 사항)을 지원합니다. 작동 모습 보기.

속성유형기본값값
srcstring""—
altstring""—
posterstring""—
autoRotatebooleanfalse—
arbooleanfalse—

오디오 플레이어 pbs/audio-player

Pro. 팟캐스트 또는 음악 플레이어: 브라우저 자체 플레이어 주변에 에피소드, 아트워크 및 재생 속도를 제공합니다. 작동 모습 보기.

속성유형기본값값
tracksarray[]—
titlestring""—
artworkobject——

예약 캘린더 pbs/booking

무료. 방문자가 요청할 때만 로드되는 Calendly 또는 Cal.com 예약 캘린더입니다. 작동 모습 보기.

속성유형기본값값
providerstring"calendly"calendly cal
urlstring""—
labelstring""—

에디터 지원: interactivity.

프로. 메이슨리, 정렬형 또는 균일한 그리드 형태의 이미지로, 접근성이 뛰어난 라이트박스로 열립니다. 작동 모습 보기.

속성유형기본값값
imagesarray[]—
layoutstring"masonry"masonry justified grid
columnsinteger3—
lightboxbooleantrue—
captionsbooleanfalse—

아이콘 pbs/icon

무료. SVG 아이콘입니다. 마크업은 표시되기 전에 정리됩니다. 작동 모습 보기.

속성유형기본값값
svgstring""—
stylestring""—
iconRefstring""—
displaystring—inline block
justifystring"start"start center end
labelstring""—

이미지 아코디언 pbs/image-accordion

Pro. 이미지 패널이 나란히 배치됩니다. 포인터나 키보드 커서 아래에 있는 패널이 텍스트를 표시하기 위해 넓어집니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—

지도 pbs/map

무료. OpenStreetMap 기반의 장소 지도: API 키가 필요하지 않으며, 방문자가 지도를 요청할 때까지 OpenStreetMap에서 아무것도 로드되지 않습니다. 작동 모습 보기.

속성유형기본값값
latnumber——
lngnumber——
zoomnumber14—
labelstring""—

에디터 지원: align, interactivity.

패럴랙스 이미지 pbs/parallax-image

Pro. 페이지가 스크롤될 때 서서히 움직이는 이미지입니다. 모션 줄이기를 선호하는 방문자에게는 정지 상태로 표시됩니다. 작동 모습 보기.

속성유형기본값값
imageobject——
strengthstring"medium"low medium high
heightstring"medium"small medium large

PDF 뷰어 pbs/pdf-viewer

Pro. 브라우저를 통해 페이지에 표시되는 PDF이며, 열 수 있는 링크가 함께 제공됩니다. 작동 모습 보기.

속성유형기본값값
srcstring""—
titlestring""—
heightstring"medium"small medium large

QR 코드 pbs/qr-code

무료. 웹 주소나 텍스트를 위한 QR 코드로, 외부 QR 서비스를 사용하지 않고 자체 사이트에서 생성됩니다. 작동 모습 보기.

속성유형기본값값
textstring""—
svgstring""—
altstring""—
captionstring""—

슬라이더 pbs/slider

Pro. 슬라이드, 이미지, 글 또는 제품 캐러셀: 스와이프, 버튼 또는 자동 전환을 지원하며 접근성을 갖추고 있습니다. 작동 모습 보기.

내부 블록: 슬라이드.

속성유형기본값값
labelstring""—
sourcestring"slides"slides images posts products
imagesarray[]—
postTypestring"post"—
perPageinteger6—
categoriesarray[]—
orderBystring"date"date title modified menu_order rand
orderstring"DESC"DESC ASC
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleantrue—
showTermsbooleanfalse—
showPricebooleantrue—
effectstring"slide"slide fade kenburns
perViewinteger1—
perViewTabletinteger1—
perViewMobileinteger1—
autoplaybooleanfalse—
intervalinteger5—
loopbooleantrue—
arrowsbooleantrue—
dotsbooleantrue—

Pro. 비디오 그리드입니다. YouTube 및 Vimeo는 방문자가 재생을 누를 때만 로드되며, 포스터는 귀하의 사이트에 보관됩니다. 작동 방식 보기.

속성유형기본값값
videosarray[]—
columnsinteger3—

비디오 재생목록 pbs/video-playlist

Pro. 하나의 플레이어와 비디오 목록: 자체 파일 또는 선택한 경우에만 로드되는 YouTube 및 Vimeo를 지원합니다. 작동 방식 보기.

속성유형기본값값
videosarray[]—
labelstring""—

데이터, 차트 및 표

차트 pbs/chart

Pro. 서버에서 렌더링되는 막대형, 꺾은선형 또는 원형 차트이며, 차트를 볼 수 없는 모든 사용자를 위해 표에 숫자가 함께 제공됩니다. 작동 모습 보기.

속성유형기본값값
typestring"bar"bar line pie
titlestring""—
labelsarray[]—
seriesarray[]—
valuePrefixstring""—
valueSuffixstring""—
heightstring"medium"short medium tall
showLegendbooleantrue—
showValuesbooleanfalse—

코드 pbs/code

무료. 구문 강조 표시, 줄 번호 및 복사 버튼이 포함된 코드 목록입니다. 플러그인이 비활성화되더라도 가독성이 유지됩니다. 작동 모습 보기.

속성유형기본값값
codestring""—
languagestring"auto"—
filenamestring""—
lineNumbersbooleanfalse—
copybooleantrue—
wrapbooleanfalse—

에디터 지원: interactivity.

데이터 테이블 pbs/data-table

Pro 기능. 방문자가 정렬하고 검색할 수 있으며 모바일 화면에서도 가독성이 유지되는 테이블입니다. CSV 파일을 붙여넣거나 가져오세요. 작동 모습 보기.

속성유형기본값값
captionstring""—
columnsarray[]—
rowsarray[]—
sortablebooleantrue—
searchablebooleantrue—
layoutstring"stack"stack scroll
stripedbooleantrue—
rowHeadersbooleanfalse—

에디터 지원: interactivity.

이벤트 pbs/events

Pro. 사이트의 표준 시간대를 기준으로 목록 또는 월별 달력 형태로 제공되는 예정된 이벤트입니다. 지난 이벤트는 목록에서 자동으로 사라집니다. 작동 모습 보기.

속성유형기본값값
eventsarray[]—
viewstring"list"list calendar
showPastbooleanfalse—
sourcestring"manual"manual tec
tecCategorystring""—
limitnumber20—
categoriesarray[]—
hideCanceledbooleanfalse—
hidePostponedbooleanfalse—

에디터 지원: interactivity.

Google 및 Trustpilot 리뷰 pbs/reviews

Pro. Google 및 Trustpilot 리뷰를 그리드, 슬라이더 또는 배지로 표시합니다. 백그라운드에서 하루에 한 번 새로고침되므로 페이지가 두 서비스 중 어느 쪽도 기다릴 필요가 없습니다. 작동 모습 확인하기.

속성유형기본값값
sourcestring"both"both google trustpilot
layoutstring"grid"grid slider badge
minRatinginteger4—
orderstring"newest"newest best
countinteger6—
showDatebooleantrue—
showSummarybooleanfalse—
labelstring""—

에디터 지원: interactivity.

조직도 pbs/org-chart

Pro. 역할과 사진이 포함된 인물 트리 형태로 누가 누구에게 보고하는지 보여줍니다. 작동 모습 보기.

속성유형기본값값
label문자열""—
people배열[]—

진행률 표시줄 pbs/progress-bar

무료. 기술이나 목표 등 어떤 작업이 얼마나 진행되었는지를 보여주는 라벨이 있는 표시줄입니다. 작동 모습 보기.

속성유형기본값값
label문자열""—
value정수50—
max정수100—
showValue부울true—

진행률 원형 pbs/progress-circle

Pro. 숫자와 라벨이 실제 텍스트로 표시되며 특정 값까지 채워지는 링입니다. 작동 방식 보기.

속성유형기본값값
valuenumber75—
maxnumber100—
labelstring""—
formatstring"percent"percent value
sizestring"medium"small medium large
thicknessstring"normal"thin normal thick

쿼리 루프 pbs/query-loop

Pro. 한 번 디자인한 카드로 글, 상품, 사용자, 카테고리 또는 리피터 필드를 필터링 및 정렬하여 나열하세요. 라이브 필터 및 페이지네이션 옵션 제공. 작동 모습 보기.

속성유형기본값값
loopIdstring""—
sourcestring"posts"posts users terms field
postTypestring"post"—
inheritbooleanfalse—
termsarray[]—
metaKeystring""—
metaValuestring""—
metaComparestring"="= != > >= < <= LIKE EXISTS NOT EXISTS
orderBystring"date"—
orderMetaKeystring""—
orderstring"DESC"DESC ASC
perPageinteger6—
offsetinteger0—
excludeCurrentbooleanfalse—
taxonomystring"category"—
hideEmptybooleantrue—
fieldProviderstring"meta"—
fieldKeystring""—
columnsinteger3—
layoutstring"grid"grid list
paginationstring"none"none numbers prevnext
filtersarray[]—
filterPositionstring"top"top start
livebooleantrue—
noResultsstring""—

에디터 지원: interactivity.

로드맵 pbs/roadmap

Pro. 계획된 작업, 진행 중인 작업, 완료된 작업을 3개 열의 보드 또는 하나의 목록으로 표시합니다. 작동 모습 보기.

속성유형기본값값
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

별점 pbs/star-rating

Free. 반 개 단위의 별 모양으로 표시되는 평점입니다. 작동 모습 보기.

속성유형기본값값
ratingnumber4—
maxinteger5—
showValuebooleanfalse—

사이트 제작 및 탐색

작성자 상자 pbs/author-box

Pro. 이 글의 작성자: 사진, 이름, 약력 및 링크. 작동 모습 보기.

속성유형기본값값
showAvatarbooleantrue—
showBiobooleantrue—
showPostsbooleantrue—
showWebsitebooleantrue—
avatarSizenumber96—
headingLevelstring"h2"—

작성자 프로필 pbs/user-profile

무료. 작성자의 사진, 이름, 소개 및 링크, 또는 선택한 사용자의 정보입니다. 작동 모습 보기.

속성유형기본값값
sourcestring"author"author user
userIdnumber0—
showAvatarbooleantrue—
showBiobooleantrue—
showLinksbooleantrue—

맨 위로 이동 pbs/back-to-top

Pro. 방문자를 페이지 맨 위로 다시 이동시키는 화면 모서리의 버튼입니다. 작동 모습 보기.

속성유형기본값값
labelstring""—
positionstring"end"—
showAfternumber400—
showLabelbooleanfalse—

에디터 지원: interactivity.

브레드크럼 pbs/breadcrumbs

Pro. 검색 엔진을 위한 구조화된 데이터와 함께 홈 페이지에서 이 페이지까지의 경로입니다. 작동 모습 보기.

속성유형기본값값
showHomebooleantrue—
homeLabelstring""—
separatorstring"chevron"—
showCurrentbooleantrue—
schemabooleantrue—

영업시간 pbs/business-hours

Pro. 사이트의 시간대에 맞추어 계산된 “지금 영업 중” 문구와 함께 제공되는 주간 영업시간입니다. 작동 모습 보기.

속성유형기본값값
titlestring""—
daysarray[{"closed":true,"ranges":[]},{"closed…—
showOpenNowbooleantrue—
highlightTodaybooleantrue—
notestring""—

에디터 지원: interactivity.

다크 모드 스위치 pbs/dark-mode-switch

Pro. 웹사이트를 라이트 모드와 다크 모드 색상 간에 전환하고 방문자의 선택을 기억하는 버튼입니다. 작동 모습 보기.

속성유형기본값값
labelstring""—
showLabelbooleanfalse—

에디터 지원: interactivity.

로그인 및 회원가입 pbs/login-form

Pro. WordPress 로그인 또는 회원가입 양식, 그리고 로그인 후 표시되는 로그아웃 링크입니다. 작동 모습 보기.

속성유형기본값값
modestring"login"—
redirectstring""—
showRememberbooleantrue—
showLostbooleantrue—
showRegisterbooleantrue—

미니 카트 pbs/mini-cart

Pro. 방문자의 장바구니 수량 및 총액을 표시하며 장바구니에 담긴 항목을 엽니다. 캐시된 페이지에서도 장바구니 추가 후 최신 상태를 유지합니다. 작동 모습 보기.

속성타입기본값값
labelstring""—

내비게이션 메뉴 pbs/nav-menu

무료. 드롭다운 및 모바일 메뉴가 포함된 워드프레스 메뉴: 사이드 드로어, 전체 화면 메뉴 또는 드롭다운. Pro 버전에서 메가 메뉴 제공. 작동 모습 보기.

내부 블록: 메가 메뉴 패널(Pro).

속성유형기본값값
menuIdnumber0—
orientationstring"horizontal"horizontal vertical
collapsestring"mobile"mobile tablet always never custom
openOnstring"click"click hover
labelstring""—
breakpointnumber900—
mobileStylestring"drawer"drawer fullscreen dropdown
drawerSidestring"end"end start
toggleIconstring"menu"menu menu-alt grid none
toggleLabelstring""—
toggleShowLabelbooleantrue—
toggleStylestring"outline"outline solid plain
closeOnLinkbooleantrue—
mobileSubmenusstring"collapsed"collapsed expanded
closeDelaynumber150—
animationstring"fade"none fade slide
skipLinkbooleanfalse—
skipTargetstring"main"—

에디터 지원: interactivity.

비밀번호로 보호된 콘텐츠 pbs/protected

Free. 비밀번호를 가진 방문자만 볼 수 있는 블록입니다. 비밀번호를 입력하기 전까지는 콘텐츠가 페이지에 전혀 표시되지 않습니다. 작동 모습 보기.

속성유형기본값값
lockIdstring""—
hashstring""—
messagestring""—

글 세부정보 pbs/post-meta

무료. 글의 작성자, 날짜, 카테고리, 태그, 읽는 시간 및 댓글 수입니다. 작동 모습 보기.

속성유형기본값값
itemsarray["author","date","readingTime"]—

상품 요소 pbs/product-element

Pro. 제품의 한 부분: 제목, 갤러리, 가격, 평점, 장바구니 담기, 탭, 관련 제품, 업셀, 세일 배지 또는 재고. 현재 조회 중인 제품, 루프의 제품 또는 사용자가 선택한 제품을 표시합니다. 작동 모습 보기.

속성유형기본값값
partstring"title"title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock
productIdinteger0—
levelinteger0—

읽기 진행률 표시줄 pbs/reading-progress

Free. 방문자가 페이지를 스크롤할 때 채워지는 창 가장자리의 얇은 막대입니다. 작동 모습 보기.

속성유형기본값값
positionstring"top"top bottom

읽는 시간 pbs/reading-time

Pro. 이 글을 읽는 데 걸리는 시간(분)입니다. 작동 모습 보기.

속성유형기본값값
wpmnumber200—
formatstring"long"—
prefixstring""—

무료. 이 글의 카테고리나 태그를 공유하는 글들을 사진, 날짜, 요약과 함께 표시합니다. 작동 모습 보기.

속성유형기본값값
countnumber3—
bystring"both"both categories tags
fallbackbooleantrue—
headingstring""—
headingLevelnumber2—
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleanfalse—

검색 pbs/search-form

Pro. 이 웹사이트를 위한 검색창입니다. 작동 모습 보기.

속성유형기본값값
labelstring""—
placeholderstring""—
buttonTextstring""—
showLabelbooleanfalse—
iconButtonbooleantrue—
postTypestring""—

공유 버튼 pbs/share-buttons

Pro. 소셜 네트워크, 이메일 또는 링크 복사를 통해 이 페이지를 공유하는 버튼입니다. 작동 모습 보기.

속성유형기본값값
networksarray["facebook","x","linkedin","whatsapp"…—
showLabelsbooleanfalse—
shapestring"rounded"—
nativebooleantrue—
labelstring""—

에디터 지원: interactivity.

상점 페이지 pbs/shop-page

Pro. 템플릿 내 상점 페이지의 WooCommerce 부분: 페이지 자체의 장바구니 또는 결제(블록 또는 클래식), 클래식 장바구니, 결제 또는 내 계정, 주문 수령 상세 정보. 작동 모습 보기.

속성유형기본값값
page문자열"content"content cart checkout account order

사이트 헤더 pbs/site-header

Pro. 웹사이트 상단: 로고, 내비게이션 및 기타 모든 항목을 하나 이상의 행에 배치합니다. 선택적으로 고정, 투명, 축소 또는 아래로 스크롤할 때 숨기기 설정이 가능합니다. 작동 모습 보기.

속성유형기본값값
stickybooleanfalse—
transparentbooleanfalse—
shrinkbooleanfalse—
hideOnScrollbooleanfalse—
stickyFromnumber0—

에디터 지원: interactivity.

사이트맵 pbs/sitemap

무료. 페이지 트리를 유지하면서 발행된 모든 페이지와 글(및 기타 공개 콘텐츠)을 나열하는 페이지입니다. 작동 모습 보기.

속성유형기본값값
postTypesarray["page","post"]—
showHeadingsbooleantrue—
headingLevelnumber2—

매장 찾기 pbs/store-locator

프로. 방문자가 검색하거나 거리순으로 정렬할 수 있는 목록 및 방문자가 요청할 때만 로드되는 OpenStreetMap 지도에 표시되는 모든 위치입니다. 작동 모습 보기.

속성유형기본값값
labelstring""—
locationsarray[]—
showSearchbooleantrue—
showMapbooleantrue—
zoominteger0—

에디터 지원: interactivity.

목차 pbs/table-of-contents

무료. 자동으로 생성되어 각 제목으로 연결되는 페이지 내 제목 목록입니다. 작동 모습 보기.

속성유형기본값값
titlestring""—
minLevelinteger2—
maxLevelinteger3—
orderedbooleanfalse—
collapsiblebooleanfalse—
collapsedbooleanfalse—
spybooleantrue—

카지노, iGaming 및 제휴

제휴 버튼 pbs/affiliate-button

Pro. 스폰서 링크로 표시되는 제안 링크 버튼으로, 선택적으로 클릭 수를 집계하는 단축 링크를 사용할 수 있습니다. 작동 모습 확인하기.

속성유형기본값값
textstring""—
urlstring""—
linkIdnumber0—
newTabbooleantrue—
variantstring"fill"fill outline
sizestring"medium"small medium large

연령 확인(Age gate) pbs/age-gate

Pro. 방문자가 웹사이트를 보기 전에 연령을 확인하도록 요청하며, 국가별 최소 연령을 지원합니다. 작동 모습 보기.

속성유형기본값값
minAgenumber18—
rulesarray[]—
modestring"confirm"confirm birthdate
rememberDaysnumber30—
titlestring""—
messagestring""—
deniedMessagestring""—

에디터 지원: interactivity.

카지노 비교 표 pbs/casino-table

Pro. 각각의 보너스, 평점, 주요 특징, 버튼 및 이용 약관과 함께 제안을 나란히 비교합니다. 작동 모습 보기.

속성유형기본값값
offersarray[]—
captionstring""—
showRankbooleantrue—
showRatingbooleantrue—
showFeaturesbooleantrue—
noticestring""—
agenumber18—

암호화폐 가격 pbs/crypto-ticker

Pro. CoinGecko의 암호화폐 가격을 티커, 카드 또는 가격 차트로 표시합니다. 작동 모습 보기.

속성유형기본값값
coinsarray["bitcoin","ethereum","solana"]—
currencystring"usd"—
layoutstring"ticker"ticker cards chart
daysnumber7—
labelstring""—

오퍼 카드 pbs/offer-card

Pro. 하나의 오퍼: 로고, 보너스, 주요 특징, 스폰서 버튼, 이용약관 및 연령 안내. 작동 모습 보기.

속성유형기본값값
namestring""—
logostring""—
logoIdnumber0—
bonusstring""—
descriptionstring""—
featuresstring""—
ratingnumber0—
urlstring""—
linkIdnumber0—
ctastring""—
termsstring""—
badgestring""—
agenumber18—
headingLevelstring"h2"h2 h3 h4 p

장단점 pbs/pros-cons

Pro. 나란히 놓인 두 개의 목록: 좋은 점과 그렇지 않은 점. 작동 모습 보기.

속성유형기본값값
prosTitlestring""—
consTitlestring""—
prosarray[]—
consarray[]—
headingLevelstring"h2"h2 h3 h4 p

책임감 있는 도박 고지 pbs/rg-notice

Pro. 방문자의 국가에 맞게 선택된 책임감 있는 도박 메시지 및 도움말 링크. 작동 모습 보기.

속성유형기본값값
textstring""—
urlstring""—
linkTextstring""—
useHelpbooleantrue—
countriesarray[]—
showAgebooleantrue—
agenumber18—

리뷰 점수 pbs/review-score

Pro. 종합 점수, 각 기준별 점수 및 총평. 작동 모습 보기.

속성유형기본값값
scorenumber8—
scalenumber10—
labelstring""—
criteriaarray[]—
verdictstring""—

위젯 및 추가 기능

숏코드 (추가 기능) pbs/shortcode

무료. 클래식 Page Builder Sandwich 편집기용으로 작성된 추가 기능의 숏코드이며, 추가 기능이 선언한 설정을 포함합니다. 작동 모습 보기.

속성유형기본값값
tagstring""—
attrsobject{}—
contentstring""—

위젯 pbs/widget

무료. 사이트에 등록된 클래식 위젯 중 하나를 표시합니다. 작동 모습 보기.

속성유형기본값값
widgetstring""—
instanceobject{}—
fallbackHtmlstring""—

위젯 영역 pbs/sidebar

무료. 테마의 위젯 영역 중 하나에 위젯을 표시합니다. 작동 모습 보기.

속성유형기본값값
sidebarstring""—
fallbackHtmlstring""—