Letöltés Kipróbálás

Gantry tudástár

Gantry5 - Új építőelem-szekció hozzáadása

Részletek
Kategória: Tudástár

Előfordulhat, hogy egy weblap építése során nem elegendő az alapértelmezetten beállított építőelem-szekciók száma, így szükségünk van újak létrehozására. De, hogyan is tehetjük ezt meg?

1. Töltsük le a számítógépünkre a SAJÁT_SABLONUNK/layouts/ mappájából egy tetszőleges yaml fájlt (pl. home.yaml).
2. Nyissuk meg egy szerkesztővel és adjunk hozzá tetszőleges szekciókat. (pl. ha én a main szekció alá szeretnék rakni egy új pozíciót, akkor a struktúrának megfelelően adjuk hozzá a következőt sort: /mainbottom/:)

Egy példa a lehetséges elrendezés kialakításra:

version: 2

preset:
  image: gantry-media://images/admin/layouts/default.png

layout:
  /header/:
    - menu

  /main/:
    - position-breadcrumbs
    - system-messages
    - system-content

  /mainbottom/:
    - position-mainbottom

  /footer/:
    - position-footer
    - [copyright 40, spacer 30, branding 30]

  offcanvas:
    - mobile-menu

Megjegyzés: Fontos, hogy a yaml fájl szerkesztésekor, ne használjunk tabulátor billentyűt, csak space-t a tagolások kialakításánál, mert akkor nem töltődik be az új elrendezés.

3. Mentsük ezt a fájlt új néven, majd másoljuk be a SAJÁT_SABLONUNK/custom/layouts/ mappába.

4. Lépjünk be a sablounk adminisztrációjába, majd az Elrendezések (Layouts) menüpontban töltsük be az új elrendezést.

 

Bejelentkezés a hozzászóláshoz
Hozzászólások a témában: Gantry5 - Új építőelem szekció hozzáadása

Zotius profilkép
Zotius válaszolt a témára: #2 2015 nov. 15 22:21
Épp a napokban jutottam el odáig, hogy szükségem volt új szekció létrehozására a G5 sablonban... :)
A Gantry 5 teljes dokumentációja teljeskörűen bemutatja a G5 „lelkivilágát”, érdemes tanulmányozni annak, aki komolyabban kíván foglalkozni e témával.
Zotius profilkép
Zotius válaszolt a témára: #3 2016 febr. 10 10:00
Ez mind szép és jó, viszont ezzel csak a pozíciót adjuk hozzá.
Az új pozíció beállításaihoz a Gantry 5 admin felületén a "Styles" menüpontban megjelenik ugyan, de a háttér és előtér (betű) színét itt hiába állítom, az nem érvényesül.
Ehhez úgy látszik még valahol máshol is tudomására kellene hozni a Gantry 5 rendszernek, hogy a sablon egy új szekcióval bővült.
Balázs profilkép
Balázs válaszolt a témára: #4 2016 febr. 10 11:31
A kiemelt kék részben egy konténer és egy pozíció is hozzáadásra került.
Zotius profilkép
Zotius válaszolt a témára: #5 2016 febr. 10 12:16
Ugyanígy csináltam én is, a szekció és benne a pozíció is megvan.
version: 2

preset:
  image: gantry-admin://images/layouts/2-col-right.png

layout:
  /fixedside/:
    - system-social
  /header/:
    - [logo 30, position-header 70]

  /navigation/:
    - menu

  /showcase/:
    - position-showcase

  /feature/:
    - position-feature

  /container-main/:
    -
      - main 80:
          - position-breadcrumbs
          - system-messages
          - system-content
      - sidebar 20:
         - position-sidebar

  /bottom/:
    - position-bottom

  /subfeature/:
    - position-subfeature

  /footer/:
    - position-footer

  /copyright/:
    - [copyright 40, spacer 30, branding 30]

  offcanvas:
    - mobile-menu

structure:
  sidebar:
    subtype: aside
    block:
      fixed: 1
Ennek ellenére, hiába adok meg bármilyen háttér- és előtérszínt a 'Styles' lapon, csak annyi hatása van, mint a falra hányt borsónak.
Az így berakott szekcióban lévő modulpozíciókat csak a custom.scss-ben tudom színezni.
Bővebben...

Share
Tweet