Az Avada sablon telepítése, aktiválása

Az Avada sablon telepítése, aktiválása

Miután megvetted az Avada sablont, valószínűleg már alig várod, hogy végre kipróbálhasd.

Ez persze érthető, ám mielőtt teljes mértékben használatba tudnád venni, szükség van a tárhelyed előkészítésére, a sablon aktiválására, bővítmények telepítésére.

Ebben a cikkben azt mutatom be, hogy hogyan zajlik az Avada sablon telepítése, aktiválása.

Az Avada sablon telepítése a következő 4 lépésre osztható fel:

  • a tárhelyed beállítása
  • az Avada letöltése, feltelepítése, aktiválása
  • a kötelező és opcionális bővítmények telepítése, aktiválása
  • az egyik demo honlap telepítése

A tárhelyed beállítása

Ez a lépést nem kifejezetten az Avada miatt kell végrehajtani, hanem mert a WordPress zavartalan futtatásának is vannak bizonyos alapkövetelményei.

Az egyik ilyen, a megfelelő PHP környezet kialakítása.

A hivatalos WordPress követelmények a következők:

  • PHP verzió 7.2 vagy nagyobb
  • MySQL 5.6 vagy nagyobb, vagy MariaDB 10. vagy nagyobb
  • Nginx vagy Apache szerver mod_rewrite modullal
  • HTTPS támogatás

Ha tárhelyszolgáltatót választasz, akkor ezeket minimum tudnia kell.

A PHP konfigurálása

A következő lépések a Tárhely.eu-nál kerülnek bemutatásra, de más szolgáltatónál is hasonló módon kell végrehajtani.

PHP beállítás

Kattints a Select PHP Version lehetőségre és válaszd a 7.2 verziót majd a változtatást mentsd el!

Ezt követően két féle módon is konfigurálhatod a PHP-t.

Vagy a képen is látható MultiPHP INI Editor-ra klikkelve kiválasztod a domain nevedet és csak arra az almappára fognak vonatkozni a változtatások, vagy lehetőség van globálisan is beállítani a Home Directory lehetőség választásával.

Az én véleményem az, hogy a teljes gyökér könyvtárra alkalmazzuk a beállított értékeket. Később úgy is el tudsz térni ettől, ha egy konkrét domain nevet választasz.

A másik mód az, hogy a tárhelyen a public_html / domainneved mappába lépve kikeresed a php.ini nevű konfigurációs fájlt és azt szerkesztve módosítod az értékeket.

PHP.INI szerkesztése

Most az első lehetőséget fogom bemutatni, mert az az egyszerűbb és a kényelmesebb. Miután beléptél a MultiPHP INI editorba ezt a felületet kell látnod.

PHP értékek

Az itt látható értékekre írd át a saját PHP konfigurációdat és az alul található Alkalmazás gombbal mentsd el a változtatásokat.

Figyelem! Ha az Avada classic demót telepíted, akkor a max_execution_time érték legyen 300. Sőt, az sem baj, ha egyből annyira állítod.

Ha egyelőre még nem tudod, hogy itt mi-micsoda, az egyáltalán nem baj, csak fogadd el, hogy így lesz jó neked 😀

A gzip tömörítés engedélyezése a szerveren

A gzip bekapcsolásával a szerver tömörítve szolgálja ki a weboldalt, így a látogató böngészője már a tömörített csomagot tölti le. A tömörítés miatt kisebb a méret, így kevesebb hálózati forgalmat generál, ettől pedig az oldal betöltése gyorsabb lesz.

Lépj a Webhely optimalizálása mappába és engedélyezd a tartalom tömörítését így:

A gzip tömörítés engedélyezése a tárhelyen

Ezzel meg is volnánk, most már nem lehet akadálya a problémamentes telepítésnek.

Az Avada letöltése, telepítése, aktiválása

Ezt a részt olvasd figyelmesen, mert sok fontos információt tartalmaz.

Azért hívom fel külön a figyelmedet, mert úgy látom, hogy sok téves és kifejezetten rossz információ kering a következőkkel kapcsolatban és ezeket már az elején tisztázni kell.

Továbbá itt van a lehetőség a legtöbb hiba elkövetésére, szóval ezért sem árt jobban figyelni.

A ThemeForest oldalán, ahol megvásároltad a sablont, a felhasználó neved alatt lépj a Downloads menübe és keresd ki az Avadát, majd ott a zöld Download gombra kattintva a lenyíló lehetőségnél válaszd az All files & documentation lehetőséget.

Mondom is, hogy miért ezt töltsd le.

Azon túl, hogy sok okosságot és fontos leírást tartalmaz a teljes dokumentáció, van benne egy úgynevezett child-theme, (gyerek sablon) ami az Installable WordPress file only  lehetőségnél nincs.

Ha nem tudod, hogy mi az a gyerek sablon, akkor elég most annyit megjegyezni, hogy ezt mindig telepítened és használnod kell.

A lényeg az, hogy bármilyen a sablonod fájljaiban történt változtatást ebben kell végrehajtani azért, hogy egy frissítéskor se vesszenek el és ne a fő sablon fájljaiban turkáljunk.

Tedd szokásoddá, hogy gyerek sablont használsz. A biztonsági mentések után ez a második olyan pont, amit rutinná kell tenned és hidd el, hogy ez sok problémától fog megmenteni a jövőben.

A letöltött zip fájlt csomagold ki mondjuk az asztalra, hogy szem előtt legyen. Ha ez megtörtént, akkor két mappát kell látnod.

Egy _MACOSX és egy Avada_Full_Package nevűt. Ha almás vagy, akkor az első mappa kell neked, ha ablakos, akkor a második.

A tartalma mindkettőnek ugyanaz, csak az operációs rendszer kompatibilitásban térnek el.

A mappába kattintva ezt az 5 almappát fogod látni:

  • Avada Theme
  • Extras
  • Languages
  • Licensing
  • PSD

Nekünk most az Avada Theme nevű mappára van szükségünk. Kattints bele és ezt kell látnod:

Avada sablon zip

Ha te is ezt látod, akkor jó úton jársz, már nem sok van hátra.

Innentől két lehetőséged is van a telepítésre.

Az egyik, hogy ezeket a zip fájlokat a WordPress vezérlőpultján keresztül töltöd fel, vagy megteheted azt is, hogy kicsomagolod a két fájlt és a FileZillával, vagy az általad használt FTP klienssel töltöd fel a tárhelyedre.

Én most az első lehetőséget fogom bemutatni. Mivel már előzőleg kialakítottuk a szükséges PHP környezetet, ezért nem léphet fel semmilyen probléma a vezérlőpultról történő feltöltés és telepítés közben.

Most lépj a WordPress vezérlőpult / Megjelenés / sablonok / új hozzáadása / sablon feltöltése lehetőségre és a tallózás gombbal keresd meg a fenti Avada.zip fájlt és kattints a telepítés most gombra.

Néhány másodperc múlva ezt a képernyőt kell látnod:

Az Avada sikeres telepítése

Klikkelj a Vissza a sablonok oldalra és majd ismét az új hozzáadása / sablon feltöltése és most telepítsd fel az Avada-Child-Theme zip fájlt is.

Miután ez is feltelepült, klikk a Vissza a sablonok oldalra és ott kapcsold be az Avadát, egyelőre még ne az Avada Child sablont.

Ekkor a menüben felül meg fog jelenni az Avada menü, melyben lépj a Registration almenüre.

Avada regisztrálás

Itt klikkelj a Generate A Personal Token linkre, ami átvisz a ThemeForest oldalára, ahol generálnod kell egy úgynevezett Token-t.

Envato Token igénylés

A Token name-hez adj meg valami egyszerű rövid nevet, alul fogadd el a felhasználási feltételeket és kattints a Create Token gombra.

Ezt követően a rendszer kreál számodra egy kódsort, amit ments el valahová.

Ezt a kódot kell beírni az Avada / Registration résznél a kijelölt mezőbe és a Submit gombra klikkelve elfogadtatni.

Ha mindent jól csináltál, akkor ezt a képet kell látnod:

Avada sikeres aktiválás

Ezzel az Avada sablon telepítése, aktiválása kész is van, de még nem használható.

Most következik a kötelező és opcionális bővítmények telepítése. Vágjunk is bele.

A kötelező és opcionális bővítmények telepítése, aktiválása

Most lépj az Avada / Plugins almenübe. Itt találod az Avadához integrált 12 bővítményt.

Ezek közül a Fusion Core és a Fusion Builder a kötelezően telepítendő, a sablon működéséhez.

A többiből pedig saját ízlésed szerint, és / vagy a demo oldal igénye szerint vagy telepíted / aktiválod, vagy nem.

az Avada bővítményei

Amit én minden esetben telepítek még, az a Slider Revolution, a Yoast Seo és a Contact Form 7, illetve ha webshop is lesz az oldalon akkor természetesen a WooCommerce-t.

Írtam egy cikket 11 alapvető és ingyenes WordPress bővítmény címmel, amiben a Yoast SEO és a Contact Form 7 is szerepel.

Miután minden bővítmény telepítve és aktiválva lett, lépj az Avada / Fusion Pacher almenübe.

Itt nézd meg, hogy szükség van-e valamilyen javítás telepítésére. Ha igen, akkor installáld.

Ha közben update érhető el az Avadához, akkor telepítsd azt is és ne felejtsd el utána a két kötelező bővítmény frissítését és az esetleges javítás telepítését.

Mikor már minden a legfrissebb változatban van telepítve, akkor jön egy nagyon fontos lépés.

Most lépj a Megjelenés / sablon menübe és kapcsold be az Avada Child sablont.

Avada child sablon bekapcsolása

Az egyik demo honlap telepítése

Ha kezdő Avada felhasználó vagy, akkor azt javaslom, hogy telepítsd az egyik demo weboldalt és kezdd úgy az ismerkedést.

Lehetőséged van persze a nulláról is felépíteni egy teljes honlapot, de ahhoz még sok gyakorlás kell.

Ha gondot okoz az angol nyelv, akkor van egy jó hírem! Elkészítettem az Avada magyarítását a fontos részeknél melyet most ingyen átadok, hogy könnyebb legyen a tanulás.

Ha szeretnéd, akkor a tiéd lehet itt: Az Avada sablon magyarítása

A nyelvi fájlok telepítésének menetét pedig itt nézheted meg: Az Avada nyelvi fájlok telepítése

Az Avada menüben lépj a Demos almenüre.

Itt találod azt a 46 előre elkészített teljes értékű weboldalt / webshopot, melyeket egy kattintással tudsz telepíteni, vagy eltávolítani.

Telepítés előtt az előnézet gombra kattintva meg tudod nézni élőben az oldalt.

Lehetőséged van a demo honlapok egyes oldalait külön is beimportálni, egy saját ízlésed szerinti weboldal kinézethez, de ez inkább már haladó anyag.

Avada demo oldalak

Miután eldöntötted, hogy melyiket fogod telepíteni, kattints az import gombra.

Attól függően, hogy melyiket választottad, előfordulhat, hogy az importálás előtt szükség van még valamely bővítmény telepítésére.

Ha kell, erre vonatkozóan úgyis kapsz figyelmeztetést. Ha minden rendben, akkor az Import content-nél jelöld be az All lehetőséget, majd klikk az Import gombra és várd meg míg befejeződik a telepítés.

Avada demo tartalom importálása

Ha minden rendben volt idáig és miért ne lett volna, akkor az Import helyén a Done feliratnak kell megjelenni.

Szuper, már csak centikre vagy a céltól.

Katt a Done feliratra és ezzel gyakorlatilag végeztél is a demo honlap telepítésével, ami pont úgy fog kinézni nálad is, mint a bemutató oldalon.

Kezdésként írd át a szövegeket magyarra és már van is egy káprázatos kinézetű weboldalad.

Az utolsó lépések

Két dolgot tegyél még meg, mielőtt elkezded a sablon próbálgatását.

Az egyik az, hogy az Avada / System status almenüben megnézed,  hogy esetleg ír-e valamilyen hiányosságot.

Ha itt minden zöld, akkor jön az utolsó lépés. IGEN!!!

Most lépj az UpdraftPlus (vagy az általad használt backup bővítmény) Mentés most lehetőségre és készíts egy teljes biztonsági mentést, amihez később vissza tudsz térni, ha valami balul üt ki.

Ha ezzel is megvagy akkor szólhatnak a fanfárok, durranhat a pezsgő, mert ennyi volt az Avada sablon telepítése, aktiválása.

Összegzés

Most már tudod, hogy milyen előkészületeket kell tenned ahhoz, hogy a weboldalad és a később telepített bővítmények is zavartalanul fussanak.

Ismered az Avada telepítésének minden apró lépését.

Ha idáig eljutottál, akkor egy nagyon erős alap van a kezedben ahhoz, hogy egy olyan weboldalt / webáruházat építs fel, amely megfelel a legmagasabb szintű elvárásoknak és öröm vele dolgozni.

Később innen  folytatjuk az Avada alapbeállítása bemutatásával. Addig is kitartást és jó tanulást kívánok!

2 Hozzászólás: “Az Avada sablon telepítése, aktiválása”

  1. Elrontott link.

    Ha érdekel a többi 9 plugin is, akkor katt ide: 11alapvető és ingyenes WordPress bővítmény

    Itt még 1x a bővítményes link van nem pedig a Plugin-es link.

    Nagyon hasznos és jó írás.
    Köszönöm!

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