Design

Az Elementor PRO kinyitotta nekünk az ún. “Theme Builder” lehetőségeit is. Ezek olyan, általánosan, egész honlapra kiható elrendezések, amiket eddig nem, vagy csak részben tudtál testreszabni, módosítani. Nem muszáj használnod, de ha ehhez nyúlsz, érdemes átnézned a “Szerkeszthetőség, oldaltípusok” című összefoglalót. Itt a már használt widgetek/dobozok használatával a nulláról is összerakhatsz megjelenéseket, de használhatod az […]

Ebben a videóban a Főoldalamat is kiegészítem itt-ott a PRO widget lehetőségekkel, mint például egy Akciós termékek szekció, vagy egy animált címsor.

Ebben a videóban: Belenézünk az eddig zárt PRO widgetek-be, Felturbózzuk a Kapcsolat oldalt egy űrlappal és egy Facebook dobozzal. Itt, a PRO verzióban már annyi lehetőség nyílik meg számodra, hogy inkább ahhoz kell nagy önuralom, hogy NE zsúfolj be mindent, ami jól néz ki. ¯\_(ツ)_/¯ TIPP: Próbálgasd végig a PRO verzióval érkezett widgeteket/dobozokat is. Tervezd

Ha nem elég az Elementor eddig látott ingyenes verziója, akkor a legkedvezőbb áron (akár kipróbálásra) innen tudod beszerezni a PRO verziót: https://hellowp.io/hu/t/hellopack/partner/2037/ Ebben a csomagban egy rakás egyéb, izgalmas prémium bővítményt is kapsz, amelyekből később megnézünk néhány hasznosat egy-egy videóban is. A beszerzés folyamatát is a telepítést az alábbi videóban mutatom meg neked:

Ha úgy érezzük, hogy készen vagyunk a funkciókkal és szerkezettel, akkor érdemes minden oldalt, oldaltípust egyenként végignézni mind asztali gépen, mind mobilon. Figyeljünk a betűk méretére, az olvashatóságra, a képekre… Nézzünk egy picit idegen szemmel a honlapra. Ahol hibát találsz, javítsd ki! Tesztelj le egy vásárlási folyamatot is. Ha biztosra szeretnél menni, teszteltesd le egy

Mit tanulsz meg ebben a leckében? Rólunk oldal kialakítása az eddig használt Starter template (Organic Store) segítségével; így ez az oldal is megkapja azt a design-t, amivel a főoldal és a kapcsolat oldal már rendelkezik. Elrendezés betöltés meglévő oldalba -> nem feltétlenül szükséges új oldalt létrehozni, ahogyan azt a Kapcsolat oldalnál tettük; több megoldás is

Ha megvan a főoldalad, a színek és a fontok, és főképpen a főoldal, akkor némi simítgatás után akár meg is állhatsz. Ha azonban van kedved, kihasználhatod még az ingyenes Starter Templates és Elementor lehetőségeit, és más oldalakat is elkészíthetsz ezek segítségével. Ebben a leckében a Kapcsolat oldalt fogjuk megcsinálni, aminek a demóját itt találod. Előzmény:

Mit tanulsz meg ebben a leckében? Elsősorban az oldalaktól független webhely részek hozzáigazítását fogjuk elvégezni a Testreszabóban, az Astra sablon által felkínált opciókban. Ilyenek a: Fejléc, logó, menü elemek, lábléc, lábléc widget-ek, üzlet oldal beállítása testreszabóban, fontok, színek összehangolása. Lássuk tehát, hogyan csináld!

Ahhoz, hogy jobban megismerkedjünk az Elementor oldalépítő határtalan lehetőségeivel, gyakorlásképpen felépítjük az alap tanfolyamon elkezdett webáruházat. Ebben a leckében a már elkezdett oldalt fogjuk megcsinálni, megnézzük az ingyenes Elementor widget-eket (szakaszokat, amikkel kiegészítheted az oldalaidat), megnézzük a WooCommerce rövidkódok (más néven shorcode-ok) lehetőségeit, amellyel trükközhetünk, ha nincs fizetős Elementorunk, majd főoldallá tesszük az átvarázsolt oldalt.

A színek használatában ugyanaz az ökölszabály, mint a fontoknál: Ami működik, azt ne rontsuk el! Ha tehát ingyenes sablont, vagy valamely oldalépítő előre megtervezett layout-ját használod, akkor ne indulj neki az átszínezgetésnek. Ha az egész honlap színvilágát szeretnéd változtatni, sok esetben segítség a Testreszabóban, vagy – ahogyan a fontoknál láttuk, – valamely globális beállítási lehetőségben