Fejlécek és láblécek

A weboldal fejléc a weboldal tetején található szakasz, amely általában olyan elemeket tartalmaz, mint a logó, a menü, a keresősáv, a bejelentkezés/ügyfélfiók gomb stb. A lábléc a weboldal alján jelenik meg, és általában olyan információkat tartalmaz, mint a kapcsolati adatok, linkek, jogi közlemények és egyéb opciók.

Fejléc tervezés

A fejléc tervezésének módosításához kattintson a Szerkesztés gombra, majd kattintson a fejlécen. A következő opciók érhetők el a Fejléc szakaszban a Testreszabás fülön a weboldal szerkesztőben:

  • Válasszon egy Sablont a legördülő menüből.

  • Válassza ki a Háttér beállításokat, hogy megváltoztassa a színpalettát különböző Téma stílusok, Egyéni színopciók és Átmenetes lehetőségek segítségével.

  • Amikor egy Border-t adunk a fejléchez, annak méretét, stílusát és színét meghatározhatjuk.

  • Alkalmazza a Round corners-t a dizájnhoz való illeszkedés érdekében.

  • Adjon hozzá egy Shadow-t, és határozza meg annak Color, Offset, Blur és Spread értékeit.

  • Adjon hozzá egy Scroll Effect-et. Vigye az egeret egy hatás fölé az előnézethez.

  • Válassza ki a Header Position-t a Regular, Hidden és Over The Content közül. Ha a Over The Content van kiválasztva, testreszabhatja a Background és Text Color beállításokat.

  • Mutassa vagy rejtse el az olyan Elements-eket, mint a szöveg, a keresősáv, a Sign in gomb, a közösségi média linkek, a Contact us gomb és a logó.

A változtatások véglegesítéséhez kattintson a Save gombra.

Javaslat

A fejléc elrejtéséhez kattintson a Edit gombra, kattintson a fejlécen, és menjen a weboldal szerkesztő Theme fülére. Görgessen le az Advanced szekcióhoz, és kapcsolja a Show Header kapcsolót a fejléc elrejtéséhez/megmutatásához.

Fejléc tartalom

A menük rendszerezik a fejléc tartalmát, és segítik a felhasználókat a weboldalak hatékony navigálásában. A felhasználóbarát és jól strukturált menük szintén kulcsszerepet játszanak a keresőmotor rangsorolás javításában.

Menüpontok hozzáadása

Alapértelmezés szerint az oldalak legördülő menüpontként kerülnek a menübe, amikor létrehozzák őket. Új menüpont hozzáadásához kövesse az alábbi lépéseket:

  1. Lépjen a következő menüpontra: Website ‣ Site ‣ Menu Editor.

  2. A menü szerkesztőben kattintson a Add Menu Item gombra.

  3. A felugró ablakban adja meg a menüben megjelenítendő Név-et.

  4. Írjon / jelet a URL vagy Email mezőbe, hogy keresést végezzen a weboldalán található oldalra, vagy # jelet, hogy meglévő egyedi horgonyra keressen.

  5. Kattintson a OK gombra.

  6. Szerkessze a menü struktúráját, ha szükséges, majd kattintson a Mentés gombra.

Mega menük

A mega menük hasonlóak a legördülő menükhöz, de az egyszerű almenü lista helyett egy panelt jelenítenek meg, amely navigációs lehetőségek csoportjaira van osztva. Ez alkalmassá teszi őket olyan weboldalak számára, amelyek nagy mennyiségű tartalommal vagy e-kereskedelmi weboldalakkal rendelkeznek, mivel segíthetnek az összes weboldal vagy e-kereskedelmi kategória menübe foglalásában, miközben az összes menüelem egyszerre látható marad.

Mega menü a navigációs sávban.

Mega menü létrehozásához lépjen a Website ‣ Site ‣ Menu Editor menüpontra, és kattintson a Add Mega Menu Item gombra. Adja meg a mega menü Name mezőjét a felugró ablakban, kattintson a OK gombra, majd a Save gombra.

A mega menü opcióinak és tartalmának testreszabásához kattintson a fejlécben található mega menü elemre, majd kattintson a Edit gombra. A mega menük építőelemekből állnak, ami azt jelenti, hogy minden komponenst egyedileg testreszabhat. Például:

  • Szerkessze a szöveget közvetlenül az építőelemben.

  • Egy menüelem URL-jének szerkesztéséhez válassza ki a menüelemet, és kattintson a kis előnézeti felugró ablakban található Edit link gombra. Írja be a / jelet, hogy keresést végezzen a weboldalán található oldalak között, vagy a # jelet, hogy meglévő egyedi horgonyt keressen.

    Szerkessze a mega menü opcióját.
  • Mozgasson egy menüelemet úgy, hogy a kapcsolódó blokkot a kívánt pozícióba húzza és ejti a mega menüben.

  • Töröljön egy menüelemet a kapcsolódó blokk törlésével.

A mega menü általános elrendezésének testreszabásához lépjen a weboldal szerkesztőjének Customize fülére, majd a Mega Menu szekcióban:

  • Válasszon egy Template sablont.

  • Válassza ki a Size méretet: vagy Full-Width, vagy Narrow.

A változtatások véglegesítéséhez kattintson a Save gombra.

Dinamikus menüelem elrejtése a be nem jelentkezett felhasználók számára

Ahhoz, hogy egy dinamikus menüelemet (azaz egy Odoo által automatikusan generált menüelemet, például amikor telepít egy alkalmazást vagy modult, mint például Események, Tanfolyamok, stb.) elrejtsen a be nem jelentkezett felhasználók számára, kövesse az alábbi lépéseket:

  1. Fejlesztői mód engedélyezése.

  2. Menjen ide: Weboldal ‣ Konfiguráció ‣ Menük.

  3. Szükség esetén bontsa ki a megfelelő weboldal menüinek listáját, majd kattintson arra a menüelemre, amelyet el szeretne rejteni.

  4. A Látható csoportok szakaszban kattintson a Sor hozzáadása gombra a Csoport neve alatt.

  5. Keresse meg a Felhasználói típusok / Portál csoportot, válassza ki, majd kattintson a Kiválasztás gombra.

  6. Mentés.