Bricks Builder Basic Text elem: Mire való és mikor használd bekezdésekhez? (2026)

A Bricks Builder Basic Text elem egy egyszerű <p> tagot generál – bekezdés szöveghez, rövid leírásokhoz és dynamic adathoz. Nem WYSIWYG-szerkesztő: nincs benne formázósor, csak tiszta szöveg. A leggyakoribb hiba, hogy Rich Text-et használnak ott, ahol elég lenne egy Basic Text, és ezzel felesleges HTML-t visznek az oldalba. Ha csak egy bekezdésnyi szöveget akarsz megjeleníteni – különösen dynamic adatot –, a Basic Text a megfelelő elem.

A Basic Text elem egy egyszerű bekezdés (<p>) tagot generál. Nincs benne WYSIWYG-szerkesztő, csak egy szövegmező és dinamikus adat támogatás. Ez teszi gyorssá és könnyűvé – ideális rövid leírásokhoz, dinamikusan betöltött szövegekhez és sablon-oldalakhoz.

A Bricks Builder hierarchiájában a Basic Text tartalom-szintű elem:

Section
 └── Container
  └── Block
   ├── Heading (H2 – szekció cím)
   └── Basic Text (bekezdés szöveg)

Ha egyetlen bekezdésnyi szöveget akarsz megjeleníteni – főleg dynamic adatból –, válaszd a Basic Text-et. Ha formázott szövegre, listákra, belső headingekre vagy vegyes tartalomra van szükséged, válaszd a Rich Text-et.

Döntési szabály: Ha a szöveg egy rövid, önálló bekezdés – különösen dinamikus adat (pl. post_excerpt, ACF mező) – használj Basic Text-et. Ha formázott szövegblokkot, listát vagy többféle elemet tartalmazó részt szerkesztesz, válaszd a Rich Text-et.

1. Nyisd meg a Bricks Builder szerkesztőt.
2. Kattints az „Add element” (+) gombra, vagy nyomj `E` billentyűt.
3. Keresd meg a „Basic Text” elemet (a keresőbe írd: „text”).
4. Húzd a megfelelő szülőelembe (Container, Block, Div).

Tipp: A Basic Text elem alapértelmezetten egy statikus placeholder szöveggel jelenik meg. Az első lépés mindig: töröld a placeholder szöveget, és írd be a sajátod – vagy állíts be dynamic tag-et.

A Text mezőben adod meg a tartalmat. Beírhatsz statikus szöveget, vagy beilleszthetsz dynamic tag-eket a szövegbe. A mező egyszerű – nincs formázósor, de az inline HTML tageket (pl. <strong>, <em>, <a>) elfogadja.

Fontos: Az inline HTML kézzel írva működik a szövegmezőben, de ez nem ajánlott hosszú szövegeknél – arra ott a Rich Text elem.

Ez a Basic Text elem igazi erőssége. A szövegmező melletti {} ikonra kattintva kiválaszthatod a dynamic tag-eket:

– post_excerpt – bejegyzés kivonata
– post_content – teljes bejegyzés szöveg (ritkán ajánlott Basic Text-ben)
– post_date – publikálás dátuma
– {author_name – szerző neve
– ACF, Metabox, Pods egyéni mezők értékei
– WooCommerce termék leírás, ár

Leggyakoribb használat: Blogbejegyzés sablonokon a dynamic taggel a rövid kivonato automatikusan töltődik be minden bejegyzésnél.

– Font size: Állítsd be reszponzívan (desktop / tablet / mobil). Bekezdéseknél tipikusan 1rem – 1.125rem desktop-on, 0.9rem – 1rem mobilon.
– Font weight: Szövegtörzshöz 400 (normal) vagy 500 – ne használj 700-at (bold) bekezdéshez, az a headingeknek való.
– Line height: 1.6 – 1.8 bekezdéseknél az ideális olvashatósághoz.
– Color: A szövegszín beállítható – figyelj rá, hogy az kontraszt arány megfeleljen a WCAG 2.1 AA szintnek (4.5:1 minimális kontraszt).
– Max-width: Hosszabb szövegnél ajánlott beállítani az olvashatóság érdekében.

Alapértelmezetten a Basic Text <p> tagot generál. A Style fülön megváltoztatható más tagnre (pl. <span>, <div>), de ezt csak indokolt esetben tedd – a <p> szemantikailag helyes bekezdéshez.

A teljes Basic Text elem linkké tehető – a Content fülön add meg az URL-t, vagy dynamic tag-et (pl. https://wpfejleszto.hu/bricks-elemek/bricks-builder-basic-text-elem-mire-valo-es-mikor-hasznald-bekezdesekhez-2026/). Ez akkor hasznos, ha a szöveg maga egy kattintható leírás, pl. archív oldalakon.

Rövid válasz: A Basic Text <p> tagot generál – ez a szemantikailag helyes HTML bekezdéshez. A keresőmotorok a <p> tagok tartalmát tartalom-szignálként értékelik. A legfontosabb SEO szempont: a szöveg tartalma legyen releváns, olvasható és ne legyen túl rövid (a 50 szó alatti szövegblokkok keveset adnak SEO szempontból).

Konkrét SEO-elvek Basic Text-nél:

– Ne tömörítsd a kulcsszavakat: A <p> szövegbe természetesen illeszkedő kulcsszavak jók, de a keyword stuffing ront a rangsoroláson.
– Olvasható szöveg: Az AI-k és a keresők egyaránt a jól strukturált, informatív szövegeket preferálják.
– Megfelelő hossz: Ha egy Basic Text elem csak 10-15 szóból áll, fontold meg, hogy az a tartalom tényleg szükséges-e, vagy inkább egy heading alá kerüljön.
– Ne generálj üres <p> tagokat: Üres Basic Text elem kerüljön el – a Google bot üres tageket is értelmez, és ezek zavarhatják a tartalom struktúrát.

– Ne használj Basic Text-et heading célra – ha feliratot akarsz, válaszd a Heading elemet (H1–H6). A <p> nem jelöl tartalmi struktúrát a kereső számára.
– Ne helyezz el több bekezdésnyi folyó szöveget Basic Text-ben – arra a Rich Text való, ahol a WYSIWYG szerkesztőben formázhatod és karbantarthatod a tartalmat.
– Ne írj inline HTML-t hosszabb szövegekbe – a <strong>, <em> inline tagek kézzel bevitele Basic Text-ben karbantarthatatlan. Ha sok formázás kell, válts Rich Text-re.
– Ne hagyd a placeholder szöveget – az alapértelmezett „Lorem ipsum” placeholder marad, ha elfelejted kicserélni.
– Ne tedd linkké szükségtelenül – ha a link csak egy szón belül kell (pl. „kattints ide”), inkább Rich Text-et használj, ahol a link pontosan a szövegrészre helyezhető.

Ok: A vagy más dynamic tag statikus szövegként jelenik meg az élő nézetben.

Megoldás: A dynamic tag csak Post/Page típusú sablonban (template) vagy Query Loop-ban működik, ahol van kontextus (melyik bejegyzésről van szó). Normál oldalakon nincs post-kontextus, ezért a tag nem oldódik fel. Ellenőrizd, hogy a Basic Text egy Bricks sablonon (Posts template, Single template) belül van-e, vagy Query Loop-ban.

Ok: A szöveg egy hosszú, szóköz nélküli string (pl. URL, hosszú technikai kifejezés), vagy a max-width nincs beállítva.

Megoldás: Style fül → Typography → word-break: break-word beállítása, vagy CSS osztályon keresztül. Ezen felül ellenőrizd, hogy a szülő Container overflow: hidden be van-e állítva véletlenül.

Ok: Elem szintű Typography override felülírja a globális beállítást.

Megoldás: Ha a globális Typography <p> stílusa nem érvényesül, töröld az elem szintű Typography beállításokat a Style fülön. Az üres érték örökli a globális stílust.

Ok: A <p> tagok margin-a nincs beállítva, vagy a globális stíluslap felülírja.

Megoldás: Style fül → Spacing → Margin Bottom beállítása (tipikusan 1rem – 1.5em). Alternatively: a globális CSS-ben adj meg p { margin-bottom: 1.5em; } értéket, és akkor minden Basic Text automatikusan örökli.

Mielőtt élesbe teszed az oldalt, ellenőrizd minden Basic Text elemnél:

– Törölted a placeholder szöveget?
– Ha dynamic adat: Post sablon vagy Query Loop kontextusban van az elem?
– A szöveg elér legalább 50 szót (ha SEO szempontból releváns)?
– Line height 1.6 – 1.8 között van bekezdésnél?
– Font size reszponzívan be van állítva mobilra?
– Nincs <p> tag heading célra használva?
– Nincs inline HTML hosszabb szövegbe kézzel írva (ha van, Rich Text-be kell)?
– A kontraszt arány megfelel a WCAG 2.1 AA szintnek?
– Nincsenek üres Basic Text elemek az oldalon?

A Bricks Builder Basic Text elem az egyik legtöbbet használt tartalom-elem – de sokan alábecsülik vagy épp túlhasználják.

A legfontosabb elvek:
– Egy bekezdés szöveghez és dynamic adathoz ideális – ne erőltesd több bekezdésnyi tartalomra.
– Formázott, vegyes tartalomhoz válaszd a Rich Text-et.
– Felirathoz, szekciócímhez használj Heading elemet, ne Basic Text-et kis fontmérettel.
– Dynamic adat csak Post sablon vagy Query Loop kontextusban oldódik fel.
– Reszponzív Typography és megfelelő line height (1.6–1.8) az olvashatóság alapja.
– Tartsd be a Section → Container → Block → Basic Text hierarchiát – ez az átlátható, karbantartható és SEO-barát Bricks oldal alapja.