Sanggunian

Sanggunian ng mga block ng Page Builder Sandwich

Bawat block ng Page Builder Sandwich at Page Builder Sandwich Pro (44 na libre, 68 na Pro): ang pangalan nito para sa code at mga AI agent, kung ano ang ginagawa nito, at bawat attribute kasama ang uri at default nito, na binasa mula sa sariling mga block.json file ng plugin.

Layout at disenyo

Animated text pbs/animated-text

Pro. Isang talata o heading na kusang nagta-type, o may mga salitang nagfe-fade in o umaangat, kapag na-scroll papunta sa view. Nananatiling hindi gumagalaw para sa mga bisitang humihiling ng mas kaunting galaw. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
contentstring""—
tagstring"p"p h2 h3 h4 h5 h6
effectstring"fade"typewriter fade rise
speedstring"normal"slow normal fast

Suportado ng editor ang: interactivity.

Link ng button pbs/button

Libre. Isang link na may estilo ng button. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
urlstring""—
textstring""—
stylestring""—
targetstring"" _blank
relstring""—
alignstring"" left center right
wrapStylestring""—
wrappedbooleanfalse—
wrapDataobject——
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Container pbs/container

Libre. Isang kahon na nag-aayos ng mga block sa loob nito gamit ang flexbox o grid. Mag-nest ng mga container para makabuo ng anumang layout. Nananatiling nababasa kahit kailan ma-off ang plugin. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
tagstring"div"section div header footer article aside main nav
widthstring"full"full boxed
linkobject——

Mga epekto ng cursor pbs/cursor-effects

Pro. Isang singsing, spotlight, o maikling trail na sumusunod sa mouse pointer sa ibabaw ng isang seksyon, o sa buong pahina. Naka-off sa mga touch screen at para sa mga bisitang humihiling ng mas kaunting galaw. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
effectstring"ring"ring spotlight trail
scopestring"section"section page

Suportado ng editor ang: interactivity.

Tagapalit ng wika pbs/language-switcher

Libre. Hinahayaan ang mga bisita na basahin ang pahinang ito sa ibang wika, na naka-istilo upang tumugma sa iyong pahina. Kinakailangan ang Tranzly plugin para sa mga wika. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Value
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. Isang linya ng maiikling teksto na nag-i-scroll patawid sa pahina, na may pause button. Nakahinto para sa mga bisitang humihiling ng mas kaunting galaw. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

Suportado ng editor ang: interactivity.

Background ng mga particle pbs/particles

Pro. Isang seksyong may mabagal na lumulutang na mga tuldok sa likod ng mga block nito. Isang nakapirming frame para sa mga bisitang humihiling ng mas kaunting galaw. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
colorstring""—
densitystring"normal"low normal high
speedstring"normal"slow normal fast
linksbooleantrue—

Suportado ng editor ang: interactivity.

Row pbs/row

Libre. Isang hilera ng mga column. Nananatiling nababasa kung sakaling i-off ang plugin. Tingnan kung paano ito gumagana.

Mga panloob na block: Column.

AttributeUriDefaultMga Halaga
stylestring""—
widthstring"" full-width full-width-retain-content
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Seksyon pbs/section

Libre. Isang full-width na bahagi ng pahina na nag-aayos ng nilalaman nito gamit ang flexbox o grid. Nananatiling nababasa sakaling ma-deactivate ang plugin. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
tagstring"section"section div header footer article aside main nav
widthstring"boxed"full boxed
alignstring"full"—
linkobject——

Suportado ng editor ang: align.

Nilalaman

Accordion pbs/accordion

Libre. Mga tanong o seksyon na nagbubukas at nagsasara. Opsyonal na isa-isa, at opsyonal na naka-markup bilang FAQ para sa mga search engine. Tingnan kung paano ito gumagana.

Mga panloob na block: Item ng accordion.

AttributeUriDefaultMga Halaga
singlebooleanfalse—
faqbooleanfalse—

Alerto pbs/alert

Libre. Isang abiso para sa iyong mga bisita: impormasyon, tagumpay, babala o error, na may opsyonal na pamagat at button na pansara. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
variantstring"info"info success warning error
titlestring""—
contentstring""—
showIconbooleantrue—
dismissiblebooleanfalse—

Suportado ng editor ang: interactivity.

Badge pbs/badge

Libre. Isang maikling label tulad ng Bago, Sale o Pinakamagandang halaga. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
contentstring""—
variantstring"accent"neutral info success warning error accent
justifystring"start"start center end

Checklist pbs/checklist

Libre. Isang listahan ng mga gawain, bawat isa ay minarkahang tapos na o kailangan pang gawin, sa mga salita para sa mga screen reader gayundin may tsek. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
accentstring"primary"text primary secondary contrast

Content switcher pbs/content-switcher

Pro. Isang switch sa pagitan ng dalawa o higit pang bersyon ng ilang nilalaman, tulad ng buwanan at taunang mga presyo. Tingnan kung paano ito gumagana.

Mga panloob na block: Switcher pane.

AttributeUriDefaultMga Halaga
labelstring""—

Dalawahang heading pbs/dual-heading

Libre. Isang heading sa dalawang bahagi, ang pangalawa ay may accent na kulay, gradient, outline o underline. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
firststring""—
secondstring""—
levelinteger2—
lookstring"accent"accent gradient outline underline
stackedbooleanfalse—
justifystring"start"start center end

Listahan ng mga feature pbs/feature-list

Libre. Mga feature sa isang grid, bawat isa ay may icon, heading, at maikling paglalarawan. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
iconstring"check"check star info arrow dot circle
columnsinteger3—
levelinteger2—
accentstring"primary"text primary secondary contrast

Glosaryo pbs/glossary

Libre. Mga termino at ang kanilang mga depinisyon, nakaayos mula A hanggang Z, bawat isa ay may sariling link. Maaaring i-link ang unang pagbanggit ng bawat termino sa pahina patungo sa depinisyon nito. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
sortbooleantrue—
showIndexbooleanfalse—
autoLinkbooleanfalse—

Listahan ng icon pbs/icon-list

Libre. Isang listahan kung saan nagsisimula ang bawat linya sa isang icon: check mark, arrow, o anumang icon mula sa library. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
iconstring"check"check dot arrow star circle
layoutstring"stacked"stacked inline
accentstring"primary"text primary secondary contrast

Info box pbs/info-box

Libre. Isang icon, maikling heading, isa o dalawang pangungusap at opsyonal na link: para sa mga serbisyo, benepisyo o mga detalye ng contact. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
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

Modal pbs/modal

Libre. Isang button na nagbubukas ng window sa ibabaw ng page, na may anumang mga block sa loob. Tingnan kung paano ito gumagana.

AttributeTypeDefaultMga Value
triggerstring""—
titlestring""—
sizestring"medium"small medium large
backdropClosebooleantrue—

Off-canvas panel pbs/off-canvas

Libre. Isang button na nagpapa-slide ng panel mula sa gilid ng window, na may anumang mga block sa loob. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
triggerstring""—
titlestring""—
sidestring"end"start end
backdropClosebooleantrue—

Mga Post pbs/posts

Pro. Mga post, pahina, portfolio item o produkto bilang mga card: grid, listahan, masonry o carousel, na may filter ng kategorya at mga pahina o “Mag-load pa”. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
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—

Ipakita ang higit pa pbs/show-more

Pro. Mahabang nilalaman na pinutol sa itinakdang taas, na may button na nagpapakita ng natitira. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
heightstring"medium"small medium large
moreLabelstring""—
lessLabelstring""—

Mga Hakbang pbs/steps

Libre. Ang mga may numerong hakbang ng isang proseso, nang sunod-sunod, pababa sa pahina o magkatabi. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
layoutstring"vertical"vertical horizontal
levelinteger2—
accentstring"primary"text primary secondary contrast

Mga Tab pbs/tabs

Libre. Nilalaman sa mga tab: nagpapalipat-lipat ang mga bisita sa mga panel gamit ang mouse o keyboard. Tingnan ito kung paano gumagana.

Mga panloob na block: Tab.

AttributeUriDefaultMga Halaga
labelstring""—
verticalbooleanfalse—
selectedinteger0—

Tooltip pbs/tooltip

Libre. Isang salita o parirala na nagpapakita ng maikling paliwanag sa hover at focus ng keyboard. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
textstring""—
tipstring""—
placementstring"top"top bottom

Marketing at benta

A/B test pbs/ab-test

Pro. Dalawang bersyon ng isang seksyon: makikita ng bawat bisita ang isa, at ipinapakita ng screen ng mga A/B test kung alin ang may mas mahusay na conversion. Tingnan kung paano ito gumagana.

Mga panloob na block: Bersyon ng A/B.

AttributeUriDefaultMga Halaga
testIdstring""—
namestring""—
splitnumber50—
goalstring""—

Animated na headline pbs/animated-headline

Pro. Isang heading kung saan nagbabago ang mahalagang salita, na may pause button at walang galaw para sa mga bisitang humihiling ng mas kaunting motion. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
beforestring""—
wordsarray[]—
afterstring""—
effectstring"fade"fade slide type
levelinteger2—
intervalinteger2500—

Suportado ng editor ang: interactivity.

Bago at pagkatapos pbs/before-after

Pro. Dalawang larawan na nakapatong sa isa’t isa na may slider upang paghambingin ang mga ito. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
beforeUrlstring""—
beforeIdinteger0—
beforeAltstring""—
beforeLabelstring""—
afterUrlstring""—
afterIdinteger0—
afterAltstring""—
afterLabelstring""—
positioninteger50—

Suportado ng editor ang: interactivity.

Call to action pbs/call-to-action

Libre. Isang heading, isang pangungusap, at isa o dalawang button na humihiling sa bisita na kumilos. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
titlestring""—
contentstring""—
levelinteger2—
primaryTextstring""—
primaryUrlstring""—
primaryNewTabbooleanfalse—
secondaryTextstring""—
secondaryUrlstring""—
secondaryNewTabbooleanfalse—
layoutstring"stacked"stacked split
alignstring"center"start center

I-click para ibahagi ang quote pbs/click-to-tweet

Pro. Isang quote na may button na nagbubukas ng post sa X kasama ang quote at link papunta sa pahinang ito. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
quotestring""—
viastring""—
urlstring""—
buttonTextstring""—

Talahanayan ng paghahambing pbs/comparison-table

Libre. Mga plano o produkto nang magkatabi, na may mga markang oo at hindi na binabasa ng mga screen reader bilang mga salita. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga value
captionstring""—
columnsarray[]—
rowsarray[]—
stickyHeaderbooleanfalse—
onlyDifferencesbooleanfalse—

Mga button sa pakikipag-ugnayan pbs/contact-buttons

Libre. Mga button para tumawag, mag-email, mag-text, o magpadala ng mensahe sa iyo sa WhatsApp. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
messagestring""—

Countdown pbs/countdown

Pro. Isang timer na nagka-countdown hanggang sa isang petsa, o isang evergreen na countdown na nagsisimula kapag unang dumating ang bawat bisita. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
modestring"date"date evergreen
datestring""—
evergreenHoursinteger24—
labelstring""—
expiredTextstring""—
showSecondsbooleantrue—

Suportado ng editor ang: interactivity.

Counter pbs/counter

Pro. Isang numero na nagbibilang pataas kapag nakita sa screen, may kasamang label. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
startnumber0—
endnumber100—
decimalsinteger0—
durationinteger2000—
prefixstring""—
suffixstring""—
labelstring""—
separatorbooleantrue—

Suportado ng editor ang: interactivity.

Coupon code pbs/coupon-code

Pro. Isang discount code na ibinubunyag at kinokopya ng mga bisita sa isang click lang. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
codestring""—
descriptionstring""—
buttonTextstring""—
expiresstring""—

Suportado ng editor ang: interactivity.

Flip box pbs/flip-box

Pro. Isang card na umiikot para magpakita ng higit pa: kapag ini-hover, kapag may keyboard focus, o gamit ang sarili nitong button sa mga touch screen. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
svgstring""—
iconRefstring""—
frontTitlestring""—
frontTextstring""—
backTitlestring""—
backTextstring""—
buttonTextstring""—
buttonUrlstring""—
effectstring"flip"flip fade
levelinteger2—

Suportado ng editor ang: interactivity.

Pormularyo pbs/form

Libre. Nagpapakita ng form mula sa Contact Form 7, WPForms, Gravity Forms, o Fluent Forms, na naka-istilo upang tumugma sa iyong site. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
providerstring"" cf7 wpforms gravityforms fluentforms
formIdstring""—
fieldStylestring"outlined"outlined filled underlined
buttonWidthstring"auto"auto full

Form pbs/form-builder

Pro. Isang contact, quote, signup, o multi-step na form na may proteksyon sa spam, mga pag-upload ng file, at mga conditional field; ang bawat pagsusumite ay maaaring i-email, i-save, ipadala sa isang webhook, o idagdag sa isang mailing list. Tingnan kung paano ito gumagana.

Mga panloob na block: Field ng form, Hakbang ng form.

AttributeUriDefaultMga Halaga
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

Mga Hotspot pbs/hotspots

Pro. Isang larawan na may mga puntong nagbubukas ng maikling tala kapag pinili. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
pointsarray[]—

Suportado ng editor ang: interactivity.

Grid ng logo pbs/logo-grid

Pro. Mga logo ng kliyente o partner sa isang grid, bawat isa ay may opsyonal na link. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
logosarray[]—
columnsinteger4—
grayscalebooleantrue—

Logo marquee pbs/logo-marquee

Pro. Mga logo na dahan-dahang nag-i-scroll, may pause button; nakahinto para sa mga bisitang nais ng mas kaunting galaw. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
logosarray[]—
speedstring"normal"slow normal fast
grayscalebooleantrue—

Suportado ng editor ang: interactivity.

Lottie animation pbs/lottie

Pro. Isang Lottie animation mula sa file na iyong in-upload, pinapatugtog sa site na ito nang walang panlabas na kahilingan. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
fileIdinteger0—
fileNamestring""—
labelstring""—
loopbooleantrue—
playstring"view"view load hover
speednumber1—

Suportado ng editor ang: interactivity.

Pag-signup sa newsletter pbs/newsletter

Pro. Isang form sa pag-signup sa email para sa Mailchimp, MailPoet o AWeber, na may checkbox ng pahintulot at isang malinaw na mensahe sa tagumpay o kabiguan. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
servicestring"mailpoet"mailpoet mailchimp aweber
liststring""—
headingstring""—
textstring""—
buttonTextstring""—
consentTextstring""—
successTextstring""—
layoutstring"stacked"stacked inline

Suportado ng editor ang: interactivity.

Listahan ng presyo pbs/price-list

Pro. Mga item na may pangalan, presyo, at maikling paglalarawan, tulad ng isang menu o isang listahan ng mga serbisyo. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—

Talahanayan ng presyo pbs/pricing-table

Pro. Mga plan na magkatabi kasama ang kanilang presyo, mga feature at isang button, na may opsyonal na buwanan / taunang switch. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
plansarray[]—
billingTogglebooleanfalse—
currencystring"$"—
monthlyLabelstring""—
yearlyLabelstring""—
yearlyNotestring""—
levelinteger2—

Suportado ng editor ang: interactivity.

Promo bar pbs/promo-bar

Pro. Isang manipis na bar ng anunsyo na nananatili sa itaas o ibaba ng screen, na maaaring isara ng mga bisita. Tingnan itong gumagana.

AttributeUriDefaultMga Value
contentstring""—
linkTextstring""—
linkUrlstring""—
newTabbooleanfalse—
positionstring"top"top bottom inline
dismissiblebooleantrue—
variantstring"dark"dark accent light

Suportado ng editor ang: interactivity.

Mga abiso sa kamakailang benta pbs/social-proof

Pro. Maliliit na abiso ng mga totoong kamakailang order mula sa WooCommerce o Easy Digital Downloads: ang unang pangalan at lungsod ng mamimili, para lamang sa mga mamimiling sumang-ayon sa pag-checkout. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
sourcestring"auto"auto woocommerce edd
countinteger10—
maxAgeDaysinteger14—
showForinteger6—
gapinteger12—
positionstring"start"start end
showProductbooleantrue—
showTimebooleantrue—

Suportado ng editor ang: interactivity.

Share bar pbs/share-bar

Pro. Mga button para ibahagi ang pahinang ito sa mga social network, sa pamamagitan ng email, sa sariling share menu ng device, o sa pamamagitan ng pagkopya ng link. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
networksarray[]—
layoutstring"inline"inline floating
labelstring""—

Suportado ng editor ang: interactivity.

Mga icon ng social pbs/social-icons

Libre. Mga link patungo sa iyong mga profile, na iginuhit gamit ang sariling mga icon ng mga network. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
lookstring"filled"plain filled outline
shapestring"circle"circle rounded square
sizestring"medium"small medium large
justifystring"start"start center end
newTabbooleantrue—

Team pbs/team

Pro. Mga tao kasama ang kanilang larawan, pangalan, tungkulin, maikling bio, at mga link. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
membersarray[]—
columnsinteger3—
levelinteger2—

Testimonial pbs/testimonial

Libre. Isang quote mula sa isang customer na may kasamang kanilang pangalan, tungkulin, larawan, at opsyonal na star rating. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
quotestring""—
namestring""—
rolestring""—
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
ratinginteger0—
layoutstring"stacked"stacked side
alignstring"start"start center

Timeline pbs/timeline

Pro. Mga kaganapang sunod-sunod kasama ang mga petsa ng mga ito, pababa sa isang linya. Tingnan itong gumagana.

AttributeUriDefaultMga Value
itemsarray[]—
levelinteger2—

Mga badge ng pagtitiwala pbs/trust-badges

Pro. Maiikling pampapanatag ng loob na may tig-iisang icon: ligtas na pagbabayad, libreng paghahatid, madaling pagbabalik. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Value
badgesarray[]—
layoutstring"row"row grid

Button ng WhatsApp chat pbs/whatsapp

Libre. Isang lumulutang na button sa sulok ng pahina na nagbubukas ng WhatsApp chat sa iyo. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
phonestring""—
messagestring""—
labelstring""—
showLabelbooleanfalse—
positionstring"end"end start

Mga larawan, video, at media

Viewer ng 3D model pbs/model-viewer

Pro. Isang 3D model (glTF o GLB) na maaaring ikutin at i-zoom ng mga bisita, opsyonal sa augmented reality. Tingnan ito habang gumagana.

AttributeUriDefaultMga Halaga
srcstring""—
altstring""—
posterstring""—
autoRotatebooleanfalse—
arbooleanfalse—

Audio player pbs/audio-player

Pro. Isang podcast o music player: mga episode, artwork, at bilis ng pag-playback sa paligid ng sariling player ng browser. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
tracksarray[]—
titlestring""—
artworkobject——

Kalendaryo ng booking pbs/booking

Libre. Isang kalendaryo ng booking sa Calendly o Cal.com, na nilo-load lamang kapag hiniling ng bisita. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
providerstring"calendly"calendly cal
urlstring""—
labelstring""—

Suportado ng editor ang: interactivity.

Pro. Mga imahe sa isang masonry, justified, o pantay na grid, na bumubukas sa isang accessible na lightbox. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
imagesarray[]—
layoutstring"masonry"masonry justified grid
columnsinteger3—
lightboxbooleantrue—
captionsbooleanfalse—

Icon pbs/icon

Libre. Isang SVG icon. Nililinis ang markup bago ito ipakita. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
svgstring""—
stylestring""—
iconRefstring""—
displaystring—inline block
justifystring"start"start center end
labelstring""—

Image accordion pbs/image-accordion

Pro. Magkakatabing panel ng larawan; ang nasa ilalim ng pointer o keyboard ay lumalapad upang ipakita ang teksto nito. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—

Mapa pbs/map

Libre. Isang mapa ng isang lugar mula sa OpenStreetMap: walang key, at walang maglo-load mula sa OpenStreetMap hanggang sa hilingin ng bisita ang mapa. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
latnumber——
lngnumber——
zoomnumber14—
labelstring""—

Sinusuportahan ng editor: align, interactivity.

Parallax na imahe pbs/parallax-image

Pro. Isang imahe na dahan-dahang gumagalaw habang nag-i-scroll sa pahina. Nakapirmi para sa mga bisitang mas gustong walang gaanong galaw. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
imageobject——
strengthstring"medium"low medium high
heightstring"medium"small medium large

Viewer ng PDF pbs/pdf-viewer

Pro. Isang PDF na ipinapakita sa pahina ng browser, na may link para buksan ito. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
srcstring""—
titlestring""—
heightstring"medium"small medium large

QR code pbs/qr-code

Libre. Isang QR code para sa isang web address o anumang teksto, na iginuhit sa sarili mong site (walang serbisyong QR na ginagamit). Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
textstring""—
svgstring""—
altstring""—
captionstring""—

Slider pbs/slider

Pro. Isang carousel ng mga slide, imahe, post o produkto: swipe, mga pindutan o awtomatiko, at accessible. Tingnan itong gumagana.

Mga panloob na block: Slide.

AttributeUriDefaultMga Halaga
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. Isang grid ng mga video. Naglo-load lang ang YouTube at Vimeo kapag pinindot ng bisita ang play, habang ang mga poster ay pinananatili sa iyong site. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Value
videosarray[]—
columnsinteger3—

Playlist ng video pbs/video-playlist

Pro. Isang player at isang listahan ng mga video: ang sarili mong mga file, o YouTube at Vimeo na naglo-load lang kapag pinili. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Value
videosarray[]—
labelstring""—

Data, mga chart at mga talahanayan

Chart pbs/chart

Pro. Isang bar, line o pie chart na iginuhit sa server, na may mga numero sa isang talahanayan para sa lahat ng hindi makakita ng chart. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
typestring"bar"bar line pie
titlestring""—
labelsarray[]—
seriesarray[]—
valuePrefixstring""—
valueSuffixstring""—
heightstring"medium"short medium tall
showLegendbooleantrue—
showValuesbooleanfalse—

Code pbs/code

Libre. Isang listahan ng code na may syntax highlighting, mga numero ng linya at copy button. Nananatiling nababasa sakaling ma-deactivate ang plugin. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
codestring""—
languagestring"auto"—
filenamestring""—
lineNumbersbooleanfalse—
copybooleantrue—
wrapbooleanfalse—

Suportado ng editor ang: interactivity.

Talahanayan ng data pbs/data-table

Pro. Isang talahanayan na maaaring i-sort at hanapin ng mga bisita, na nananatiling nababasa sa telepono. I-paste o mag-import ng CSV file. Tingnan itong gumagana.

KatangianUriDefaultMga Halaga
captionstring""—
columnsarray[]—
rowsarray[]—
sortablebooleantrue—
searchablebooleantrue—
layoutstring"stack"stack scroll
stripedbooleantrue—
rowHeadersbooleanfalse—

Suportado ng editor ang: interactivity.

Mga Kaganapan pbs/events

Pro. Mga paparating na kaganapan bilang isang listahan o buwanang kalendaryo, sa time zone ng site. Kusa namang naaalis sa listahan ang mga nakaraang kaganapan. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Value
eventsarray[]—
viewstring"list"list calendar
showPastbooleanfalse—
sourcestring"manual"manual tec
tecCategorystring""—
limitnumber20—
categoriesarray[]—
hideCanceledbooleanfalse—
hidePostponedbooleanfalse—

Suportado ng editor ang: interactivity.

Mga review sa Google at Trustpilot pbs/reviews

Pro. Ang iyong mga review sa Google at Trustpilot bilang grid, slider o badge. Nire-refresh nang isang beses bawat araw sa background, kaya hindi naghihintay ang mga pahina para sa alinmang serbisyo. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
sourcestring"both"both google trustpilot
layoutstring"grid"grid slider badge
minRatinginteger4—
orderstring"newest"newest best
countinteger6—
showDatebooleantrue—
showSummarybooleanfalse—
labelstring""—

Suportado ng editor ang: interactivity.

Org chart pbs/org-chart

Pro. Kung sino ang nag-uulat kanino, bilang isang tree ng mga tao kasama ang kanilang mga tungkulin at larawan. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
labelstring""—
peoplearray[]—

Progress bar pbs/progress-bar

Libre. Isang may label na bar na nagpapakita kung gaano na kalayo ang narating ng isang bagay, tulad ng isang kasanayan o isang layunin. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
labelstring""—
valueinteger50—
maxinteger100—
showValuebooleantrue—

Bilog ng progreso pbs/progress-circle

Pro. Isang singsing na napupuno hanggang sa isang halaga, na may numero at label bilang totoong teksto. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
valuenumber75—
maxnumber100—
labelstring""—
formatstring"percent"percent value
sizestring"medium"small medium large
thicknessstring"normal"thin normal thick

Query loop pbs/query-loop

Pro. Maglista ng mga post, produkto, user, kategorya, o isang repeater field, na naka-filter at naka-sort, gamit ang isang card na minsan mo lang ididisenyo. Opsyonal na mga live filter at page. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
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""—

Suportado ng editor ang: interactivity.

Roadmap pbs/roadmap

Pro. Kung ano ang nakaplano, kasalukuyang ginagawa, at tapos na, bilang isang board na may tatlong column o bilang isang listahan. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

Star rating pbs/star-rating

Libre. Isang rating na ipinapakita bilang mga bituin, sa mga hakbang na kalahating bituin. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
ratingnumber4—
maxinteger5—
showValuebooleanfalse—

Pagbuo ng site at nabigasyon

Kahon ng may-akda pbs/author-box

Pro. Ang may-akda ng post na ito: larawan, pangalan, talambuhay, at mga link. Tingnan itong gumagana.

KatangianUriDefaultMga Halaga
showAvatarbooleantrue—
showBiobooleantrue—
showPostsbooleantrue—
showWebsitebooleantrue—
avatarSizenumber96—
headingLevelstring"h2"—

Profile ng may-akda pbs/user-profile

Libre. Ang larawan, pangalan, talambuhay, at mga link ng may-akda, o ng isang napiling user. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
sourcestring"author"author user
userIdnumber0—
showAvatarbooleantrue—
showBiobooleantrue—
showLinksbooleantrue—

Bumalik sa itaas pbs/back-to-top

Pro. Isang button sa sulok ng screen na nagdadala sa bisita pabalik sa itaas ng pahina. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
labelstring""—
positionstring"end"—
showAfternumber400—
showLabelbooleanfalse—

Suportado ng editor ang: interactivity.

Breadcrumbs pbs/breadcrumbs

Pro. Ang daan mula sa home page patungo sa pahinang ito, na may structured data para sa mga search engine. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
showHomebooleantrue—
homeLabelstring""—
separatorstring"chevron"—
showCurrentbooleantrue—
schemabooleantrue—

Mga oras ng negosyo pbs/business-hours

Pro. Ang iyong mga oras ng pagbubukas para sa linggo, na may linyang “Bukas ngayon” na kinakalkula batay sa time zone ng iyong site. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
titlestring""—
daysarray[{"closed":true,"ranges":[]},{"closed…—
showOpenNowbooleantrue—
highlightTodaybooleantrue—
notestring""—

Suportado ng editor ang: interactivity.

Switch para sa dark mode pbs/dark-mode-switch

Pro. Isang button na nagpapalit sa website sa pagitan ng mga kulay na maliwanag at madilim, at naaalala ang pinili ng bisita. Tingnan kung paano ito gumagana.

AttributoUriDefaultMga Halaga
labelstring""—
showLabelbooleanfalse—

Suportado ng editor ang: interactivity.

Mag-login at magrehistro pbs/login-form

Pro. Ang form ng pag-login o pagpaparehistro ng WordPress, at isang link para mag-logout kapag naka-sign in na. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
modestring"login"—
redirectstring""—
showRememberbooleantrue—
showLostbooleantrue—
showRegisterbooleantrue—

Mini cart pbs/mini-cart

Pro. Ang bilang at kabuuan ng cart ng bisita, na nagbubukas ng mga item sa cart. Nananatiling napapanahon pagkatapos magdagdag sa cart, kahit sa isang naka-cache na page. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
labelstring""—

Navigation menu pbs/nav-menu

Libre. Isang WordPress menu na may mga dropdown at mobile menu: isang side drawer, full-screen menu, o dropdown. Mga mega menu sa Pro. Tingnan itong gumagana.

Mga panloob na block: Mega menu panel (Pro).

AttributeUriDefaultMga Value
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"—

Suportado ng editor ang: interactivity.

Nilalamang protektado ng password pbs/protected

Libre. Mga block na tanging mga bisitang may password lamang ang makakakita. Hanggang sa ilagay nila ito, ang nilalaman ay wala talaga sa pahina. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
lockIdstring""—
hashstring""—
messagestring""—

Mga detalye ng post pbs/post-meta

Libre. Ang may-akda, mga petsa, mga kategorya, mga tag, oras ng pagbabasa, at bilang ng komento ng post. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
itemsarray["author","date","readingTime"]—

Elemento ng produkto pbs/product-element

Pro. Isang bahagi ng produkto: ang pamagat, gallery, presyo, rating, add to cart, mga tab, kaugnay na produkto, upsells, sale badge o stock nito. Ipinapakita ang tinitignang produkto, ang produkto ng loop, o ang pipiliin mo. Panoorin itong gumagana.

AttributeUriDefaultMga Halaga
partstring"title"title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock
productIdinteger0—
levelinteger0—

Bar para sa progreso sa pagbabasa pbs/reading-progress

Libre. Isang manipis na bar sa gilid ng window na napupuno habang nag-i-scroll ang mga bisita sa page. Panoorin itong gumagana.

AttributeUriDefaultMga Halaga
positionstring"top"top bottom

Oras ng pagbasa pbs/reading-time

Pro. Ilang minuto bago basahin ang post na ito. Tingnan ito habang gumagana.

AttributeUriDefaultMga Halaga
wpmnumber200—
formatstring"long"—
prefixstring""—

Libre. Mga post na may parehong kategorya o tag ng post na ito, kasama ang kanilang mga larawan, petsa, at buod. Tingnan ito habang gumagana.

KatangianUriDefaultMga Halaga
countnumber3—
bystring"both"both categories tags
fallbackbooleantrue—
headingstring""—
headingLevelnumber2—
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleanfalse—

Paghahanap pbs/search-form

Pro. Isang search box para sa website na ito. Tingnan itong gumagana.

Katangian (Attribute)Uri (Type)DefaultMga Halaga (Values)
labelstring""—
placeholderstring""—
buttonTextstring""—
showLabelbooleanfalse—
iconButtonbooleantrue—
postTypestring""—

Mga pindutan sa pagbabahagi pbs/share-buttons

Pro. Mga pindutan na nagbabahagi ng pahinang ito sa mga social network, sa pamamagitan ng email, o sa pamamagitan ng pagkopya ng link nito. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
networksarray["facebook","x","linkedin","whatsapp"…—
showLabelsbooleanfalse—
shapestring"rounded"—
nativebooleantrue—
labelstring""—

Suportado ng editor ang: interactivity.

Pahina ng shop pbs/shop-page

Pro. Ang bahaging WooCommerce ng isang pahina ng shop sa isang template: ang sariling cart o checkout ng pahina (block o classic), ang klasikong cart, checkout o Aking Account, o ang mga detalye ng natanggap na order. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
pagestring"content"content cart checkout account order

Header ng site pbs/site-header

Pro. Ang itaas na bahagi ng website: logo, navigation, at anupaman, sa isa o higit pang mga hanay; opsyonal na sticky, transparent, lumiliit, o nagtatago habang nag-i-scroll pababa. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
stickybooleanfalse—
transparentbooleanfalse—
shrinkbooleanfalse—
hideOnScrollbooleanfalse—
stickyFromnumber0—

Suportado ng editor ang: interactivity.

Sitemap pbs/sitemap

Libre. Isang page na naglilista ng bawat nai-publish na page at post (at iba pang pampublikong content), na pinapanatili ang page tree. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Value
postTypesarray["page","post"]—
showHeadingsbooleantrue—
headingLevelnumber2—

Store locator pbs/store-locator

Pro. Bawat lokasyon sa isang listahan na maaaring hanapin o i-sort ng mga bisita ayon sa distansya, at sa isang mapa ng OpenStreetMap na naglo-load lamang kapag hiniling ito ng isang bisita. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
labelstring""—
locationsarray[]—
showSearchbooleantrue—
showMapbooleantrue—
zoominteger0—

Suportado ng editor ang: interactivity.

Talaan ng mga nilalaman pbs/table-of-contents

Libre. Isang listahan ng mga heading sa pahina, awtomatikong binuo, na nagli-link sa bawat isa. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
titlestring""—
minLevelinteger2—
maxLevelinteger3—
orderedbooleanfalse—
collapsiblebooleanfalse—
collapsedbooleanfalse—
spybooleantrue—

Casino, iGaming at affiliate

Pindutan ng affiliate pbs/affiliate-button

Pro. Isang pindutan patungo sa isang alok, namarkahan bilang sponsored link, opsyonal sa pamamagitan ng maikling link na nagbibilang ng mga pag-click. Tingnan itong gumagana.

KatangianUriDefaultMga Halaga
textstring""—
urlstring""—
linkIdnumber0—
newTabbooleantrue—
variantstring"fill"fill outline
sizestring"medium"small medium large

Panghadlang sa edad pbs/age-gate

Pro. Humihingi sa mga bisita na kumpirmahin ang kanilang edad bago nila makita ang website, na may minimum na edad bawat bansa. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
minAgenumber18—
rulesarray[]—
modestring"confirm"confirm birthdate
rememberDaysnumber30—
titlestring""—
messagestring""—
deniedMessagestring""—

Suportado ng editor ang: interactivity.

Talahanayan ng paghahambing ng casino pbs/casino-table

Pro. Pinaghambing ang mga alok nang magkatabi, bawat isa ay may bonus, rating, mga highlight, button, at mga tuntunin. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
offersarray[]—
captionstring""—
showRankbooleantrue—
showRatingbooleantrue—
showFeaturesbooleantrue—
noticestring""—
agenumber18—

Mga presyo ng crypto pbs/crypto-ticker

Pro. Mga presyo ng cryptocurrency mula sa CoinGecko, bilang isang ticker, mga card, o chart ng presyo. Tingnan itong gumagana.

AttributeUriDefaultMga Value
coinsarray["bitcoin","ethereum","solana"]—
currencystring"usd"—
layoutstring"ticker"ticker cards chart
daysnumero7—
labelstring""—

Kard ng alok pbs/offer-card

Pro. Isang alok: logo, bonus, mga highlight, isang naka-sponsor na button, ang mga tuntunin nito, at isang paunawa sa edad. Tingnan itong gumagana.

KatangianUriDefaultMga Halaga
namestring""—
logostring""—
logoIdnumber0—
bonusstring""—
descriptionstring""—
featuresstring""—
ratingnumber0—
urlstring""—
linkIdnumber0—
ctastring""—
termsstring""—
badgestring""—
agenumber18—
headingLevelstring"h2"h2 h3 h4 p

Mga kalamangan at kahinaan pbs/pros-cons

Pro. Dalawang listahang magkatabi: kung ano ang mabuti at kung ano ang hindi. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
prosTitlestring""—
consTitlestring""—
prosarray[]—
consarray[]—
headingLevelstring"h2"h2 h3 h4 p

Paunawa para sa responsableng pagsusugal pbs/rg-notice

Pro. Isang mensahe para sa responsableng pagsusugal at link para sa tulong, pinili para sa bansa ng bisita. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
textstring""—
urlstring""—
linkTextstring""—
useHelpbooleantrue—
countriesarray[]—
showAgebooleantrue—
agenumber18—

Puntos ng pagsusuri pbs/review-score

Pro. Isang pangkalahatang marka, mga marka para sa bawat pamantayan, at isang hatol. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
scorenumber8—
scalenumber10—
labelstring""—
criteriaarray[]—
verdictstring""—

Mga Widget at add-on

Shortcode (add-on) pbs/shortcode

Libre. Isang shortcode mula sa isang add-on na isinulat para sa klasikong editor ng Page Builder Sandwich, kasama ang mga setting na idineklara ng add-on. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
tagstring""—
attrsobject{}—
contentstring""—

Widget pbs/widget

Libre. Ipinapakita ang isa sa mga nakarehistrong classic widget ng site. Tingnan itong gumagana.

AttributeUriDefaultMga Halaga
widgetstring""—
instanceobject{}—
fallbackHtmlstring""—

Lugar ng widget pbs/sidebar

Libre. Ipinapakita ang mga widget sa isa sa mga widget area ng tema. Tingnan kung paano ito gumagana.

AttributeUriDefaultMga Halaga
sidebarstring""—
fallbackHtmlstring""—