Анықтамалық

Page Builder Sandwich блоктарының анықтамалығы

Page Builder Sandwich және Page Builder Sandwich Pro-ның әрбір блогы (44 тегін, 68 Pro): код пен 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 немесе тор (grid) арқылы орналастыратын блок. Кез келген макетті жасау үшін контейнерлерді бірінің ішіне бірін салыңыз. Плагин өшірілген жағдайда да оқылатын күйде қалады. Жұмысын көру.

АтрибутТүріӘдепкіМәндері
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{}—

Жүгіртпе жол pbs/marquee

Pro. Бет бойымен жылжитын қысқа мәтіндер жолы, кідірту түймесі бар. Қозғалысты азайтуды сұрайтын пайдаланушылар үшін қозғалмайды. Жұмысын көру.

АтрибутТүріӘдепкіМәндері
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

Редактор қолдайды: interactivity.

Бөлшектер фоны pbs/particles

Pro. Блоктарының артында баяу қозғалатын нүктелері бар бөлім. Қозғалыстың азырақ болуын қалайтын пайдаланушылар үшін бір қозғалмайтын кадр. Жұмыс істеуін көру.

АтрибутТүріӘдепкіМәндер
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

Тегін. Терминдер және олардың анықтамалары, А-дан Я-ға дейін сұрыпталған, әрқайсысының өз сілтемесі бар. Беттегі әрбір терминнің алғашқы кездесуін оның анықтамасына сілтей алады. Қалай жұмыс істейтінін көру.

АтрибутТүріӘдепкі бойыншаМәндері
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

Тегін. Белгіше, қысқа тақырып, бір-екі сөйлем және қосымша сілтеме: қызметтерге, артықшылықтарға немесе байланыс деректеріне арналған. Оның қалай жұмыс істейтінін көріңіз.

АтрибутТүріӘдепкіМәндер
svgstring""—
iconRefstring""—
iconstring"info"info star check arrow dot circle
showIconbooleantrue—
titlestring""—
contentstring""—
linkUrlstring""—
linkTextstring""—
newTabbooleanfalse—
alignstring"start"start center
levelinteger2—
accentstring"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. Жазбалар, беттер, портфолио элементтері немесе өнімдер карточкалар түрінде: тор, тізім, masonry немесе карусель, санат сүзгісімен және беттермен немесе «Load more» түймесімен. Жұмысын көру.

АтрибутТүріӘдепкі мәніМәндері
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

Pro. Оларды салыстыру үшін жүгірткісі бар бір-бірінің үстіне қойылған екі сурет. Жұмысын көру.

АтрибутТүріӘдепкі бойыншаМәндер
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

Free. Жоспарлар немесе өнімдер қатар орналасқан, экраннан оқу құралдары сөз ретінде оқитын «иә» және «жоқ» белгілері бар. Қалай жұмыс істейтінін көру.

АтрибутТүріӘдепкіМәндер
captionstring""—
columnsarray[]—
rowsarray[]—
stickyHeaderbooleanfalse—
onlyDifferencesbooleanfalse—

Байланыс батырмалары pbs/contact-buttons

Тегін. Сізге қоңырау шалу, электрондық хат жіберу, SMS немесе WhatsApp арқылы хабарлама жазу батырмалары. Жұмысын көру.

АтрибутТүріӘдепкіМәндері
itemsarray[]—
messagestring""—

Кері санақ pbs/countdown

Pro. Белгілі бір күнге дейін кері санайтын таймер немесе әрбір келуші алғаш келген кезде іске қосылатын әмбебап (evergreen) кері санақ. Қалай жұмыс істейтінін көріңіз.

АтрибутТүріӘдепкіМәндері
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.

Аударылатын блок (Flip box) 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. Спамнан қорғауы, файл жүктеу мүмкіндігі және шартты өрістері бар байланыс, баға сұрау, тіркелу немесе көпқадамды пішін; әрбір жіберілген деректі электрондық поштаға жолдауға, сақтауға, webhook-ке жіберуге немесе таратылым тізіміне қосуға болады. Қалай жұмыс істейтінін көру.

Ішкі блоктар: Form field, Form step.

АтрибутТүріӘдепкіМәндері
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

Hotspots 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 үшін электрондық пошта арқылы жазылу пішіні, келісім құсбелгісімен және сәтті немесе сәтсіз болғаны туралы нақты хабарламамен. Жұмысын көру.

АтрибутТүріӘдепкіМәндері
servicestring"mailpoet"mailpoet mailchimp aweber
liststring""—
headingstring""—
textstring""—
buttonTextstring""—
consentTextstring""—
successTextstring""—
layoutstring"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. Оқиғалар өз күндерімен рет-ретімен сызық бойында. Қалай жұмыс істейтінін көру.

АтрибутТүріӘдепкі мәніМәндері
itemsarray[]—
levelinteger2—

Сенім белгішелері pbs/trust-badges

Pro. Әрқайсысы белгішемен берілген қысқаша кепілдіктер: қауіпсіз төлем, тегін жеткізу, оңай қайтару. Қалай жұмыс істейтінін көру.

АтрибутТүріӘдепкі мәніМәндері
badgesarray[]—
layoutstring"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.

Pro. Кірпіш қалау (masonry), ені бойынша тураланған немесе біркелкі тордағы, қолжетімді lightbox арқылы ашылатын суреттер. Жұмыс істеуін көру.

АтрибутТүріӘдепкіМәндері
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 негізіндегі орын картасы: кілт қажет емес және келуші картаны сұрамайынша, 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. Кімнің кімге бағынатыны адамдардың рөлдері мен фотосуреттері көрсетілген иерархиялық тармақ түрінде. Қалай жұмыс істейтінін көру.

АтрибутТүріӘдепкі мәніМәндері
labelstring""—
peoplearray[]—

Прогресс жолағы pbs/progress-bar

Free. Білік немесе мақсат сияқты нәрсенің қаншалықты орындалғанын көрсететін белгісі бар жолақ. Қалай жұмыс істейтінін көру.

АтрибутТүріӘдепкі мәніМәндері
labelstring""—
valueinteger50—
maxinteger100—
showValuebooleantrue—

Прогресс шеңбері 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. Жоспарланған, орындалып жатқан және аяқталған жұмыстар үш бағанды тақта немесе бір тізім түрінде. Жұмысын көру.

АтрибутТүріӘдепкі бойыншаМәндер
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

Жұлдызды бағалау pbs/star-rating

Тегін. Жарты жұлдызды қадаммен жұлдыздар ретінде көрсетілетін рейтинг. Жұмысын көру.

АтрибутТүріӘдепкіМәндер
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. Сайтыңыздың уақыт белдеуіне сәйкес есептелген «Қазір ашық» жолы бар аптадағы жұмыс уақытыңыз. Жұмысын көру.

АтрибутТүріӘдепкіМәндері
titleжол""—
daysмассив[{"closed":true,"ranges":[]},{"closed…—
showOpenNowлогикалықtrue—
highlightTodayлогикалықtrue—
noteжол""—

Редактор қолдайды: 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

Тегін. Ашылмалы мәзірлері мен мобильді мәзірі бар WordPress мәзірі: бүйірлік панель, толық экранды мәзір немесе ашылмалы тізім. 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

Тегін. Бұл блоктарды тек құпия сөзі бар пайдаланушылар ғана көре алады. Олар оны енгізгенге дейін бұл мазмұн бетте мүлде болмайды. Қалай жұмыс істейтінін көріңіз.

АтрибутТүріӘдепкіМәндері
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 бөлігі: беттің жеке себеті немесе төлемі (блок немесе классикалық), классикалық себет, төлем немесе Менің аккаунтым, немесе тапсырыс қабылданды мәліметтері. Жұмысын көру.

АтрибутТүріӘдепкіМәндері
pagestring"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

Pro. Келушілер қашықтық бойынша іздей немесе сұрыптай алатын тізімдегі әрбір орын, сондай-ақ келуші сұраған кезде ғана жүктелетін 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

Жас шектеуі 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""—