Webreviszem – Globális Elementor alap

Összefoglalás egy projekten keresztül

Ha nem láttad a tökéletes WordPress alap részt, akkor mindenképp nézd meg, mert onnan folytatjuk a munkát. A korábbi részeket nem pótolja ez a lecke, viszont abban segít, hogyha gyorsan szeretnéd felépíteni a weboldalad.

Alapbeállítások

  1. bepipáljuk az alapértelmezett színek és betűtípusnál lévő jelölőnégyzeteket.
  2. integráljuk az email marketing szoftvert (nálunk az ActiveCampaign)
  3. A rendszer információkat ismét lecsekkoltam, hogy jól vannak-e beállítva

Ezt követően importáljuk a Master Layout Pack elrendezéseket.

Site Settings (Webhely szintű beállítások)

  1. A honlap azonosításánál be kell írni a weboldal címét és egysoros leírását
  2. Ide feltöltöm a logóm és a faviconom is 512×512 pixel méretben
  3. Az elrendezésnél 1280 pixel szélességűre alakítom a tartalmat, valamint teljes szélességűre teszem az alapértelmezett oldal elrendezést.
  4. Globális színek: elsődleges szín megadása, 4.-hez beírom a gombot és megadom a színét
  5. Globális betűtípus: nem állítunk be semmit
  6. Tipográfia: állítsd be a betűtípusokat elsőnek a body szintre (16-os betűméretet, 1.8-as sor magasság),bekezdések közötti távolság 15 px
  7. Hivatkozás színe az oldal színe
  8. A következő részekhez a betű méretes puskát használom: meg kell adni minden egyes címsor méretnek a betűtípust, a vastagásgot, a sor magasságot és a betűtípust pedig minden kijelző méreten.
  9. Gomb beállítások: háttérszín a gomb színe, szövegszín fehér (sötét háttérhez legalábbis), egérmutató alatt a gomb színe kicsit sötétebb. Sugár: 5, belső margó: 20 fentre és lentre, 30 jobbra és balra
  10. A margót mobil nézeten kicsit kisebbre teszem, mégpedig fen-lent 15-re jobb-bal oldalt pedig 20-ra.
  11. Gomb szöveg: megadom a választott betűtípust, vastagítás, nagybetűs
  12. Űrlap: megvastagítom kicsit a címkét és 15-ös belső margót állítok be.

Ezzel kész is vagyunk az összes webhely szintű beállítással. Persze ez nálunk egy alap helyzet, simán lehet, hogy a te projektednél valami másra is szükség van.

Theme Builder beállítások

Ez az a rész, ahol el kell kezdeni sokkal jobban személyre szabni a különböző elrendezéseket, Itt már nem tudom annyira a kezedbe adni a megoldásokat.

Ezeket a Theme Builder részeket kell biztosan beállítani:

  • Fejléc
  • Lábléc
  • 404 hiba oldal
  • Archív
  • Blogbejegyzés

Az én megoldásaim:

  • mindegyikhez az alap Master Layout Pack elrendezést használtam
  • a fejlécnél leszedtem a felső sávot, de a többit hagytam, mivel a globális beállítások jól működtek
  • a láblécben alakítottam a szövegeken, ahol kellett, lecseréltem
  • (neked a linket is cserélned kell és kiszedni azokat, amik nem kellenek)
  • a404 hibánál, archív oldalnál és blogbejegyzésnél én semmit se állítottam át

Eddig jutottunk:

  • már korábbról biztonságos alapon van a WordPress rendszerünk, 
  • megvannak az alap Elementor beállításaink, 
  • be van töltve egy teljes értékű elrendezés csomag
  • a weboldal szintű beállításoknál pár alapot pluszban beállítottunk
  • globálissá tettünk az arculatunknak megfelelő színeket
  • a betűtípusokat konfiguráltuk nem csak asztali, hanem a különböző kijelző méretekre is
  • a gombot, űrlapot is testreszabtuk
  • és végül a Theme Builderben elkészítettük a:
    • Fejléc
    • Lábléc
    • 404 hiba oldal
    • Archív
    • és Blogbejegyzés kinézetét is

Ezt hívom én egy professzionális Elementor alapnak.