Megújultunk. 15 év weboldalkészítési tapasztalattal. Saját weboldal 14 napig ingyen.
Navigáció
Weboldal Bérlés - weboldal készítés kisvállalkozásoknak
Kipróbálom ingyen
Ügyféladmin segítség

Tudásbázis

Weboldal Bérlés · Fiók, oldalépítő, blokkok és blog használati útmutatója.

Tartalomszerkesztő blokk – Alap tartalomszerkesztő

Teljes, szabadon formázható tartalom szövegekkel, képekkel, fájlokkal, linkekkel és táblázatokkal.

Blokk-változat részletes súgó

Tartalomszerkesztő blokk – Alap tartalomszerkesztő

A Tiptap szerkesztőben a tartalom teljesen szabadon formázható, képek szöveg közé helyezhetők, fájlok, táblázatok és asztali sortörések is beszúrhatók. A táblázat beszúrásakor alapból sima, vízszintesen görgethető táblázat készül; kérhető hozzá félkövér, kisebb Címsor oszlop, Bootstrap jellegű Csíkos sorok, külön Mobil kompakt nézet, és külön kapcsolóval speciális mobil kártyanézet is.

Mire érdemes használni?

Szabad szerkezetű, dokumentumszerű vagy különleges tartalom elkészítésére.

Blokk működése

Blokk beállításai

Ezek a beállítások minden blokk szerkezeti és navigációs működését egységesen vezérlik.

  • Megjelenési változat: meghatározza a blokk elrendezését és az elérhető tartalmi mezőket. Változatváltás után ellenőrizd az előnézetet.
  • Dobozos háttér megjelenítése: alapból bekapcsolt V1 megjelenési kapcsoló. Kikapcsolva az adott blokk fő háttér/doboz/keret/árnyék rétege eltűnik, miközben a tartalom, a gombok, az űrlapmezők, a Blog- és árkártyák funkcionális belső kártyái megmaradnak.
  • Dekoráció: a Sablon, vizuális stílus, színtéma és betűtípus panelen globálisan kapcsolható, és itt globális dekorációtípus, bal/jobb oldali alaphely, valamint Egyedi kép esetén saját logó/ikon is választható. Bekapcsolva a legtöbb nem-Hero blokk Megjelenés csoportjában külön felülírható az Alapértelmezett, Nincs dekoráció, az öt vizuális profilhoz igazított dekoráció vagy az Egyedi kép. A kiválasztott profil egy fő háttérdekorációként jelenik meg, nem ad külön másodlagos after díszítést. Egyedi képhez SVG, áttetsző PNG vagy WEBP logó/ikon ajánlott; fotók és részletgazdag képek dekorációként kevésbé mutatnak jól.
  • Aktív blokk: kikapcsolva a blokk nem jelenik meg a nyilvános oldalon, de a beállításai megmaradnak és később visszakapcsolható.
  • Megjelenés a menüben: a „Menüben jelvény” a blokk saját szakaszához görgető normál menüpontot ad. A „Menü csak mobilon” ettől függetlenül is bekapcsolható: a menüpont neve mező feliratát használja, desktopon nem látszik, és külön mobil cél slugot is kaphat.
  • Menünév és mobil menüikon: a menüben látható felirat és a mobilnézetben használható ikon. A menünév legyen rövid és egyértelmű.
  • Kiemelt menüpont: ahol elérhető, külön vizuális hangsúlyt ad a főmenüben az adott blokk linkjének.
  • Főmenü és almenük: a menüben lévő aktív blokkokból opcionálisan főmenü/almenü kapcsolat építhető. Ha nincs ilyen kapcsolat, a régi egyszerű, egyszintű menü változatlan marad.
  • Mobilos menütérkép: mobilon a főmenük és almenük egy közös hierarchikus nézetben láthatók. A Főmenüvé és Almenüvé műveletek külön gombot kaptak; almenü csak a főmenü kiválasztása után menthető, sorrendje fel/le gombbal módosítható, és másik főmenü alá is áthelyezhető.
  • Sorrend: az Elhelyezett blokkok listában látható szám mutatja a tényleges oldalbeli pozíciót. Bezárt állapotban a fogantyúval átrendezhető; az új sorrend automatikusan mentődik.
  • Menüsorrend: ha több blokk megjelenik a menüben, azok menüpozícióját is az oldalon beállított blokksorrend határozza meg. A Menüstruktúra panel bal oldali „Menüben lévő blokkok” listája a tényleges menü- és oldalsorrendet mutatja: ha itt sorrendezel, a menüpont helye és a blokk oldalbeli pozíciója is változik. Ugyanez fordítva is igaz: az Elhelyezett blokkoknál rendezett menüben lévő blokk a főmenü/almenü panelen is frissül. Normál menüpont innen húzható főmenünek vagy egy meglévő főmenü alá almenünek. A középső Főmenük oszlopban a főmenük kiválaszthatók, de a főmenük sorrendjét a bal oldali Menüben lévő blokkok lista és az Elhelyezett blokkok tényleges oldalsorrendje határozza meg. Már főmenü/almenü szerepű elemet előbb vissza kell állítani az X ikonnal; az almenük csak a lenyílóban jelennek meg.
  • Duplikálás és törlés: a blokk másolható, ha a változat darabszámkorlátja engedi; törléskor a blokk és a hozzá tartozó mentett tartalom eltávolításra kerül.
Tartalmi mezők

Tartalom szerkesztése

Az alábbi funkciók a kiválasztott változat tényleges, jelenlegi mezősémájából származnak.

A változat fő funkciói

  • Formázott szöveg, címsor, lista, link, CTA-gomb és normál vagy border nélküli táblázat szerkesztése, opcionális félkövér címsor oszloppal, Mobil kompakt nézettel és külön kérhető mobil kártyanézettel.
  • Megjelenés választó: Alap = aktuális oldal konténer, Normál = 1320px, Kompakt = 920px.
  • Képfeltöltés látható folyamatjelzővel, méret- és elhelyezési lehetőségekkel.
  • Fájlok beszúrása, asztali sortörés és biztonságosan tisztított HTML mentése.
  • H2 szakaszcímek, H3 alcímek, bekezdések, listák és linkek; H1 főcímet a szerkesztő nem hagy szétszóródni.
  • Képfeltöltés folyamatjelzővel, 25–100%-os mérettel és négy elhelyezési móddal.
  • Fájl, táblázat és asztali sortörés beszúrása; táblázatnál opcionális félkövér címsor oszlop és külön kérhető mobil címkés kártyanézet.
  • Biztonságos HTML-tisztítás és H1→H2 címsorvédelem.
Megjelenés

Elrendezés és megjelenés

A blokk elrendezése, igazítása és vizuális működése.

  • MegjelenésElőre meghatározott lehetőségek közül választható beállítás. A tartalomszerkesztő blokk belső container szélességét szabályozza. Mobilon a blokk a normál mobil container viselkedést használja.
  • Dobozos háttér megjelenítéseBe- és kikapcsolható funkció. Alapból bekapcsolt. Kikapcsolva a blokk fő doboz/háttér/keret/árnyék rétege eltűnik, így kevésbé csempés, nyitottabb megjelenést kap. A tartalom, az elrendezés, a gombok, az űrlapmezők, a Blog- és árkártyák belső működése megmarad.
  • Dekoráció típusaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett értéknél a blokk megtartja a jelenlegi vizuális stílushoz tartozó dekorációját. A Nincs dekoráció csak ennél a blokknál kapcsolja ki a dekorációt; a profil-dekorációk a kiválasztott karaktert használják.
  • Dekoráció helyeElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett értéknél a blokk a globális dekorációhelyet követi. Egyedi választással balra vagy jobbra tehető a fő dekoráció. Mobilon a dekoráció kisebb és kevésbé hangsúlyos.
  • Dekorációs képKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. Egyedi kép dekorációhoz. Legjobb eredményt SVG, áttetsző PNG vagy WEBP logó/ikon ad. A fájl legfeljebb 1 MB és 1200 × 1200 px lehet.
  • Egyedi kép megjelenítéseElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális egyedi dekoráció módját követi. A Lágy háttérelem halványabb, dekoratívabb megjelenést ad.
  • Egyedi kép átlátszóságaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális átlátszóságot követi. Logókhoz általában a 10–20% közötti érték ad finom háttérhatást.
  • Egyedi kép méreteElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális méretet követi.
  • Egyedi kép forgatásaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális forgatást követi. A kisebb döntés dekoratívabb, de nem zavaró hatást ad.
Mozgás és megjelenés

Animáció

A blokk belépési animációja külön kapcsolható. Az első két aktív helyen választható LCP-védelem csak a frontend futást függeszti fel, az adminban elmentett animációt, effektet és sebességet nem törli. A blokk harmadik vagy későbbi helyre mozgatva automatikusan újra animálódik. A rendszer kompozit tulajdonságokra épülő effektet használ, és tiszteletben tartja a csökkentett mozgás beállítást.

  • Kapcsold be vagy ki az animációt az adott blokknál. A fejléc badge-e már összecsukott állapotban is mutatja az animáció állapotát.
  • Válaszd ki az effektet, a sebességet, a késleltetést és – ahol elérhető – az elemek lépcsőzetes sorrendjét.
  • Az első két aktív blokknál az LCP-védelem az ajánlott állapot. Sorrendváltáskor a rendszer Igen / Nem kérdéssel felajánlja, de az első két blokk Animáció részében később manuálisan is be- vagy kikapcsolható. Az animáció adminbeállítása minden esetben megmarad; harmadik vagy későbbi helyen automatikusan újra működik, és az „Animáció aktív” badge jelenik meg.
  • A rendszer nem tiltja globálisan a hover/transition effekteket: csak az LCP-védett első két blokk belépő animációja szünetel a gyorsabb első renderelés miatt.
  • Az animáció nem változtatja meg a blokk tartalmát vagy sorrendjét, csak a megjelenés módját.

Használati javaslatok

  • Az oldal egységes megjelenése érdekében csak indokolt esetben használj egyedi formázást.
  • Desktop tördeléshez Asztali sortörést használj, mert mobilon nem hagy felesleges üres helyet.
  • A hosszú tartalmat alcímekkel és rövid bekezdésekkel tagold.
  • Kép körbefuttatását csak olyan szélességnél használd, ahol a mellette lévő szöveg olvasható marad; a balra/jobbra igazított képek mellett a listák automatikus térközt kapnak.
  • Az Asztali sortörés csak desktopon látszik, mobilon eltűnik, ezért kézi tördelésnél nem okoz nagy üres helyet.
Tartalomszerkesztő blokk Alap tartalomszerkesztő tartalomszerkeszto-blokk alap blokk változat