Referencia

Page Builder Sandwich blokk-referencia

A Page Builder Sandwich és a Page Builder Sandwich Pro minden blokkja (44 ingyenes, 68 Pro): a kódok és az MI-ügynökök által használt neve, a funkciója, valamint az összes attribútum a típusával és alapértelmezett értékével – közvetlenül a bővítmény saját block.json fájljaiból beolvasva.

Elrendezés és dizájn

Animált szöveg pbs/animated-text

Pro. Egy bekezdés vagy címsor, amely önmagát gépeli be, vagy amelynek szavai fokozatosan jelennek meg, illetve emelkednek be, amikor a képernyőre görgetik. Statikus marad a kevesebb mozgást igénylő látogatók számára. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
contentstring""—
tagstring"p"p h2 h3 h4 h5 h6
effectstring"fade"typewriter fade rise
speedstring"normal"slow normal fast

Szerkesztő támogatja: interactivity.

Gomb hivatkozás pbs/button

Ingyenes. Gombként formázott hivatkozás. Működés közben.

AttribútumTípusAlapértelmezettÉrtékek
urlstring""—
textstring""—
stylestring""—
targetstring"" _blank
relstring""—
alignstring"" left center right
wrapStylestring""—
wrappedbooleanfalse—
wrapDataobject——
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Konténer pbs/container

Ingyenes. Egy doboz, amely a benne lévő blokkokat flexbox vagy rács (grid) segítségével rendezi el. Ágyazzon egymásba konténereket bármilyen elrendezés felépítéséhez. Olvasható marad akkor is, ha a bővítményt valaha kikapcsolják. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
tagstring"div"section div header footer article aside main nav
widthstring"full"full boxed
linkobject——

Kurzoreffektek pbs/cursor-effects

Pro. Egy gyűrű, egy fénypont vagy egy rövid nyomvonal, amely követi az egérmutatót egy adott szakasz vagy az egész oldal felett. Érintőképernyőkön, valamint a kevesebb mozgást kérő látogatók számára ki van kapcsolva. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
effectstring"ring"ring spotlight trail
scopestring"section"section page

Szerkesztő támogatja: interactivity.

Nyelvválasztó pbs/language-switcher

Ingyenes. Lehetővé teszi a látogatók számára, hogy más nyelven olvassák el ezt az oldalt, az oldal stílusához igazodva. A nyelvekhez a Tranzly bővítmény szükséges. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
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. Rövid szövegek sora, amely végiggördül az oldalon, szüneteltetés gombbal. Nyugalmi állapotban van azon látogatók számára, akik kevesebb mozgást igényelnek. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

Szerkesztő támogatja: interactivity.

Részecskés háttér pbs/particles

Pro. Egy szakasz, amelynek blokkjai mögött lassan lebegő pontok találhatók. Egy állókép azon látogatóknak, akik kevesebb mozgást kérnek. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
colorstring""—
densitystring"normal"low normal high
speedstring"normal"slow normal fast
linksbooleantrue—

Szerkesztő támogatja: interactivity.

Sor pbs/row

Ingyenes. Oszlopok sora. Olvasható marad akkor is, ha a bővítményt valaha kikapcsolják. Nézze meg működés közben.

Belső blokkok: Oszlop.

AttribútumTípusAlapértelmezettÉrtékek
stylestring""—
widthstring"" full-width full-width-retain-content
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Szakasz pbs/section

Ingyenes. Az oldal teljes szélességű sávja, amely flexbox vagy rács (grid) segítségével rendezi el a tartalmát. Olvasható marad akkor is, ha a bővítményt valaha kikapcsolják. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
tagstring"section"section div header footer article aside main nav
widthstring"boxed"full boxed
alignstring"full"—
linkobject——

A szerkesztő támogatja: align.

Tartalom

Harmonika pbs/accordion

Ingyenes. Kinyitható és összecsukható kérdések vagy szakaszok. Opcionálisan egyszerre csak egy nyitható meg, és opcionálisan GYIK-ként jelölve a keresőmotorok számára. Nézze meg működés közben.

Belső blokkok: Harmonika elem.

AttribútumTípusAlapértelmezettÉrtékek
singlebooleanfalse—
faqbooleanfalse—

Értesítés pbs/alert

Ingyenes. Értesítés a látogatóknak: információ, siker, figyelmeztetés vagy hiba, opcionális címmel és bezárás gombbal. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
variantstring"info"info success warning error
titlestring""—
contentstring""—
showIconbooleantrue—
dismissiblebooleanfalse—

Szerkesztő támogatja: interactivity.

Jelvény pbs/badge

Ingyenes. Rövid címke, mint például Új, Akció vagy Legjobb ár-érték arány. Működés közben.

AttribútumTípusAlapértelmezettÉrtékek
contentstring""—
variantstring"accent"neutral info success warning error accent
justifystring"start"start center end

Ellenőrzőlista pbs/checklist

Ingyenes. Feladatok listája, mindegyik elvégzettként vagy még elvégzendőként megjelölve, a képernyőolvasók számára szavakkal, valamint pipával is ellátva. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
accentstring"primary"text primary secondary contrast

Tartalomváltó pbs/content-switcher

Pro. Váltás egy tartalom két vagy több verziója között, például havi és éves árak esetén. Nézze meg működés közben.

Belső blokkok: Váltópanel.

AttribútumTípusAlapértelmezettÉrtékek
labelkarakterlánc""—

Kettős címsor pbs/dual-heading

Ingyenes. Kétrészes címsor, melynek második része színnel, színátmenettel, körvonallal vagy aláhúzással van kiemelve. Tekintse meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
firststring""—
secondstring""—
levelinteger2—
lookstring"accent"accent gradient outline underline
stackedbooleanfalse—
justifystring"start"start center end

Funkciólista pbs/feature-list

Ingyenes. Funkciók rácsban, mindegyik ikonnal, címsorral és rövid leírással. Tekintse meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
iconstring"check"check star info arrow dot circle
columnsinteger3—
levelinteger2—
accentstring"primary"text primary secondary contrast

Szójegyzék pbs/glossary

Ingyenes. Kifejezések és meghatározásaik A-tól Z-ig rendezve, mindegyik saját hivatkozással. Az oldalon az egyes kifejezések első említését összekapcsolhatja a definíciójukkal. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
sortbooleantrue—
showIndexbooleanfalse—
autoLinkbooleanfalse—

Ikonlista pbs/icon-list

Ingyenes. Olyan lista, ahol minden sor egy ikonnal kezdődik: egy pipával, egy nyíllal vagy bármely ikonnal a könyvtárból. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
iconstring"check"check dot arrow star circle
layoutstring"stacked"stacked inline
accentstring"primary"text primary secondary contrast

Információs doboz pbs/info-box

Ingyenes. Egy ikon, egy rövid címsor, egy-két mondat és egy opcionális hivatkozás: szolgáltatásokhoz, előnyökhöz vagy kapcsolatfelvételi adatokhoz. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
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

Modális ablak pbs/modal

Ingyenes. Egy gomb, amely egy ablakot nyit meg az oldal fölött, benne tetszőleges blokkokkal. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
triggerstring""—
titlestring""—
sizestring"medium"small medium large
backdropClosebooleantrue—

Off-canvas panel pbs/off-canvas

Ingyenes. Egy gomb, amely egy panelt csúsztat be az ablak oldaláról, benne tetszőleges blokkokkal. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
triggerstring""—
titlestring""—
sidestring"end"start end
backdropClosebooleantrue—

Bejegyzések pbs/posts

Pro. Bejegyzések, oldalak, portfólióelemek vagy termékek kártyákként: rács, lista, kőműves (masonry) vagy karusszel elrendezésben, kategóriaszűrővel és lapszámozással vagy „Továbbiak betöltése” gombbal. Tekintse meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
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—

Továbbiak megjelenítése pbs/show-more

Pro. Megadott magasságra vágott hosszú tartalom egy gombbal, amely megjeleníti a többit. Tekintsd meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
heightstring"medium"small medium large
moreLabelstring""—
lessLabelstring""—

Lépések pbs/steps

Ingyenes. Egy folyamat számozott lépései sorrendben, az oldalon lefelé vagy egymás mellett. Tekintsd meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
layoutstring"vertical"vertical horizontal
levelinteger2—
accentstring"primary"text primary secondary contrast

Fülek pbs/tabs

Ingyenes. Tartalom fülekben: a látogatók egérrel vagy billentyűzettel válthatnak a panelek között. Nézze meg működés közben.

Belső blokkok: Tab.

AttribútumTípusAlapértelmezettÉrtékek
labelstring""—
verticalbooleanfalse—
selectedinteger0—

Tooltip pbs/tooltip

Ingyenes. Egy szó vagy kifejezés, amely rövid magyarázatot jelenít meg egérrel fölé mutatva vagy billentyűzetfókusz esetén. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
textstring""—
tipstring""—
placementstring"top"top bottom

Marketing és értékesítés

A/B teszt pbs/ab-test

Pro. Egy szakasz két verziója: minden látogató az egyiket látja, és az A/B tesztek képernyője megmutatja, melyik konvertál jobban. Nézze meg működés közben.

Belső blokkok: A/B verzió.

AttribútumTípusAlapértelmezettÉrtékek
testIdstring""—
namestring""—
splitnumber50—
goalstring""—

Animált címsor pbs/animated-headline

Pro. Egy címsor, amelynek kulcsszava változik, szünet gombbal és mozgás nélkül azoknak a látogatóknak, akik kevesebb mozgást igényelnek. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
beforestring""—
wordsarray[]—
afterstring""—
effectstring"fade"fade slide type
levelinteger2—
intervalinteger2500—

Szerkesztő támogatja: interactivity.

Előtte és utána pbs/before-after

Pro. Két kép egymáson, egy csúszkával az összehasonlításukhoz. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
beforeUrlstring""—
beforeIdinteger0—
beforeAltstring""—
beforeLabelstring""—
afterUrlstring""—
afterIdinteger0—
afterAltstring""—
afterLabelstring""—
positioninteger50—

Szerkesztő támogatja: interactivity.

Cselekvésre ösztönzés pbs/call-to-action

Ingyenes. Egy címsor, egy mondat és egy vagy két gomb, amely cselekvésre kéri a látogatót. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
titlestring""—
contentstring""—
levelinteger2—
primaryTextstring""—
primaryUrlstring""—
primaryNewTabbooleanfalse—
secondaryTextstring""—
secondaryUrlstring""—
secondaryNewTabbooleanfalse—
layoutstring"stacked"stacked split
alignstring"center"start center

Kattintson az idézet megosztásához pbs/click-to-tweet

Pro. Egy idézet gombbal, amely megnyit egy bejegyzést az X-en az idézettel és egy hivatkozással erre az oldalra. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
quotestring""—
viastring""—
urlstring""—
buttonTextstring""—

Összehasonlító táblázat pbs/comparison-table

Ingyenes. Csomagok vagy termékek egymás mellett, igen és nem jelölésekkel, amelyeket a képernyőolvasók szavakként olvasnak fel. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
captionstring""—
columnsarray[]—
rowsarray[]—
stickyHeaderbooleanfalse—
onlyDifferencesbooleanfalse—

Kapcsolat gombok pbs/contact-buttons

Ingyenes. Gombok híváshoz, e-mail küldéséhez, SMS-hez vagy WhatsApp üzenethez. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
messagestring""—

Visszaszámláló pbs/countdown

Pro. Visszaszámláló egy adott dátumig, vagy egy örökzöld visszaszámláló, amely akkor indul, amikor a látogató először megérkezik. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
modestring"date"date evergreen
datestring""—
evergreenHoursinteger24—
labelstring""—
expiredTextstring""—
showSecondsbooleantrue—

Szerkesztő támogatja: interactivity.

Számláló pbs/counter

Pro. Egy felirattal ellátott szám, amely felfelé számlál, amint a képernyőn láthatóvá válik. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
startnumber0—
endnumber100—
decimalsinteger0—
durationinteger2000—
prefixstring""—
suffixstring""—
labelstring""—
separatorbooleantrue—

Szerkesztő támogatja: interactivity.

Kuponkód pbs/coupon-code

Pro. Egy kedvezménykód, amelyet a látogatók egyetlen kattintással felfedhetnek és másolhatnak. Működés közben.

AttribútumTípusAlapértelmezettÉrtékek
codestring""—
descriptionstring""—
buttonTextstring""—
expiresstring""—

Szerkesztő támogatja: interactivity.

Átfordítható doboz pbs/flip-box

Pro. Egy kártya, amely átfordul további tartalom megjelenítéséhez: rámutatáskor, billentyűzetes fókuszáláskor, vagy érintőképernyőkön a saját gombjával. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
svgstring""—
iconRefstring""—
frontTitlestring""—
frontTextstring""—
backTitlestring""—
backTextstring""—
buttonTextstring""—
buttonUrlstring""—
effectstring"flip"flip fade
levelinteger2—

Szerkesztő támogatja: interactivity.

Űrlap pbs/form

Ingyenes. Megjelenít egy űrlapot a Contact Form 7, WPForms, Gravity Forms vagy Fluent Forms bővítményből, az Ön webhelyéhez illeszkedő stílusban. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
providerstring"" cf7 wpforms gravityforms fluentforms
formIdstring""—
fieldStylestring"outlined"outlined filled underlined
buttonWidthstring"auto"auto full

Űrlap pbs/form-builder

Pro. Kapcsolati, árajánlatkérő, feliratkozási vagy többlépéses űrlap levélszemét elleni védelemmel, fájlfeltöltéssel és feltételes mezőkkel; minden beküldés elküldhető e-mailben, elmenthető, webhookra továbbítható vagy levelezőlistához adható. Nézze meg működés közben.

Belső blokkok: Űrlapmező, Űrlaplépés.

AttribútumTípusAlapértelmezettÉrtékek
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

Hotspotok pbs/hotspots

Pro. Egy kép olyan pontokkal, amelyek kiválasztásakor egy rövid jegyzet nyílik meg. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
pointsarray[]—

Szerkesztő támogatja: interactivity.

Logórács pbs/logo-grid

Pro. Ügyfél- vagy partnerlogók rácsban, mindegyik opcionális hivatkozással. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
logosarray[]—
columnsinteger4—
grayscalebooleantrue—

Logó futószalag pbs/logo-marquee

Pro. Lassan görgő logók szünetgombbal; álló helyzetben azon látogatóknak, akik kevesebb mozgást igényelnek. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
logosarray[]—
speedstring"normal"slow normal fast
grayscalebooleantrue—

Szerkesztő támogatja: interactivity.

Lottie animáció pbs/lottie

Pro. Egy feltöltött fájlból származó Lottie animáció, amely külső lekérés nélkül jelenik meg ezen a webhelyen. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
fileIdinteger0—
fileNamestring""—
labelstring""—
loopbooleantrue—
playstring"view"view load hover
speednumber1—

Szerkesztő támogatja: interactivity.

Hírlevél-feliratkozás pbs/newsletter

Pro. Egy e-mailes feliratkozási űrlap Mailchimp, MailPoet vagy AWeber rendszerekhez, hozzájárulási jelölőnégyzettel és egyértelmű üzenettel siker vagy sikertelenség esetén. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
servicestring"mailpoet"mailpoet mailchimp aweber
liststring""—
headingstring""—
textstring""—
buttonTextstring""—
consentTextstring""—
successTextstring""—
layoutstring"stacked"stacked inline

Szerkesztő támogatja: interactivity.

Árlista pbs/price-list

Pro. Névvel, árral és rövid leírással rendelkező elemek, például étlap vagy szolgáltatáslista. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemstömb[]—

Ártáblázat pbs/pricing-table

Pro. Csomagok egymás mellett az árukkal, funkcióikkal és egy gombbal, opcionális havi / éves váltóval. Megtekintés működés közben.

AttribútumTípusAlapértelmezettÉrtékek
plansarray[]—
billingTogglebooleanfalse—
currencystring"$"—
monthlyLabelstring""—
yearlyLabelstring""—
yearlyNotestring""—
levelinteger2—

Szerkesztő támogatja: interactivity.

Promóciós sáv pbs/promo-bar

Pro. Egy vékony értesítési sáv a képernyő tetején vagy alján, amelyet a látogatók bezárhatnak. Működés közben megtekinthető.

AttribútumTípusAlapértelmezettÉrtékek
contentstring""—
linkTextstring""—
linkUrlstring""—
newTabbooleanfalse—
positionstring"top"top bottom inline
dismissiblebooleantrue—
variantstring"dark"dark accent light

Szerkesztő támogatja: interactivity.

Legutóbbi eladások értesítései pbs/social-proof

Pro. Kis méretű értesítések valós, legutóbbi WooCommerce vagy Easy Digital Downloads rendelésekről: a vásárló keresztneve és városa, kizárólag azoknál a vásárlóknál, akik a fizetéskor ehhez hozzájárultak. Működés közben.

AttribútumTípusAlapértelmezettÉrtékek
sourcestring"auto"auto woocommerce edd
countinteger10—
maxAgeDaysinteger14—
showForinteger6—
gapinteger12—
positionstring"start"start end
showProductbooleantrue—
showTimebooleantrue—

Szerkesztő támogatja: interactivity.

Megosztás sáv pbs/share-bar

Pro. Gombok az oldal közösségi oldalakon, e-mailben, az eszköz saját megosztási menüjével vagy a hivatkozás másolásával történő megosztásához. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
networksarray[]—
layoutstring"inline"inline floating
labelstring""—

Szerkesztő támogatja: interactivity.

Közösségi média ikonok pbs/social-icons

Ingyenes. Hivatkozások a profiljaidra, a hálózatok saját ikonjaival megjelenítve. Nézd meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
lookstring"filled"plain filled outline
shapestring"circle"circle rounded square
sizestring"medium"small medium large
justifystring"start"start center end
newTabbooleantrue—

Csapat pbs/team

Pro. Személyek fényképpel, névvel, szerepkörrel, rövid életrajzzal és hivatkozásokkal. Működés közben.

AttribútumTípusAlapértelmezettÉrtékek
membersarray[]—
columnsinteger3—
levelinteger2—

Vélemény pbs/testimonial

Ingyenes. Ügyfélidézet névvel, beosztással, fényképpel és opcionális csillagos értékeléssel. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
quotestring""—
namestring""—
rolestring""—
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
ratinginteger0—
layoutstring"stacked"stacked side
alignstring"start"start center

Idővonal pbs/timeline

Pro. Események sorrendben, dátumokkal, egy vonal mentén. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
levelinteger2—

Bizalmi jelvények pbs/trust-badges

Pro. Rövid megnyugtató üzenetek egy-egy ikonnal: biztonságos fizetés, ingyenes szállítás, egyszerű visszaküldés. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
badgesarray[]—
layoutstring"row"row grid

WhatsApp csevegés gomb pbs/whatsapp

Ingyenes. Egy lebegő gomb az oldal sarkában, amely WhatsApp csevegést nyit Önnel. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
phonestring""—
messagestring""—
labelstring""—
showLabelbooleanfalse—
positionstring"end"end start

Képek, videók és média

3D modellnézegető pbs/model-viewer

Pro. Egy 3D modell (glTF vagy GLB), amelyet a látogatók elforgathatnak és nagyíthatnak, opcionálisan kiterjesztett valóságban is. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
srcstring""—
altstring""—
posterstring""—
autoRotatebooleanfalse—
arbooleanfalse—

Audiolejátszó pbs/audio-player

Pro. Podcast- vagy zenelejátszó: epizódok, borítókép és lejátszási sebesség a böngésző saját lejátszója köré építve. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
tracksarray[]—
titlestring""—
artworkobject——

Foglalási naptár pbs/booking

Ingyenes. Egy Calendly vagy Cal.com foglalási naptár, amely csak akkor töltődik be, amikor a látogató kéri. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
providerstring"calendly"calendly cal
urlstring""—
labelstring""—

Szerkesztő támogatja: interactivity.

Pro. Képek kőműves (masonry), sorkizárt vagy egyenletes rácsban, akadálymentes lightboxban megnyílva. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
imagesarray[]—
layoutstring"masonry"masonry justified grid
columnsinteger3—
lightboxbooleantrue—
captionsbooleanfalse—

Ikon pbs/icon

Ingyenes. Egy SVG ikon. A jelölőkód megtisztításra kerül a megjelenítés előtt. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
svgstring""—
stylestring""—
iconRefstring""—
displaystring—inline block
justifystring"start"start center end
labelstring""—

Kép harmonika pbs/image-accordion

Pro. Képpanelek egymás mellett; a mutató vagy billentyűzet alatti panel kiszélesedik, hogy megjelenítse a szövegét. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemstömb[]—

Térkép pbs/map

Ingyenes. Egy hely térképe az OpenStreetMapből: nincs kulcs, és semmi sem töltődik be az OpenStreetMapből, amíg a látogató nem kéri a térképet. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
latnumber——
lngnumber——
zoomnumber14—
labelstring""—

A szerkesztő támogatja: align, interactivity.

Parallaxis kép pbs/parallax-image

Pro. Egy kép, amely elmozdul az oldal görgetése közben. Nyugodt marad azoknak a látogatóknak, akik kevesebb mozgást kedvelnek. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
imageobject——
strengthstring"medium"low medium high
heightstring"medium"small medium large

PDF-megjelenítő pbs/pdf-viewer

Pro. Egy PDF, amelyet a böngésző jelenít meg az oldalon, egy hivatkozással a megnyitásához. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
srcstring""—
titlestring""—
heightstring"medium"small medium large

QR-kód pbs/qr-code

Ingyenes. QR-kód webcímhez vagy bármilyen szöveghez, amelyet a saját webhelye rajzol ki (külső QR-szolgáltatás nélkül). Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
textstring""—
svgstring""—
altstring""—
captionstring""—

Csúszka (Slider) pbs/slider

Pro. Diák, képek, bejegyzések vagy termékek körhintája: csúsztatható, gombokkal vagy automatikus, és akadálymentesített. Nézze meg működés közben.

Belső blokkok: Dia.

AttribútumTípusAlapértelmezettÉrtékek
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. Videók rácsa. A YouTube és a Vimeo csak akkor töltődik be, amikor a látogató a lejátszásra kattint, a poszterképek pedig az oldaladon maradnak. Nézd meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
videosarray[]—
columnsinteger3—

Videó-lejátszási lista pbs/video-playlist

Pro. Egy lejátszó és egy videólista: a saját fájljaid, vagy csak a kiválasztáskor betöltődő YouTube és Vimeo. Nézd meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
videosarray[]—
labelstring""—

Adatok, diagramok és táblázatok

Diagram pbs/chart

Pro. Egy a kiszolgálón rajzolt oszlop-, vonal- vagy kördiagram, amelynek számai egy táblázatban is megjelennek mindazok számára, akik nem látják a diagramot. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
typestring"bar"bar line pie
titlestring""—
labelsarray[]—
seriesarray[]—
valuePrefixstring""—
valueSuffixstring""—
heightstring"medium"short medium tall
showLegendbooleantrue—
showValuesbooleanfalse—

Kód pbs/code

Ingyenes. Kódlista szintaxiskiemeléssel, sorszámokkal és másolás gombbal. Akkor is olvasható marad, ha a bővítményt kikapcsolják. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
codestring""—
languagestring"auto"—
filenamestring""—
lineNumbersbooleanfalse—
copybooleantrue—
wrapbooleanfalse—

Szerkesztő támogatja: interactivity.

Adattáblázat pbs/data-table

Pro. Egy táblázat, amelyet a látogatók rendezhetnek és kereshetnek benne, és mobilon is jól olvasható marad. Illesszen be vagy importáljon egy CSV-fájlt. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
captionstring""—
columnsarray[]—
rowsarray[]—
sortablebooleantrue—
searchablebooleantrue—
layoutstring"stack"stack scroll
stripedbooleantrue—
rowHeadersbooleanfalse—

Szerkesztő támogatja: interactivity.

Események pbs/events

Pro. Közelgő események listaként vagy havi naptárként, az oldal időzónájában. A múltbeli események automatikusan eltűnnek a listából. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
eventstömb[]—
viewkarakterlánc"list"list calendar
showPastlogikaifalse—
sourcekarakterlánc"manual"manual tec
tecCategorykarakterlánc""—
limitszám20—
categoriestömb[]—
hideCanceledlogikaifalse—
hidePostponedlogikaifalse—

Szerkesztő támogatja: interactivity.

Google és Trustpilot értékelések pbs/reviews

Pro. Google és Trustpilot értékelései rácsként, csúszkaként vagy jelvényként. Naponta egyszer frissül a háttérben, így az oldalaknak soha nem kell egyik szolgáltatásra sem várniuk. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
sourcestring"both"both google trustpilot
layoutstring"grid"grid slider badge
minRatinginteger4—
orderstring"newest"newest best
countinteger6—
showDatebooleantrue—
showSummarybooleanfalse—
labelstring""—

Szerkesztő támogatja: interactivity.

Szervezeti ábra pbs/org-chart

Pro. Ki kinek jelent, a személyek fastruktúrájaként a szerepköreikkel és fényképeikkel. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
labelstring""—
peoplearray[]—

Folyamatjelző sáv pbs/progress-bar

Ingyenes. Címkézett sáv, amely megmutatja, hogy valami milyen szintre jutott el, például egy készség vagy egy cél. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
labelstring""—
valueinteger50—
maxinteger100—
showValuebooleantrue—

Folyamatjelző kör pbs/progress-circle

Pro. Egy gyűrű, amely egy adott értékig töltődik fel, a számmal és a felirattal valódi szövegként. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
valueszám75—
maxszám100—
labelkarakterlánc""—
formatkarakterlánc"percent"percent value
sizekarakterlánc"medium"small medium large
thicknesskarakterlánc"normal"thin normal thick

Lekérdezési hurok pbs/query-loop

Pro. Listázzon bejegyzéseket, termékeket, felhasználókat, kategóriákat vagy egy ismétlődő mezőt, szűrve és rendezve, egyetlen alkalommal megtervezett kártyával. Opcionális élő szűrők és oldalszámozás. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
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""—

Szerkesztő támogatja: interactivity.

Ütemterv pbs/roadmap

Pro. Mi van tervben, folyamatban és kész, háromoszlopos táblaként vagy egyetlen listaként. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

Csillagos értékelés pbs/star-rating

Ingyenes. Csillagok formájában megjelenített értékelés, félcsillagos lépésekben. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
ratingnumber4—
maxinteger5—
showValuebooleanfalse—

Webhelyépítés és navigáció

Szerzői doboz pbs/author-box

Pro. A bejegyzés szerzője: fénykép, név, életrajz és hivatkozások. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
showAvatarbooleantrue—
showBiobooleantrue—
showPostsbooleantrue—
showWebsitebooleantrue—
avatarSizenumber96—
headingLevelstring"h2"—

Szerzői profil pbs/user-profile

Ingyenes. A szerző képe, neve, bemutatkozása és linkjei, vagy a kiválasztott felhasználó adatai. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
sourcestring"author"author user
userIdnumber0—
showAvatarbooleantrue—
showBiobooleantrue—
showLinksbooleantrue—

Vissza a tetejére pbs/back-to-top

Pro. Egy gomb a képernyő sarkában, amely visszaviszi a látogatót az oldal tetejére. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
labelstring""—
positionstring"end"—
showAfternumber400—
showLabelbooleanfalse—

Szerkesztő támogatja: interactivity.

Morzsamenü pbs/breadcrumbs

Pro. A kezdőlaptól erre az oldalra vezető útvonal, a keresőmotorok számára strukturált adatokkal. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
showHomebooleantrue—
homeLabelstring""—
separatorstring"chevron"—
showCurrentbooleantrue—
schemabooleantrue—

Nyitvatartási idő pbs/business-hours

Pro. A heti nyitvatartási ideje, egy a webhely időzónája szerint kiszámított „Most nyitva” sorral. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
titlestring""—
daysarray[{"closed":true,"ranges":[]},{"closed…—
showOpenNowbooleantrue—
highlightTodaybooleantrue—
notestring""—

Szerkesztő támogatja: interactivity.

Sötét mód kapcsoló pbs/dark-mode-switch

Pro. Egy gomb, amely átváltja a webhelyet a világos és sötét színei között, és megjegyzi a látogató választását. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
labelstring""—
showLabelbooleanfalse—

Szerkesztő támogatja: interactivity.

Bejelentkezés és regisztráció pbs/login-form

Pro. A WordPress bejelentkezési vagy regisztrációs űrlapja, valamint egy kijelentkezési hivatkozás a bejelentkezést követően. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
modestring"login"—
redirectstring""—
showRememberbooleantrue—
showLostbooleantrue—
showRegisterbooleantrue—

Mini kosár pbs/mini-cart

Pro. A látogató kosarában található tételek száma és végösszege, a kosár tartalmának megnyitása. Kosárba helyezés után is naprakész marad, még gyorsítótárazott oldalon is. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
labelkarakterlánc""—

Navigációs menü pbs/nav-menu

Ingyenes. WordPress menü lenyíló elemekkel és mobilmenüvel: oldalsó panelként, teljes képernyős menüként vagy lenyíló listaként. Megamenük a Pro verzióban. Megtekintés működés közben.

Belső blokkok: Megamenü panel (Pro).

AttribútumTípusAlapértelmezettÉrtékek
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"—

Szerkesztő támogatja: interactivity.

Jelszóval védett tartalom pbs/protected

Ingyenes. Olyan blokkok, amelyeket csak a jelszóval rendelkező látogatók láthatnak. Amíg nem adják meg, a tartalom egyáltalán nincs jelen az oldalon. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
lockIdstring""—
hashstring""—
messagestring""—

Bejegyzés részletei pbs/post-meta

Ingyenes. A bejegyzés szerzője, dátumai, kategóriái, címkéi, olvasási ideje és a hozzászólások száma. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
itemsarray["author","date","readingTime"]—

Termékelem pbs/product-element

Pro. Egy termék egy adott része: a címe, galériája, ára, értékelése, kosárba helyezése, fülei, kapcsolódó termékei, felülértékesítései (upsell), akciós jelvénye vagy készlete. A megtekintett terméket, a ciklusban lévő terméket vagy a kiválasztott terméket jeleníti meg. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
partkarakterlánc"title"title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock
productIdegész szám0—
levelegész szám0—

Olvasási folyamatjelző sáv pbs/reading-progress

Ingyenes. Egy vékony sáv az ablak szélén, amely feltöltődik, ahogy a látogatók lefelé görgetnek az oldalon. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
positionstring"top"top bottom

Olvasási idő pbs/reading-time

Pro. Hány percig tart elolvasni ezt a bejegyzést. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
wpmnumber200—
formatstring"long"—
prefixstring""—

Ingyenes. Bejegyzések, amelyek közösek a jelenlegi bejegyzés kategóriáival vagy címkéivel, a hozzájuk tartozó képekkel, dátumokkal és összefoglalókkal. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
countnumber3—
bystring"both"both categories tags
fallbackbooleantrue—
headingstring""—
headingLevelnumber2—
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleanfalse—

Keresés pbs/search-form

Pro. Egy keresőmező ehhez a weboldalhoz. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
labelstring""—
placeholderstring""—
buttonTextstring""—
showLabelbooleanfalse—
iconButtonbooleantrue—
postTypestring""—

Megosztás gombok pbs/share-buttons

Pro. Gombok, amelyek megosztják ezt az oldalt a közösségi hálózatokon, e-mailben vagy a hivatkozás másolásával. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
networksarray["facebook","x","linkedin","whatsapp"…—
showLabelsbooleanfalse—
shapestring"rounded"—
nativebooleantrue—
labelstring""—

Szerkesztő támogatja: interactivity.

Bolt oldal pbs/shop-page

Pro. Egy sablonban lévő bolt oldal WooCommerce része: az oldal saját kosara vagy pénztára (blokk vagy klasszikus), a klasszikus kosár, pénztár vagy Saját fiók, illetve a rendelés összesítő adatai. Tekintse meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
pagestring"content"content cart checkout account order

Webhelyfejléc pbs/site-header

Pro. A webhely teteje: logó, navigáció és bármi más, egy vagy több sorban; opcionálisan rögzített, átlátszó, lefelé görgetéskor összezsugorodó vagy eltűnő. Megtekintés működés közben.

AttribútumTípusAlapértelmezettÉrtékek
stickylogikai (boolean)false—
transparentlogikai (boolean)false—
shrinklogikai (boolean)false—
hideOnScrolllogikai (boolean)false—
stickyFromszám0—

Szerkesztő támogatja: interactivity.

Oldaltérkép pbs/sitemap

Ingyenes. Egy oldal, amely felsorolja az összes közzétett oldalt és bejegyzést (valamint egyéb nyilvános tartalmat), megőrizve az oldalstruktúrát. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
postTypesarray["page","post"]—
showHeadingsbooleantrue—
headingLevelnumber2—

Üzletkereső pbs/store-locator

Pro. Minden helyszín egy listában, amelyet a látogatók kereshetnek vagy távolság szerint rendezhetnek, valamint egy OpenStreetMap térképen, amely csak akkor töltődik be, amikor a látogató kéri. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
labelstring""—
locationsarray[]—
showSearchbooleantrue—
showMapbooleantrue—
zoominteger0—

Szerkesztő támogatja: interactivity.

Tartalomjegyzék pbs/table-of-contents

Ingyenes. Az oldalon található címsorok automatikusan felépített listája, amely mindegyikre hivatkozik. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
titlestring""—
minLevelinteger2—
maxLevelinteger3—
orderedbooleanfalse—
collapsiblebooleanfalse—
collapsedbooleanfalse—
spybooleantrue—

Kaszinó, iGaming és affiliate

Affiliate gomb pbs/affiliate-button

Pro. Egy ajánlatra mutató gomb, amely szponzorált linkként van megjelölve, opcionálisan egy kattintásokat számláló rövid linken keresztül. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
textstring""—
urlstring""—
linkIdnumber0—
newTabbooleantrue—
variantstring"fill"fill outline
sizestring"medium"small medium large

Korkorlátozás pbs/age-gate

Pro. Arra kéri a látogatókat, hogy erősítsék meg az életkorukat, mielőtt megtekintenék a webhelyet, országonkénti korhatárral. Tekintse meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
minAgeszám18—
rulestömb[]—
modekarakterlánc"confirm"confirm birthdate
rememberDaysszám30—
titlekarakterlánc""—
messagekarakterlánc""—
deniedMessagekarakterlánc""—

Szerkesztő támogatja: interactivity.

Kaszinó-összehasonlító táblázat pbs/casino-table

Pro. Egymás mellett összehasonlított ajánlatok, mindegyik a saját bónuszával, értékelésével, kiemelt jellemzőivel, gombjával és feltételeivel. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
offersarray[]—
captionstring""—
showRankbooleantrue—
showRatingbooleantrue—
showFeaturesbooleantrue—
noticestring""—
agenumber18—

Kriptoárak pbs/crypto-ticker

Pro. Kriptovaluta-árak a CoinGecko-ról árfolyamjelző futószalagként, kártyákként vagy árdiagramként. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
coinsarray["bitcoin","ethereum","solana"]—
currencystring"usd"—
layoutstring"ticker"ticker cards chart
daysnumber7—
labelstring""—

Ajánlatkártya pbs/offer-card

Pro. Egy ajánlat: logó, bónusz, kiemelések, szponzorált gomb, feltételek és korhatár-figyelmeztetés. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
namestring""—
logostring""—
logoIdnumber0—
bonusstring""—
descriptionstring""—
featuresstring""—
ratingnumber0—
urlstring""—
linkIdnumber0—
ctastring""—
termsstring""—
badgestring""—
agenumber18—
headingLevelstring"h2"h2 h3 h4 p

Előnyök és hátrányok pbs/pros-cons

Pro. Két lista egymás mellett: mi jó és mi nem. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
prosTitlestring""—
consTitlestring""—
prosarray[]—
consarray[]—
headingLevelstring"h2"h2 h3 h4 p

Felelősségteljes szerencsejátékra figyelmeztetés pbs/rg-notice

Pro. Egy felelősségteljes szerencsejátékra figyelmeztető üzenet és segítségnyújtó hivatkozás, a látogató országa alapján kiválasztva. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
textstring""—
urlstring""—
linkTextstring""—
useHelpbooleantrue—
countriesarray[]—
showAgebooleantrue—
agenumber18—

Értékelési pontszám pbs/review-score

Pro. Összesített pontszám, pontszámok az egyes szempontokhoz, valamint egy vélemény. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
scorenumber8—
scalenumber10—
labelstring""—
criteriaarray[]—
verdictstring""—

Widgetek és kiegészítők

Shortcode (kiegészítő) pbs/shortcode

Ingyenes. Egy shortcode a klasszikus Page Builder Sandwich szerkesztőhöz írt kiegészítőből, a kiegészítő által deklarált beállításokkal. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
tagstring""—
attrsobject{}—
contentstring""—

Widget pbs/widget

Ingyenes. Megjeleníti a webhely egyik regisztrált klasszikus widgetjét. Nézze meg működés közben.

AttribútumTípusAlapértelmezettÉrtékek
widgetstring""—
instanceobject{}—
fallbackHtmlstring""—

Widget-terület pbs/sidebar

Ingyenes. Megjeleníti a widgeteket a sablon egyik widget-területén. Működés közben.

AttribútumTípusAlapértelmezettÉrtékek
sidebarstring""—
fallbackHtmlstring""—