Tovább a tartalomhoz

Fülek blokk (Tabs)

Tartalom elrendezése füles felületen: fülek felvétele, törlése, rendezése, kettőzése, tartalom a panelekben és a beállítások.

A Tabs blokk (a szerkesztőben jelenleg ezen az angol néven látszik) a tartalmat külön fülekre bontja. Az olvasó egyszerre egy fület lát, és kattintással lép át a többire. Jó GYIK-hoz, termékadatokhoz, vagy bármihez, amit nem akarsz egyetlen hosszú oldalon felsorolni. A billentyűzettel és képernyőolvasóval is kezelhető.

  1. Nyiss meg egy bejegyzést vagy oldalt a szerkesztőben.
  2. Állj oda a kurzorral, ahová a füleket szánod.
  3. Kattints a + gombra, keresd meg a Tabs blokkot, és kattints rá.

Egy üres sorba írt /tabs és az Enter is beszúrja. Beszúráskor két fül jön létre, mindkettőhöz üres panellel.

A Tabs blokk egymásba ágyazott blokkokból áll:

  • Tabs: a külső blokk, ez fog össze mindent.
    • Tab List: a kattintható fülgombok sora.
    • Tab Panels: a panelek tárolója.
      • Tab Panel: egy fül tartalma. Egyszerre csak a kijelölt fülhöz tartozó panel látszik.

A fülgombok és a panelek sorrendben összetartoznak: a harmadik gomb a harmadik panelt mutatja. A kijelölt blokk neve az ablak alján, a morzsasorban látszik (például Bejegyzés › Tabs › Tab List).

https://minta-bolt.hu/wp-admin/post.php?post=32&action=edit
A Tabs blokk kijelölve a szerkesztőben három füllel és az eszköztárral

A képen a Tabs blokk három füllel (Leírás, Adatok, Vélemények) látható. Az eszköztáron a Fül hozzáadása és a Fül eltávolítása gomb van.

Új fül:

  1. Jelöld ki a fülek sorát (Tab List), és kattints az utolsó fül címének végére.
  2. Nyomj Entert.

Az új fül a megfelelő üres panellel együtt jön létre. Az eszköztár Fül hozzáadása gombja is új fület ad a lista végére.

Fül törlése:

  1. Kattints a törlendő fül címének legelejére.
  2. Nyomd meg a Backspace billentyűt, vagy kattints az eszköztár Fül eltávolítása gombjára.

A fül és a hozzá tartozó panel együtt törlődik. A blokknak legalább egy fülnek maradnia kell, az összeset nem törölheted.

  1. Jelölj ki egy fület a fülek sorában.
  2. Az eszköztár nyílgombjaival (balra és jobbra) mozgasd előrébb vagy hátrébb.

Ha egy panelt közvetlenül húzol át (például a Lista nézetben), a hozzá tartozó fül vele együtt mozdul, így a sorrend végig egyezik.

A kettőzés lemásolja a fület és a panel tartalmát is, és új fülként összekapcsolja őket.

  1. Jelöld ki a kettőzendő fület.
  2. Az eszköztáron kattints a Beállítások (három pont) gombra, és válaszd a Kettőzés parancsot.

Egy panel a Csoport blokkhoz hasonlóan működik: bármilyen blokkot tehetsz bele (bekezdést, képet, címsort, oszlopokat és így tovább).

  1. Jelöld ki a fület, amelyhez tartalmat adsz.
  2. Kattints a panelbe.
  3. A + gombbal szúrj be bármilyen blokkot, ahogy máshol a szerkesztőben.

A Tabs blokk, a fülek sora és az egyes panelek kijelölve más-más eszköztárat mutatnak. A fülek soránál (Tab List) látod a Fül hozzáadása és Fül eltávolítása gombot, a sorrendet módosító nyilakat és az igazítást. A Beállítások (három pont) gomb a szokásos műveleteket adja: másolás, kettőzés, törlés, zárolás.

A blokk kijelölésekor az oldalsávon ezek a panelek vannak:

Panel Mit állíthatsz
Betűkészlet szín
Háttér háttérszín
Méretek helykitöltés, margó és a belső blokkok távolsága
https://minta-bolt.hu/wp-admin/post.php?post=32&action=edit
A fülek sora kijelölve, az oldalsávon a Felirat mező

A fülek sorának (Tab List) kijelölésekor a Beállítások fülön ezt találod:

  • Felirat: rövid leírás a fülek csoportjáról (például „Termékadatok”). A képernyőolvasók ezt olvassák fel, hogy megmondják, mire valók a fülek. Akkor különösen hasznos, ha egy oldalon több Tabs blokk van.
  • Elrendezés: alapból a gombok több sorba törnek, ha nem férnek el egy sorban, így a hosszú feliratú vagy sok fül is olvasható marad, és nem lóg ki.

A Stílusok fülön a fülgombok színe, betűkészlete és kerete állítható.

A fülek külön is kijelölhetők, és stílusuk a szokásos blokkbeállításokkal alakítható:

  • Szín: a gomb szövegének és hátterének színe, a kijelölt (aktív) állapotban is.
  • Betűkészlet: a fülfelirat mérete és más szövegbeállításai.
  • Keret: keretszín, vastagság, lekerekítés.
  • Térköz: a gombon belüli margó.

Mivel ezek szokásos blokkbeállítások, egyszer is megadhatod őket az egész webhelyre a Webhelyszerkesztő → Stílusok → Blokkok részén.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások