Bricks Builder Basic Text

A Bricks Builder Basic Text elem a legegyszerűbb szövegkezelő a builderben: egyetlen szövegmező, aminek a tartalmát egy általad választott HTML tagbe csomagolva teszi ki az oldalra. Nincs mögötte WYSIWYG szerkesztő, nem tud bekezdéseket, listákat és képeket kezelni, és pontosan ez az erénye. Ha egy rövid, egybefüggő szövegre van szükséged, ez a legkevesebb felesleges markupot generáló megoldás.

A vászonon kijelölve a szöveget megjelenik egy kis eszköztár, amivel félkövérré vagy dőltté teheted, igazíthatod, és linket adhatsz egy szövegrészre. Az Enter itt nem új bekezdést, hanem egy sortörést (br) szúr be, ezért ideális többsoros címre, feliratra vagy elérhetőségre. Ha bekezdésekre, felsorolásra vagy beszúrt képre van szükséged, az már a Rich Text dolga, ha pedig címsorról van szó, a Heading elemé.

A döntés két kérdésen múlik. Az első: cím ez a szöveg, vagy sem? Ha cím, akkor Heading, mert csak az ad ki valódi H1–H6 taget. A második: kell-e a szövegbe több bekezdés, felsorolás vagy kép? Ha igen, akkor Rich Text, mert a Basic Text ezekre nincs felkészítve. Ami marad – egy képaláírás, egy rövid bevezető sor, egy statisztikai szám alatti felirat, egy cím-alcím páros alsó fele, egy gomb melletti apróbetűs megjegyzés -, az mind Basic Text. Kártyákban, ahol sok apró szövegdarab van egymás mellett, ez a különbség mérhető is: a Rich Text minden példánya hoz magával egy wrappert és a szerkesztő markupját, a Basic Text viszont pontosan egy taget ír ki.

E billentyű vagy a bal oldali „Add element” (+) gomb, rákeresel, hogy „Basic Text”, és a kívánt szülőbe, egy Container-be vagy Block-ba húzod. Egy minta szöveggel jön létre, amit közvetlenül a vásznon átírhatsz, vagy a bal oldali panel Text mezőjében szerkeszthetsz. A vásznon kijelölt szövegrészre azonnal előjön a formázó eszköztár is. Ha egy már beállított Basic Textet másolsz (Ctrl+D / Cmd+D), a tipográfiája és a tagje is vele jön, ami sok apró feliratnál gyorsabb, mint mindegyiket külön beállítani. A Ctrl+Shift+Z az utolsó módosítást vonja vissza.

Szöveg és formázás. A Content fül Text mezőjébe kerül a tartalom. A vásznon kijelölve egy szövegrészt félkövérré vagy dőltté teheted, igazíthatod és linkelheted, tehát az alapvető inline formázás megvan. Ami nincs: bekezdés, felsorolás, kép és beágyazás. Az Enter sortörést (
) ad, nem új bekezdést, ami többsoros feliratnál, címnél vagy elérhetőségnél pont jól jön.

HTML tag. Ez a legfontosabb beállítás az elemen. Az alapértelmezett a div, de választhatsz p-t folyó szöveghez, span-t egy soron belüli szövegdarabhoz, figcaption-t képaláíráshoz, address-t elérhetőséghez, figure-t ábrához, vagy megadhatsz egyedi taget is (attribútumok nélkül). Ha a site egészén más alapértelmezettet szeretnél, azt a Bricks → Theme Styles alatt állíthatod be, és onnantól minden új Basic Text azzal indul.

Link. A Content fül „Link to” mezőjével a teljes elem linkké válik: a Bricks ilyenkor nem a választott taget írja ki, hanem egy elemet. Ha csak a szöveg egy részét akarod linkelni, azt a vásznon, az inline eszköztárral tedd, vagy használj külön Text Link elemet.

Szólimit és Read more. A Words limit mezőben megadott szónál a Bricks levágja a szöveget, a Read more mezőbe írt kiegészítést pedig a végére teszi. Ez elsősorban Query Loopban hasznos, ahol a kivonat hossza egységes kell legyen, függetlenül attól, milyen hosszú az eredeti szöveg.

Tipográfia. A Style → Typography panelen állítod a betűtípust, méretet, vastagságot, sortávolságot, betűközt, színt és igazítást, nézetenként külön is. Ha a szövegtörzs egységes stílusát az egész oldalon szeretnéd megadni, azt a Theme Styles alatt érdemes megtenni, és csak indokolt esetben felülírni elem szinten.

A Basic Text mezőjébe dynamic tag is kerülhet: Bricks Builder Basic Text, , 2026.06.25., ACF- vagy Pods-mezők, ahogy a builder többi szövegelemében. Query Loopban ez az elem viszi a legtöbb feliratot, mert kicsi a markupja, és a szólimittel egységes hosszúságúra vágható a kivonat.

Egy csapda viszont van benne, és a Bricks maga is figyelmeztet rá a panelen. Ha a dinamikus mező formázott tartalmat ad vissza, tehát a saját HTML-jét hozza magával (WYSIWYG mező, bekezdésekkel vagy címsorokkal), akkor a tag ne p legyen, hanem div. Egy nem tartalmazhat blokk szintű elemeket, a böngésző pedig ilyenkor szétvágja a bekezdést, és a végeredmény nem az lesz, amit a szerkesztőben látsz. Ha a mező tartalma tényleg összetett, a Rich Text elem a helyes választás, a Basic Text ilyenkor csak azért működik, mert div-be csomagolja.

A leggyakoribb eset, hogy valaki bekezdésekre tördelné a szöveget a Basic Textben, és az Entertől nem új bekezdést, hanem sortörést kap. Ez nem hiba, hanem az elem működése: több bekezdéshez vagy Rich Text kell, vagy több, egymás alá tett Basic Text elem, amik közt a szülő gap-je adja a térközt.

Ha a dinamikus mező tartalma szétesik az oldalon, majdnem biztosan a p-tag az ok: a mező formázott HTML-t ad vissza, a Basic Text pedig egy másik tag-be próbálja tenni. Állítsd a taget div-re, vagy tedd át a tartalmat Rich Textbe.

Ha a szöveg egy része eltűnik, nézd meg a Words limit mezőt. Egy korábban beállított szólimit Query Loopban észrevétlenül is levághatja a hosszabb szövegeket, és a Read more kiegészítés nélkül úgy tűnik, mintha félbeszakadna a mondat.

Ha a teljes szövegblokk kattinthatóvá vált, pedig csak egy szót akartál linkelni, akkor a link a Content fül „Link to” mezőjébe került. Vedd ki onnan, és a vásznon jelöld ki azt a néhány szót, amire a link tartozik.

Ha pedig egy Basic Textet címsorként állítottál be, mert nagyobb betűre volt szükség, azt érdemes visszacsinálni: a Basic Text sosem ad ki H-taget, tehát a kereső és a képernyőolvasó nem fogja címként olvasni. Cím esetén Heading a helyes elem, a méretet pedig ott is a tipográfia adja.

Mielőtt élesbe teszed az oldalt, érdemes végigfutni ezeken: szemantikailag helyes-e a tag minden Basic Texten (div, p, figcaption, address), nem maradt-e p-tag dinamikus HTML alatt, nincs-e felejtett szólimit, a teljes elem linkje tényleg szándékos-e, és nem Basic Text visz-e olyan szöveget, aminek Headingben vagy Rich Textben lenne a helye. Ha ebben elakadsz, vagy inkább profira bíznád, kérhetsz ajánlatot is.

Vörös László WordPress fejlesztő és Bricks Builder szakértő. Több mint 20 éve webfejlesztőként, 18 éve WordPress fejlesztőként dolgozom. Specialitásom a Bricks Builder, SEO és a biztonságos weboldalak fejlesztése.