Több, mint 30 előre elkészített demo-ból választhatsz, ha a The7 kinézettel szeretnél weboldalt készíteni. Természetesen nem csak ilyen felépítésű lehet a weboldal, ugyanis ezeken túl is szinte bármilyen megjelenés összeállítható kinézethez tartozó a Visual Composer-rel, illetve az importált demo-k is teljesen testreszabhatóak.

A 30+ demo azért készült, hogy:

• Lásd: mennyire sokrétű ez a kinézet.
• Ha valamelyik tetszik, akkor könnyedén fel tudj építeni egy hasonlót.

Néhány The7 demo a 30-ból:

Korábbi videók a témában:

• Link 1.
• Link 2.

    

A Go Pricing – WordPress Responsive Pricing Tables bővítménnyel remek csomagösszehasonlító táblázatokat lehet készíteni, amelyeket aztán bármelyik aloldalon el lehet helyezni egy ún. gyorskóddal.

A bővítmény nem ingyenes, 25$-ba kerül.

Mire jó ez?

A bővítmény segítségével több szolgáltatást vagy terméket lehet egymás mellé állítani, és átlátható formában összehasonlítani. Tipikus felhasználási területe a csomagajánlatok látványos és átlátható összehasonlítása, mint pl. itt, a videós oldalon is:

A cikkhez tartozik egy videó is, amelyet PROFI PLUSZ tagsággal tudsz megtekinteni.

A The7 kinézet rendelkezik egy ikonkészlet támogatással, egészen pontosan a http://fontawesome.io/icons/ oldalról lehet ikonokat integrálni pl. a menüpontok és almenüpontok nevei elé.

Az alábbi, INGYENES, ~3 perces videón bemutatom a “hogyan?” kérdésre a választ:

Amennyiben kiválasztottál egy fizetős kinézetet a themeforest.net oldalon, vásárlás előtt regisztrálnod kell az oldalra. Erre azért van szükség, mert vásárlás és fizetés után a felhasználói fiókodba belépve fogod tudni letölteni a kinézetet.

Az alábbi videón bemutatom lépésről-lépésre a következőket: hogyan kell kosárba tenni a kinézetet, illetve a PayPalon keresztül hogyan tudsz bankkártyával fizetni, illetve ezek után hogyan tudod letölteni a kiválasztott és immáron megvásárolt kinézetet:

Képzeljük el az alábbi helyzetet: adott egy ~2,5 éve készült weboldal, amely AVADA kinézetet használ, és még csak nem is Child (gyerek) kinézettel működik. Igazi rémálom egy ilyen régi rendszert frissíteni.

A frissítés főbb lépései

Megj.: DIVI, THE7, stb. kinézetnél is hasonló metodikát kell követni!

• Nagyon figyelj, körültekintően járj el a művelet során!
• Tutira akarsz menni? Klónozd le a weboldaladat egy teszt-helyre, és végezd el ott a frissítést. Ha nincs gond, akkor frissítsd az éles weboldalt!
• Készíts biztonsági mentést a tárhelyről, adatbázisról, Avada beállításokról.
• Csinálj képernyőképeket a weboldalról, hogy egy-egy elemet könnyen vissza tudj állítani, ne csak emlékezetből lásd a korábbi állapotot.
• Mentsd el a főoldalad HTML kódját.
• Mentsd el a widgeteket.
• Hozz létre gyerek-kinézetet.
• Állj át a gyerek-kinézetre.
• Töltsd le a legújabb AVADA kinézetet.
• Frissítsd a fő – AVADA – kinézetet FTP-n keresztül.
• Ellenőrizd a kinézet beállításait, illetve a weboldalt.
• Állíts helyre minden “elromló” funkciót.
• Frissítsd a bővítményeket és a WordPress-t is.
• Ellenőrizd az összes bővítmény és widget megfelelő működését.
• Ha bármilyen egyéb probléma felmerül, orvosold.
• Készíts ismét biztonsági mentést a weboldalról.

Az alábbi, közel 21 perces videón végigmutatom a fentieket egy AVADA-frissítés után igazán szana-széjjel csúszó weboldalon.

    

A másik blogomon már mutattam egy módszert a weboldalunkhoz tartozó legfontosabb adatok rendszerezéséhez.

Most azt mutatom meg, hogy melyek a legfontosabb adatok, amelyeket össze kell gyűjteni a weboldalunkkal kapcsolatban. Ezt azért kell megtenni, hogy bármelyikre is legyen szükségünk, kéznél legyen.

WordPress belépő felület:

• Elérhetősége
• Felhasználónév
• Jelszó

Domain-tárhely admin felülete:

• Belépő oldal elérhetősége
• Felhasználónév
• Jelszó

FTP hozzáférés:

• Szervernév
• Felhasználónév
• Jelszó

MySQL adatok

• Adatbázis név
• Felhasználó név
• Jelszó
• Hosztnév

E-mail címek:

• Webes felület elérhetősége
• Felhasználónév
• Jelszó

Az alábbi videón bemutatom, hogy az általam preferált tárhelyszolgáltatónál hogyan tudjuk a fenti adatok többségét (nyilván a WordPress admin adatait mi fogjuk megadni, amikor telepítjük a WordPress-t) összegyűjteni, illetve hogyan tudunk e-mail címet generálni a domainünkből, és azt hol tudjuk használni.

Ha más tárhelyszolgáltatónál vagy, akkor a tárhelyszolgáltatót kell megkérni, hogy a fenti adatok közül küldje el az FTP hozzáférést, és MySQL adatokat, valamint igény szerint hozzon létre e-mail címet a domainedből, vagy legalább mutassa meg, hogy ezt hol tudod megtenni.

    

Minden bővítmény között TOP5-ös (letöltésszámot tekintve, de ha levesszük az Akismetet – ami az alapcsomag része – akkor dobogós helyen áll.) a YOAST SEO nevű, keresőoptimalizált weboldalt és tartalmat elősegítő bővítmény.

YOAST SEO telepítés

A legújabb verziót a https://wordpress.org/plugins/wordpress-seo/ linken vagy a weboldalunk admin felületén, a Bővítmények menüpont alatt lehet letölteni. Előbbi esetén manuálisan kell feltölteni a weboldalra a bővítményt, utóbbinál az említett menüpont alatt egyből telepíthetjük a bővítményt. Figyelj arra, hogy csak a YOAST SEO, vagy csak az All in One SEO Pack legyen telepítve a weboldaladon, ne legyen egyszerre mindkettő!

YOAST SEO alapbeállítások

A bővítmény aktiválása után után megjelenik az admin felületen egy “SEO” menüpont:

Első és legfontosabb lépés, hogy a “Features” fülön legyen kiválasztva az “Advanced Settings pages” résznél az “Enabled” opció. Ezzel előjönnek további opciók, mint pl. a XML oldaltérkép a Google-nek.

Az XML oldaltérkép aktiválásához a “Beállítások” => “Közvetlen hivatkozások” menübe kell menni, és rá kell nyomni ott a “Módosítások mentése” gombra. Akkor is, ha nem módosítottunk semmit a beállításokon. Ekkor jön létre az oldalunkon egy sitemap_index.xml nevű fájl, amit itt érünk el: oldalcime.hu/sitemap_index.xml – ezt a Google Search Console-on keresztül be is lehet küldeni a Google-nek, így könnyebben át tudja járni az aloldalainkat, és jobb indexelést érhetünk el.

Figyelj erre!
Ha használsz más, Google oldaltérkép generáló bővítményt, akkor azt töröld, ha aktiválod ezt a funkciót, felesleges ugyanis kettő!

Kulcsszómegadási lehetőség

Manapság már nem kell kitölteni a weboldal meta kulcsszó részeit, mert a Google nem veszi figyelembe, max. a butább konkurenseknek lehet segítség ezen meta elem. Ha mégis szeretnéd látni valamiért ezt a mezőt is, a “SEO” => “Titles & Metas” menü alatt, az “Other” fülön tudod engedélyezni a “Use meta keywords tag” résznél az “Enabled” opciót választva. Még egyszer mondom: nem ajánlom ezen funkció használatát!

YOAST SEO alapbeállítás – konfigurátor

Az alábbi helyen van egy konfigurátor, ami néhány lépésben végig vezet néhány fontos beállításon. Érdemes végigkattintgatni:

Ezen kívül érdemes végigmenni minden menüponton, és ismerkedni a beállításokkal!

YOAST SEO, vagy ALL in ONE SEO PACK?

Pár évvel ezelőtt biztos utóbbit mondtam volna, azonban mára változott a véleményem. Szerintem sokkal könnyebben, többrétűbben konfigurálható a YOAST, illetve felhasználói oldalról remek megoldás, hogy rengeteg dologra emlékeztet a tartalomfejlesztés során, hogy minél jobban optimalizált tartalmat tegyünk a látogatók elé.

További hasznos funkció, hogy a WooCommerce webshophoz is van benne támogatás, így a termékek megfelelő szövegezésében is segít.

YOAST SEO VIDEÓ

A 8 perces videót itt tekintheted meg:

    

Ha szeretnél nyomtatás gombot a bejegyzéseidbe és az oldalaidhoz WordPress weboldal esetén, akkor kövesd az alábbi videón látható útmutatót.

Példa nyomtatás gomb:

Miért nem javaslom ezt a funkciót?

Manapság a legtöbb esetben már felesleges funkció a nyomtatás, hiszen az okostelefonok révén már a “zsebünkben van” az internet, így a nyomtatás funkció használata egyre jobban kopik ki a felhasználói szokások közül.

Ha mégis szeretnél ilyen funkciót az oldaladra, kövesd a következő, 4 perces videón látottakat!

    

Mint általában minden webáruház motorban, a WooCommerce-ben is van kuponkezelés. Többek között lehet x %-os mértékű kedvezményt nyújtó kupont vagy x Ft összegű kedvezményre jogosító kupont létrehozni.

Nem kell tőle megijedni, nagyon egyszerű a kuponok létrehozása és beváltása is!

    

A WooCommerce webshop több terméktípust tud kezelni. Ezek közül kettő: Az ún. “Egyszerű” termék és az ún. “variálható” termék.

Mi a különbség az egyszerű és variálható termék között?

Az egyszerű termék egy “sima” termék, egy tulajdonsággal, egy árral, mindenféle “alverzió” nélkül. Ezzel szemben a variálható terméknél különféle tulajdonságok alapján lehetősége van a látogatónak választani, hogy a termékből milyen variációt szeretne. Ilyen tulajdonság lehet például: Szín, méret, kiszerelés, stb.

A különféle tulajdonsággal rendelkező termékvariációnak különböző eladási ára is lehet. Így pl. egy póló L-es és S-es verziója miatt nem kell kétszer feltölteni egy terméket, csupán egy új variációt kell beállítani hozzá.

Az alábbi videóban azt mutatom meg, hogy ezt a két típusú terméket hogyan kell kezelni a WooCommerce admin felületén, illetve mi a különbség köztük, és hogy különféle tulajdonságokat (attribútumnak hívja a rendszer) hogyan lehet felvinni.