Flatesome téma
A Flatsome egy hatékony WordPress téma, amelyet az e -kereskedelmi webhelyekhez terveztek, és WooCommerce integrációval rendelkezik.
Ez a ThemeForest egyik legnépszerűbb WooCommerce témája. Ennek az oktatóanyagnak az írásának időpontjában több mint 174.500 eladás volt, és fantasztikus 4.8 csillagos értékelés több mint 6.600+ értékelésből.
A Flatsome elsősorban a kezdők és a technikát nem ismerő felhasználók számára készült.
Ez nagyszerű azoknak, akik szeretnének elkezdeni egy online vállalkozást, de nem tudják, hogyan kell kódolni, vagy nincs költségvetésük egy professzionális kódoló felvételére. A Flatsome segítségével professzionális megjelenésű webhelyet hozhat létre egyszerű és intuitív eszközök használatával.
Most a Flatsome rengeteg fantasztikus funkcióval és funkcióval rendelkezik. Annak bemutatására, hogy mi áll rendelkezésre és hogyan működik, van egy rövid oktatóanyagunk, amely bemutatja, hogyan hozhat létre WooCommerce termékoldalt a Flatsome használatával.
Tehát minden további nélkül kezdjük:
Tartalomjegyzék:
- Flatesome téma
- Különbség a Flatsome, a WooCommerce és a WordPress között
- Hozzon létre egy WooCommerce termékoldalt a Flatsome téma használatával
- 1. lépés: Válasszon elrendezést a termékoldalhoz
- (Nem kötelező) 2. lépés: Termékoldal manuális létrehozása
- 3. lépés: A termékoldal testreszabása
- Csomagolás fel
Különbség a Flatsome, a WooCommerce és a WordPress között
Ahogy üdvözöljük új olvasóinkat, be kell adnunk néhány szükséges információt annak biztosítására, hogy minden olvasónk ugyanazon az oldalon legyen. Itt megvitatjuk a cikkben használt mindhárom terminológia különbségét.
Kezdjük a WordPress-szel. Ez egy olyan platform, ahol különféle témákat és plugin telepíthet a webhely létrehozásához. Több ezer plugin és téma áll rendelkezésre az Ön követelményeinek megfelelő egyéb feladatok elvégzéséhez.
A WooCommerce egy olyan plugin amelyet a WordPressre telepítünk, és amelynek segítségével különböző funkciókat adhat hozzá weboldalunkhoz. A plugin telepítésével weboldalunkat és online áruházunkat további funkciókkal, például bevásárlókosárral, fizetésfeldolgozással, termékkezeléssel stb.
Végül, de minden bizonnyal az egyik legkritikusabb elem a weboldalunk kilátása. A Flatsome egy olyan téma, amely lehetővé teszi számunkra, hogy weboldalunk perspektíváját testre szabjuk vágyaink szerint. Például, ha a vállalata emblémája narancssárga, akkor érdemes elmélkednie webhelye színén. Ezt nyújtja Önnek a Flatsome.
Hozzon létre egy WooCommerce termékoldalt a Flatsome téma használatával
Mivel minden olvasónk rendelkezik ismeretekkel a WordPress, a WoCommerce és a Flatsome szolgáltatásokkal kapcsolatban, itt az ideje, hogy tovább lépjünk a termékoldalunk testreszabására a fantasztikus UX-készítővel, amely a Flatsome témához tartozik. Ez egy drag and drop funkció, amely rendkívül megkönnyíti a tervező életét.
Szinte mindenki vásárolt online, valószínűleg az elmúlt hónapokban tapasztalható kihívások miatt. Az otthon maradás mindannyiunk számára a legbiztonságosabb megoldás volt. Ezért olvasóink egyetértenek abban a tényben, hogy az online áruház sokkal bonyolultabb, mint egy szokásos weboldal.
A WooCommerce és a Flatsome segítségével azonban ez a feladat rendkívül egyszerűvé vált. Le kell ülnie és meg kell terveznie, hogyan fog kinézni a weboldala, és ennyi. A WooCommerce segíteni fog építői lehetőségeiben. Pár perc alatt létrehozhat egy teljes értékű működő online áruházat.
A WooCommerce és a Flatsome segítségével teljesen új életre keltheti az online áruházzal kapcsolatos elképzeléseit. Webhelyének modern és szép megjelenésűnek kell lennie, hogy vonzza az ügyfeleket. Ezért a Flatsome a legjobb megoldás minden problémájára, ezért töltse le innen , és kezdje is el.
A Flatsome fantasztikus funkciókkal rendelkezik, de az egyik része az, hogy több mint 300 000 felhasználó legjobb választásává vált. Egy végső eszköz segít létrehozni egy hatalmas reszponzív weboldalt anélkül, hogy egyetlen sort kellene kódolnia. Ezenkívül még kreatívabb és egyedi online áruházak létrehozásának képessége teszi még méltóbbá.
Tehát anélkül, hogy további időt pazarolnánk, folytassuk az oktatóanyaggal. Ez az oktatóanyag bemutatja a termékek oldalának tervezésének teljes folyamatát. A képek segítenek abban, hogy jobb képet kapjon arról, hogy a feladat hogyan fog végbemenni a folyamaton.
1. lépés: Válasszon elrendezést a termékoldalhoz
Először is a termékoldal elrendezésének kiválasztásával kezdjük. Ez a választás alapoldalt hoz létre webáruházunk számára, amelyet később a kívánságaink szerint testreszabunk. Ez a lépésenkénti útmutató végigvezeti Önt az oldal személyre szabásának folyamatán.
Ehhez az amp folytatjuk a Classic Shop opciót. Önre azonban nincs korlátozás. A testreszabás folyamata hasonló lesz minden kiválasztott elrendezésnél. Az egyetlen különbség az lenne, ha az oldal alapstruktúrája különbözne a másiktól.
Tovább haladva a termék testreszabásához, megadtuk neki a Teljes magasság bal oldalsáv nevet.
A termékek oldal testreszabásához két lehetőség áll rendelkezésre. Az elsőt az UX készítővel kell elvégezni, a másik pedig az oldal manuális felépítését. Ha a második opciót választja, akkor át kell mennie a hivatalos dokumentációba, és meg kell találnia a rövid kódokat. Ha kezdő vagy, és ez az első tapasztalatod az online áruház építésében, azt javaslom, hogy válaszd ezt az első lehetőséget.
(Nem kötelező) 2. lépés: Termékoldal manuális létrehozása
Itt található egy képernyőkép a Flatsome hivatalos dokumentációs oldaláról. Beírhatja a rövid kódokat és megkeresheti őket.
Ha rákattint a keresésre, megjelenik a képernyőn a rövid kódok listája. Kiválaszthatja azokat a rövid kódokat, amelyek fontosak a termékoldal számára. A rövid kódok használata kevesebb erőfeszítést igényel, de elengedhetetlen, hogy rendelkezzen egy kis gyakorlati tapasztalattal a WordPress használatával és a rövid kódok használatával kapcsolatban.
Az alábbiakban felsoroljuk azokat a rövid kódokat, amelyeket a webhelyen használhat oldalak létrehozásához.
Ebben a amp a teljes magasságú bal oldalsáv elrendezését testre szabjuk; így átmásoljuk a terv kódját. Az alábbiakban bemutatjuk az alkalmazott képet, de könnyedén lemásolhatja a struktúrából.
Kezdje a blokk létrehozását címmel. Ha fejet szeretne fejleszteni, kattintson az „Új hozzáadása” lehetőségre, amely elérhető az irányítópulton elhelyezett UX -blokkok alatt.
A blokkot a vágyainak megfelelően nevezheti el. Itt ebben a korábbi amp az uniót "Teljes magasságú bal oldalsáv elrendezésnek" neveztük el. Ezután láthatja a rövid kódokat a blokkszerkesztőben. Miután befejezte a kívánt rövid kódok másolását, megnyomhatja a közzététel gombot.
Névleges leszünk ez után az egy kis lépés után, ahol testre szabhatjuk oldalunkat vágyaink szerint. Most keresse meg a termékoldal téma opciót, és nyomja meg az egyéni elrendezés ikont.
Miután elkészült, mostantól blokkokat hozhat létre az Egyedi termékelrendezés legördülő menüből.
Válassza ki az imént létrehozott blokkot. A blokk létrehozásának fő célja az volt, hogy létrehozzunk belőle egy termékoldalt. Ennek az amp szerint a Teljes magasság bal oldalsáv elrendezése a blokk, míg a végén olyan lesz, amilyet megnevezett.
Ha elkészült, nyomja meg a Közzététel gombot; elmenti a beállításokat.
3. lépés: A termékoldal testreszabása
Itt az ideje, hogy elkezdjük a testreszabást. Először a meglévő termékek oldalon fogunk navigálni a kezelőfelülettől, amelyet korábban a lépésekben állítottunk be.
Fontos, hogy kiválasszon egy adott terméket, amelyet be kell állítanunk. Teljes részletekkel, képekkel kell rendelkeznie a munkáról, amelyet testre kell szabnunk. Így a folyamat kényelmesebbé teszi a létrehozott oldalrész megjelenítését.
Az UX készítő opció látható. Csak nyomja meg a gombot a testreszabás megkezdéséhez.
Miután az UX készítő nyitva van, a képből látható, hogy a termékoldal elemei elérhetők a termékoldal bal oldali paneljén.
A bal oldali panel az a blokk, amelyet eredetileg létrehoztunk. A dokumentációból vett rövid kódok segítségével hoztuk létre.
Lehetősége van az elemek átrendezésére a bal oldali panelről, és a beállítások módosításához az elem opcióból. Ebben ex amp le fogjuk átrendezése ár a bal oldali menüben.
Ezenkívül lehetővé teszi az elemek átrendezését az előkészítő előnézetéből, és további összetevők elhelyezését az építő termék oldalán. Ebben a bemutatóban a Termékek lapok és a Kapcsolódó termék átrendezése egyszerű húzással történt.
A jelentős fogd és vidd funkcióval a Flatsome készen áll arra, hogy megadja Önnek azt, amit a webhelyén keres. Nagyon testreszabható modulokkal fantasztikus oldalakat hozhat létre könnyedén. A drag and drop funkció még kényelmesebbé teszi az életet.
Csomagolás fel
Ebben a modern korban elengedhetetlen az online vállalkozás, mert az emberek inkább otthon maradnak, hogy biztonságban maradjanak. Kezdje tehát megépíteni üzleti vállalkozásának első online áruházát a Flatsome segítségével, és varázsolja el ügyfeleit annak egyediségével és kreativitásával. Sőt, a tartalomszerkesztőben nincs rendetlenség kód, csak néhány rövid kódsor. A Flatsome kétségtelenül a legjobb téma, amellyel találkoztam. Tehát nem kell más témákat körülnézni, csak nyomja meg a letöltés gombot, és azonnal kezdje el testreszabott online áruházának építését.
