Az Avada sablon beállítása

Az Avada sablon beállítása

Az előző cikkben addig jutottunk el, hogy telepítettük és aktiváltuk az Avadát. Ebben a cikkben az Avada sablon beállítása lesz a fókuszban.

Néhány gondolat előjáróban:

  • A cikk azokat a fontosabb beállítási pontokat mutatja be, ami egy kezdéshez szükséges alapbeállítást ad a kezedbe.
  • Nem térek ki minden menüpont, minden almenüjére. Egyrészt azért, mert nagyon hosszú cikk lenne, másrészt azért, mert én sem használom minden elemét az Avadának. (Készül egy részletes videós tanfolyam az Avadáról, abban minden pontot bemutatok)
  • Ez egy alapbeállítást ad, amitől a későbbikekben el tudsz térni. Azt javaslom, hogy mindig csak egy dolgot változtass és ne használj cache bővítményt, hogy lásd is a változást.

Az Avada sablon beállítások menüjét nézzük át ebben a cikkben. Amikor itt beállítasz valamit, azt úgy tedd, ahogy azt legtöbbször látni szeretnéd a weboldaladon.

Ennek az az oka, hogy minden oldal/bejegyzés alatt ott találod a Fusion Page Option nevű dobozt. Ebben a dobozban találod azokat az állítási lehetőségeket, amiben el tudsz térni az alapbeállításoktól. Ez 8 főmenüt és számtalan almenüt jelent.

Ha nem jelenik meg ez a doboz, akkor felül nyisd le a Mit lássunk menüt és tegyél pipát a Fusion Page Options elé.

Az Avada Fusion Page Options doboza

Avada sablon beállítások menü:

Lépj bal oldalt az Avada/sablon beállítások menüre, ahol ezt kell látnod:

Az Avada sablon beállítások menü

Ezek közül fogjuk a fontosabb menüpontokat átnézni.

Elrendezés menü:

A honlapod kinézetének beállítását itt kell kezdeni.

  • Elrendezés: Add meg hogy doboz vagy teljes szélességű honlapot szeretnél.
  • Honlap szélessége: Megadhatsz konkrét szélességet pixelben vagy százalékban.
  • Oldalsáv szélessége: Milyen széles legyen az oldalsáv pixelben vagy százalékban egy oldalsávnál, alatta pedig dupla oldalsáv esetén.

Reszponzív menü:

  • Reszponzív (mérethelyes) megjelenés: Be, a többi almenüvel most ne foglalkozz.

Színek menü:

  • Előre meghatározott színséma: Itt válassz egy neked tetsző színsémát.
  • Elsődleges szín: Itt pedig adj meg egy színt, ami passzol a színsémához.

Fejléc menü:

  • Fejléc pozíció: Add meg, hogy hol legyen a fejléc. Általában a felül opció kell neked.
  • Fejléc Elrendezés kiválasztása: Válassz egyet a 7 fejléc közül. (Némelyik esetében újabb menüpontok jönnek elő)
  • Slider pozíció: Ez akkor érdekes, ha használsz valamilyen slidert, mondjuk a főoldalon. Ez azt határozza meg, hogy a fejléc a slider alatt, vagy felett jelenjen meg.
  • Ragadós fejléc: Ha szeretnéd, hogy a fejléc ragadós legyen , akkor válaszd a be opciót.

Menü menü:

Ezzel a menüvel most nem foglalkozunk, mert itt inkább finomhangolási lehetőségek vannak. Ide majd akkor térj vissza, ha minden mást már beállítottál.

Logó menü:

  • Alapértelmezett logó: Tölts fel egy logót és azt add meg itt. Ezt követően jelennek meg felette újabb menüpontok. (Ha nincs logód, csinálj egyet a Canva nevű ingyenes programmal. Számtalan más dologra használhatod még, szóval mindenképp regisztráj egy fiókot.)
  • Favicon: Itt tudod feltölteni az általad használni kívánt favicont.

Oldal címsorsáv menü:

Itt tudod beállítani, hogy alapértelmezetten legyen-e címsorsáv és kenyérmorzsa menü az oldalaidon. Például a bolt oldalon legyen-e.

Az Avada címsor sáv

Ez a beállítás az oldalakra vonatkozik. A bejegyzéseknél megjelenő címsorsávot lentebb kell beállítani.

Sliding bar menü:

Ez egy dizájnos, kattintásra előugró terület, amibe akár menüt, képeket helyezhetsz el. Első körben nem kell, legyen kikapcsolt állapotban.

Lábléc menü:

  • Lábléc widgetek Terület: Legyen vagy ne legyen widget terület a láblécben.
  • Oszlopok száma a láblécben: Hány oszlopos legyen a widget terület.
  • Szerzői jog sáv: A lábléc alatt megjelenő terület.
  • Szerzői jogi szöveg: Ide írd be a megjelenítendő szöveget.

Oldalsáv menü:

Itt adhatod meg, hogy az általad elkészített oldalsáv elrendezések közül melyik, hol jelenjen meg. Mélyebben nem megyek bele.

Háttér menü:

Marad minden alapértelmezetten

Betűtípusok menü:

  • Szövegtörzs betűtípus: Itt add meg, hogy milyen típusú és méretű legyen a betű a tartalomban.
  • Link szín: Add meg, hogy milyen színű legyen a link.
  • Fejléc betűtípusok: Itt állítsd be H1-től H6-ig a használni kívánt betűtípusokat és méreteket.

Blog menü:

Általános:

  • Blog Page Title Bar: Itt add meg, hogy legyen-e címsorsáv a bejegyzéseknél.
  • Oldal neve: Mi legyen a blog oldal neve. Mondjuk blog? 🙂
  • Lapozás típusa: Milyen legyen a lapozás típusa.
  • Number of Columns: Hány oszlopban jelenjenek meg a cikkek.
  • Equal Heights: Ezt kapcsold be, ha azt szeretnéd, hogy egyenlő magasságú oszlopok legyenek.
  • Blog tartalom mutatása: Itt add meg, hogy a teljes tartalmat mutassa, vagy csak egy kivonatot.
  • Kivonat hossza: Egyértelmű, de lentebb beállíthatod, hogy a kivonat hosszát szavakban, vagy karakterben mérje.

Blog egyedi bejegyzés:

  • Kiemelt kép megjelenítése bejegyzésekben: Le lehet tiltani a kiemelt képek megjelenését globálisan is a bejegyzéseknél.
  • Előző/Következő lapozó: Legyen vagy ne legyen
  • Bejegyzés cím: Hol jelenjen meg a cím?  A kiemelt kép alatt, vagy felett?
  • Szerző információk: Legyenek-e szerzői információk
  • Social megosztás szekció: Legyen-e megosztó doboz a bejegyzések alatt.
  • Kapcsolódó cikkek: Jelenjenek-e meg kapcsolódó cikkek a bejegyzés alatt.
  • Hozzászólások: Engedélyezed-e a hozzászólásokat. (Attól, hogy itt engedélyezed, sajnos minden cikknél még egy külön engedélyezésre van szükség.)

Blog  meta adat:

Itt adhatod meg, hogy milyen meta adatokat engedélyezel

Portfólió menü:

Ezzel ráérsz később foglalkozni, de meglepő módon a portfólió modult szabhatod testre.

Közösségi média menü:

Itt adhatod meg az oldalad közösségi média elérhetőségét és azt, hogy hol jelenjenek meg az ikonok.

Slideshows menü:

Ráér később, én speciel nem is használom.

Elastic slider menü:

Ez is ráér később. Ezt sem használom, de ezt ki is kapcsoltam a Fusion Builder elemek közül.

Az Avada tele van tömve mindenféle sliderrel. Ezek közül szinte csak a Revolution Slidert használom.

Lightbox menü:

Ráér később.

Kapcsolati űrlap menü:

  • Email cím: Itt adhatod meg azt az e-mail címet, ahová írhatnak neked.

Kereső oldal menü:

Itt adhatod meg a kinézetét annak az oldalnak, ami megjeleníti a keresés eredményét. Ráér később.

Privacy menü:

Nem kell vele foglalkozni, úgyis valamilyen cookie figyelmeztetés bővítményt fogsz használni.

Exra menü:

  • Kivonat hossza: Itt adhatod meg, hogy a kivonat hossza szavakban, vagy karakterekben legyen-e mérve.
  • Hozzászólások az oldalakon: Legyen-e lehetőség a hozzászólásokra az oldalakon.
  • A “nofollow” attribútum hozzáadása a közösségi linkekhez: Automatán ad hozzá nofollow címkét a közösségi linkekhez.
  • A közösségi linkek megnyitása új ablakban: Új ablakban nyitja meg a linkeket.

Haladó menü:

Ráér később.

WooCommerce menü:

Csak akkor jelenik meg, ha be van kapcsolva a WooCommerce. Rengeteg beállítást tesz lehetővé a webáruházadon.Ráér később.

Az Avada beállítások WooCommerce menüje

Egyedi CSS menü:

Itt adhatsz meg egyedi css kódot. Bőven ráér később.

Fusion Builder elemek menü:

Itt adhatsz egy alap kinézetet az építő elemeknek, amitől persze később is el tudsz térni. Ráér később.

Export-Import menü:

Itt exportálhatsz ki, vagy importálhatsz be Avada beállításokat.

Az Avada sablon beállítása: Utószó

Ha végig mentél ezeken a menüpontokon, akkor már egy használható keretváz van a kezedben, amivel körvonalazódik az új weboldalad kinézete.

Amit szem elől kell tartanod, az az, hogy ezen beállítások jelentős részétől el tudsz térni oldalanként/bejegyzésenként. Szóval ez tényleg csak egy alapbeállítás. Rengeteg menüpont maradt ki, amibe bele sem néztünk.

Az Avadában kevés dolog van kőbe vésve és ez az, ami annyira “bonyolulttá” teszi a használatát és ez az, amit annyira szeretek benne.

A sales oldalukon azt ígérik, hogy “coding knowledge Not required“. Ez kb annyit tesz, hogy kódolási tudás nem szükséges. Ennek viszont az az ára, hogy rengeteg beállítási lehetőséget tartalmaz, de így legalább egy kattintás megoldani valamit.

A margóra írva jegyzem meg, hogy néhány prémium sablon gyártó pedig nyugodtan oda írhatná, hogy “coding knowledge required“, mert sok, számomra alapvető dolgot csak kódolással, vagy plusz bővítmény telepítésével lehet megoldani, ha meglehet. Persze, ez csak annak probléma, aki nem ért például a css-hez, ahogy én sem. 🙂

Amit kigondolsz, azt az Avada valószínűleg tudja, csak meg kell keresni a beállításokban.

Az Avada sablon beállítása: Összefoglalás

Most már ismered az Avada sablon beállítása kezdő lépéseit. Van egy jó kiindulási alapod, amivel már el tudod kezdeni a weboldalad építését.

Most már csak idő és türelem kérdése, hogy megismerd az Avada minden képességét és ezáltal egy káprázatos honlapot tudj készíteni magadnak, vagy akár másnak.

A következő cikkben az Avada építőelemeit mutatom be, amivel elkezdheted felépíteni a weboldaladat, akár a nulláról is.

Ez az a cikk: Az Avada oldalépítő bemutatása

Szólj hozzá

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

Az oldal tetejére