A színek, a betűtípusok és az elrendezés beállítása
A Webhely dizájnja lapon egyszer állítsa be a webáruháza színeit, betűtípusait, szövegméreteit és sarokkerekítését, és ezek minden oldalon egyszerre érvényesülnek.
A Webhely dizájnja olyan beállításokat tartalmaz, amelyek a webáruházát egységes márkává teszik: a színeit, betűtípusait, szövegméreteit és sarokkerekítését. Mindegyiket egyszer állítja be, és minden oldal követi. A blokkok szükség esetén felülírhatják ezeket a beállításokat.
A Webhely dizájnja megnyitása
- Nyissa meg a szerkesztőfelületet. Lásd: A szerkesztőfelület első pillantásra.
- A jobb oldali beállítási panelen kattintson a Webhely dizájnja fülre.
- Kattintson egy címsorra a megnyitásához: Arculat, Színek, Tipográfia vagy Elrendezés.
A változtatások azonnal látszanak az oldalon, és automatikusan mentésre kerülnek. Az élő webáruháza a közzétételkor változik.
Színek
Nyissa meg a Színek részt, hogy lássa a hét színt, amelyekből minden oldal épül.
- Kiemelőszín: a webáruháza fő színe. A gombok és a hivatkozások ezt használják.
- Szöveg a kiemelőszínen: a kiemelőszín fölötti szöveg színe, például a gombfelirat.
- Oldal háttere: az oldalak mögötti szín.
- Felület: a kártyák és panelek színe, például a termékkártyák és az űrlapdobozok.
- Szöveg: a címsorok és a többi fő szöveg színe.
- Másodlagos szöveg: a bekezdésszövegekhez, leírásokhoz és az apró betűs részekhez használt, visszafogottabb szín.
- Szegélyek: a vékony vonalak és keretek színe.
Szín kiválasztása
- Kattintson egy színmezőre.
- A megnyíló választóban tegye az alábbiak egyikét:
- Kattintson vagy húzzon a nagy négyzetben, hogy beállítsa a szín fényerejét és telítettségét, és húzza az alatta lévő sávot a színárnyalat megváltoztatásához.
- Írjon vagy illesszen be egy hexadecimális kódot, például
#2B2622, a mezőbe. - Kattintson a Témaszínek alatti mintára, ha egy már meglévő színt szeretne újra használni, vagy a Legutóbbiak alatti mintára egy nemrég kiválasztott színhez.
- Kattintson a választón kívülre, vagy nyomja meg az Esc billentyűt a bezáráshoz.
Ellenőrizze, hogy a szöveg olvasható
A hét szín alatt a Payly ellenőrzi, hogy minden szövegszín könnyen olvasható-e a mögötte lévő színen. Ha minden rendben van, ez olvasható: Minden színpár könnyen olvasható. Ha egy színpár túl halvány, a lista megnevezi, megmutatja a kontrasztarányát és azt, mennyi kellene neki, és van egy Javítás gomb, amely Ön helyett módosítja a szöveg színét.
A Payly nem akadályozza meg, hogy gyenge kontrasztú színpárt válasszon, de a világosszürke szöveg a világos háttéren nehezen olvasható, különösen telefonon, napfényben.
Tipográfia
Nyissa meg a Tipográfia részt a betűtípusok és a szövegméretek kiválasztásához.
- Törzsszöveg betűtípusa: a bekezdések, a menük és a gombok betűtípusa.
- Alap betűméret: a normál szöveg mérete.
- Törzsszöveg sortávolsága: a szövegsorok közötti távolság. Nagyobb szám több helyet ad.
- Címsor betűtípusa: a címsorok betűtípusa. Válassza a A webhely betűtípusának használata lehetőséget, ha a címsorokhoz is a törzsszöveg betűtípusát szeretné használni.
- Címsor mérete: az összes címsort nagyobbá vagy kisebbé teszi, százalékban.
- Címsor vastagsága: a címsorok félkövérségét adja meg.
- Címsor betűköze: szűkíti vagy tágítja a címsorbetűk közötti távolságot.
Betűtípus kiválasztása
- Kattintson a Törzsszöveg betűtípusa vagy a Címsor betűtípusa mezőre.
- Görgessen a listában, amely minden nevet a saját betűtípusával mutat. A lista tetején lévő Ajánlott csoport olyan betűtípusokat tartalmaz, amelyek a legtöbb webáruházhoz illenek.
- Ha név szerint keres betűtípust, írja be a Betűtípusok keresése… mezőbe.
- Kattintson egy betűtípusra a kiválasztásához.
A lista a teljes Google Fonts-könyvtárat tartalmazza. A használt betűtípusok a közzétételkor bekerülnek a webáruházába. Ha egy betűtípus hiányzik a listából, írja be a Google Fonts-beli pontos nevét a keresőmezőbe, és a Használat mindenképpen alatt válassza ki.
Elrendezés
Az Elrendezés részben két beállítás van:
- Sarokkerekítés azt állítja be, mennyire kerekek a gombok, kártyák és képek sarkai. Csúsztassa 0-ra az éles sarkokhoz, jobbra az lágy sarkokhoz. A saját sarokkerekítésüket Auto értékre állító blokkok ezt a beállítást követik.
- Szövegirány a legtöbb nyelvnél Balról jobbra. A Jobbról balra beállítás az egész elrendezést megfordítja arab, héber, perzsa és urdu nyelvhez.
Arculat
Az Arculat részben állítsa be a Böngészőikon képet, a böngészőlapon látható kis képet. Egyszerű jelet használjon, ne a teljes logóját, mert körülbelül 16 pixeles méretben jelenik meg. Kattintson a Kép feltöltése vagy a Feltöltések böngészése gombra, ahogy a Képek hozzáadása és a médiatár használata cikkben olvashatja. Ha üresen hagyja, a logóját használjuk.
A logója nincs itt. A fejlécében található, ahol meg is jelenik. Lásd: A fejléc és a lábléc testreszabása.
Egyetlen blokk módosítása
Minden szöveges blokk, címsor és gomb felülírhatja a webhely betűtípusát, méretét és színeit. Jelölje ki a blokkot, és nyissa meg a Tipográfia vagy a Megjelenés csoportját. Lásd: Szöveg, címsorok és gombok szerkesztése.
Tipp: Ha teljesen más megjelenést szeretne, kezdheti újra valamelyik kész dizájnnal. Lásd: Váltás másik webhelydizájnra.