A szerkesztőfelület első pillantásra

Ismerkedjen meg a Payly szerkesztőjével: a felső sávval, a Blokkok panellel, a munkaterülettel és a beállítási panellel, valamint azzal, hogyan működik a mentés, a visszavonás és a billentyűparancsok.

A szerkesztőben építi fel a webáruháza oldalait. Minden oldalt úgy lát, ahogy a látogató fogja, és elemek kijelölésével, áthelyezésével és beállításaik kitöltésével módosítja őket. Amit itt tesz, a látogatók csak a közzététel után látják.

A szerkesztő megnyitása

  1. Nyissa meg a webhely vezérlőpultját.
  2. Kattintson a bal oldali menü tetején lévő Webhely szerkesztése gombra.

Egy újonnan létrehozott webhely a dizájn kiválasztása után magától megnyílik a szerkesztőben. Lásd: Az első webhely létrehozása.

A négy terület

A szerkesztőnek van egy sávja fent, alatta pedig három oszlop: a Blokkok panel balra, az oldal középen (a munkaterület), és a beállítási panel jobbra.

A szerkesztő a felső sávval, a Blokkok panellel balra, a Főoldallal középen és az oldalbeállításokkal jobbra

A felső sáv

A felső sáv balról jobbra a következő vezérlőket tartalmazza:

A felső sáv bal fele: a Payly logó, a Vezérlőpult gomb, a mentés állapota, a webhely neve és az oldalválasztó
  • A Vezérlőpult gomb visszaviszi a webhely vezérlőpultjára.
  • A mentés állapota megmutatja, hol tart a munkája. A Mentve, nincs közzétéve azt jelenti, hogy a módosításai a piszkozatában mentve vannak, de az éles webáruháza még nem mutatja őket. A Mentve és közzétéve azt jelenti, hogy az éles webáruháza megegyezik azzal, amit lát. Minden módosítás után egy pillanatra megjelenik a Mentés… felirat, sikertelen mentés esetén pedig a Mentés sikertelen felirat.
  • A webhely neve mező a webáruháza nevét mutatja. Kattintson rá a webhely átnevezéséhez.
  • Az oldalválasztó (az oldal nevét mutatja, amelyen éppen van, például a Főoldal) felsorolja az oldalait. Válasszon egyet a szerkesztéséhez. A lista alján lévő Oldalak kezelése megnyitja az oldalkezelőt. Lásd: Oldalak hozzáadása és kezelése.
A felső sáv jobb fele: az Asztali, a Tablet és a Mobil gombok, a Biztonsági mentések, a Visszavonás, az Újra és az Élő webhely megtekintése ikonok, valamint az Előnézet és a Közzététel gombok
  • Az Asztali, a Tablet és a Mobil gombok azt a képernyőméretet váltják, amelyre tervez. Lásd: Megfelelő megjelenés telefonon és táblagépen.
  • Az óra ikon (Biztonsági mentések) a mentett biztonsági másolatait nyitja meg. Lásd: Módosítások visszavonása és korábbi verzió visszaállítása.
  • A két nyíl a Visszavonás és az Újra gomb.
  • A dobozból kilépő nyíl ikon (Élő webhely megtekintése) az éles webáruházat új lapon nyitja meg. Csak akkor jelenik meg, miután közzétette.
  • Az Előnézet az egész webhelyét új lapon mutatja, működő hivatkozásokkal együtt. Lásd: Webhely előnézete közzététel előtt.
  • A Közzététel gomb a módosításait az éles webáruházba viszi. Lásd: Első webhelye közzététele.
  • A jobb szélső fiókmenü a Payly saját témáját és nyelvét tartalmazza (ezek nem változtatják meg a webáruházát), valamint a Beállítások, a Payly főoldal és a Kijelentkezés menüpontot.

A Blokkok panel

A bal oldali oszlop a Blokkok résszel indul: ezek azok az építőelemek, amelyeket az oldalhoz adhat, csoportokba rendezve: Alapok, Média, Elrendezés, Webáruház, Marketing és Menük és űrlapok. Húzzon egy blokkot az oldalra, vagy kattintson rá, hogy az aktuális szakasz végére kerüljön. Lásd: Blokkok hozzáadása, mozgatása és átméretezése.

Görgessen le ugyanebben az oszlopban a Szerkezet részhez: ez felsorolja a fejlécet, az aktuális oldal szakaszait és a láblécet, és van benne egy Szakasz hozzáadása gomb. Lásd: Szakaszok kezelése.

A munkaterület

A képernyő középső része az oldala. Ugyanaz a kód rajzolja, mint az éles webáruházat, tehát amit lát, azt kapják a látogatók. Kattintson bármelyik blokkra vagy szakaszra a kijelöléséhez. A kijelölt blokk kék keretet, átméretező fogantyúkat és egy kis eszköztárat kap a Duplikálás, a Forgatás és a Törlés gombokkal. A munkaterületen lévő hivatkozások kattintásra nem nyílnak meg.

A beállítási panel

A jobb oldali oszlopnak két lapja van:

  • A Kijelölés lap a kijelölt elem beállításait mutatja. Ha nincs semmi kijelölve, az oldal saját beállításait: a Böngészőfül címet, a Keresési leírást és a Ez a webáruházi oldal kapcsolót. Ha blokkot jelöl ki, annak beállításait látja, olyan címsorok alatt csoportosítva, mint az Általános, a Tipográfia, a Méret és helyzet és a Kezelés. A címsorra kattintva nyithatja meg. Az oldalbeállításokhoz visszatérni az Oldal beállításai gombra kattintva, az Esc billentyű megnyomásával vagy az oldal melletti szürke területre kattintva lehet.
  • A Webhely dizájnja lap azokat a színeket, betűtípusokat és elrendezési beállításokat tartalmazza, amelyek minden oldalra vonatkoznak. Lásd: A színek, a betűtípusok és az elrendezés beállítása.
A szerkesztő a kijelölt főcímmel, amelynek eszköztára látszik az oldalon, és a jobb oldalon nyitva az Általános beállításai

Hogyan működik a mentés

A szerkesztő automatikusan ment. Pillanatokkal azután, hogy abbahagyja valaminek a módosítását, elmenti a piszkozatot, a felső sávban lévő állapot pedig visszatér a Mentve, nincs közzétéve állapotba. Nincs Mentés gomb.

A mentett módosítás nem éles. A látogatók az utolsó közzétett verziót látják, amíg a Közzététel gombra nem kattint.

Visszavonás és újra

A Visszavonás gombbal visszavonhatja az utolsó módosítását, az Újra gombbal pedig visszahozhatja. Ezek a szerkesztő megnyitása óta végzett módosításait jegyzik meg. Ha bezárja vagy újratölti a szerkesztőt, az előzmények a mentett verziótól indulnak újra.

Billentyűparancsok

Mac-en a Cmd billentyűt használja a Ctrl helyett.

BillentyűkMit csinálnak
Ctrl + ZAz utolsó módosítás visszavonása
Ctrl + Shift + ZÚjra
Ctrl + DA kijelölt blokk duplikálása
Delete vagy BackspaceA kijelölt blokk törlése
EscA kijelölés megszüntetése
NyílbillentyűkA kijelölt blokk mozgatása 1 képponttal (a Shift nyomva tartásával 10 képponttal)
Ctrl + nyílbillentyűkA kijelölt blokk mozgatása egy rácscellával
Ctrl + Shift + nyílbillentyűkA kijelölt blokk egy cellával szélesebbé, keskenyebbé, magasabbá vagy alacsonyabbá tétele

Kapcsolódó cikkek

Last updated 2026-10-16