Volt már arról szó, hogy milyen módon lehet kinézeteket választani WordPress-hez, azon belül említettem a fizetős kinézeteket. Tudni kell a fizetős kinézetekről, hogy az ingyenes kinézetek többségénél tapasztalható “feltelepítem, aktiválom és készen vagyok” hozzáállás itt nem működik. Telepítés és aktiválás után sok esetben csak nagyon halványan emlékeztet a kapott végeredmény a demo oldalon látott weboldalhoz.

Most egy módszert mutatok meg, amellyel könnyedén össze lehet rakni a demo weboldalt, amelyet átalakítva könnyebben elkészül a weboldal, mintha a nulláról kellene mindent összerakosgatni. A 21,5 perces videón látott módszer a legtöbb themeforest.net oldalról származó kinézetnél működik, de vannak eltérő metódust követő példák is. Más weboldalakon, pl.: templatemonsterről származó kinézeteknél más a szokásos eljárás.

Jól értem? Fizetős kinézet, és nem működik egyből?
Rengeteg funkciót tartalmaz egy ilyen kinézet, ezért érdemes elsajátítani azt a módszert, amellyel könnyedén össze lehet rakni a demo oldalt, és ki lehet aknázni a kinézetben rejlő összes lehetőséget. Sajnos a kicsit nehézkesebb elindulás a hátránya az ilyen összetett kinézeteknek.

Nézzünk egy példát: THE7 kinézet
Vegyük példának a személyes kedvencemet, a THE7 nevű kinézetet. A THE7 – érdekes, de igaz – a 7. legtöbbször eladott WordPress kinézet a themeforest.net oldalon, 21 419 vásárlással. Az 59$-os árral, 266 Ft-os USD mellett 330 millió forintnyi pénzt termelt ez a kinézet. Oka van ennek.

Mi a sikere titka?
Számtalan kinézetű weboldalt lehet felépíteni a segítségével. Példák a demóból: http://the7.io/ – itt nézd meg a HOME menü alatti menüpontokat. Mennyire máshogy néz ki egy Business, egy Portfolio és egy Photography típus? És ez mind egy kinézetből kialakítható! Mind más és más elrendezésű, ez az alap kinézetek, látható, hogy rengeteg módon lehet alakítani a kinézetet.

A közreműködésemmel jöttek létre az alábbi THE7 alapú weboldalak:

(rövid válogatás, ugyanis a 370+ elkészült weboldalból már 100-at csináltam THE7 kinézettel)

• • http://indra.hu
  • http://kutyaiskola-veresegyhaz.hu
  • http://konfettimarket.hu
  • http://drkrlegal.hu
  • http://newstartcoaching.hu
  • http://olcsoweboldal.hu (másik SAJÁT weboldalam)
  • http://batki.info
  • http://5letbazis.hu
  • http://miguides.com
  • http://pavavedjegy.hu
  • http://pestiut.hu
  • http://gyereketeto.hu
  • http://familynyelviskola.hu
  • http://contactplus.hu
  • http://ingatlanosugyved.hu
  • http://felujitas-budapest.hu
  • http://zahnimplantatbudapest.ch
  • http://eskuvoido.hu
  • http://agrohydro.hu
  • http://karavanvilag.hu
  • http://romamediator.hu
  • https://tuz-es-munkavedelem.hu

Ugye, hogy nem is hasonlítanak egymásra? Hogyan lehetséges?
A kinézetbe bele van építve a Visual Composer: Page Builder for WordPress (29 perces videó van a link mögött!) nevű bővítmény, valamint a Slider Revolution – 13 perces videó van a link mögött – bővítmény. Előbbi egy multifunkciós oldalépítgető, amellyel szinte csak össze kell legózni a weboldalt, utóbbi pedig egy profi képváltogató, képanimáció-készítő rendszer. Kategóriájában mindkettő a legnépszerűbb fizetős kiegészítő (a kinézethez ingyen adják), ~60 000 és ~50 000 eladással (28$ és 18$ az áruk).

Hogyan rakjam össze azt a weboldalt, amit a demóban láttam?
Az alábbi, több mint 21 perces videón bemutatom, a THE7 nevű kinézetet példának használva!

    

A következő WordPress videón azt mutatom be, hogyan kell hozzáadni a menüsorhoz egy kilépés/belépés és regisztráció gombot. Gondolnád, hogy pár kattintással kivitelezhető?

Ha be vagy jelentkezve, akkor a kilépés gomb, ha nem akkor a belépés és regisztráció gombok látszódnak a menüsoron. Hogyan? 1 perc 45 mp-ben megmutatom!

    

Amikor azt elemeztem, hogy milyen WordPress kinézetek vannak, és honnan lehet őket beszerezni, akkor már említettem a newwpthemes.com weboldalt. Most ismét erről lesz szó, ám most a WooCommerce WordPress webáruház bővítmény kapcsán.

A newwpthemes.com weboldalról letöltött ingyenes kinézetek – amellyel azért érdemes óvatosan bánni – tartalmaznak egy WooCommerces “integrációt”, amely lehetővé teszi, hogy ezen kinézetekkel működő weboldalakon is legyen WooCommerce által hajtott WordPress webáruház.

Azonban az nem tetszik nekem, hogy a webáruházas aloldalaknál nincs oldalsáv. Azaz valahogy így néznek ki a webshopos oldalak:

Ugye, hogy ennél szebben nézne ki egy oldalsávval – ott pl. kapcsolati adatokkal, kosárral – megjelenő webáruház, valahogy így?

A módosítást nagyon egyszerűen végre lehet hajtani, a következő néhány perces videón bemutatom, példával illusztrálom, minta-letöltéssel segítem a munkádat!

A videó PROFI PLUSZ tagsággal nézhető meg.

    

Gyakran kérdezik a személyes oktatáson részt vevő hallhatók, hogy a Megjelenés => Menük menü alatt látható kinézetfájlok mire valók, mit szolgálnak ki, mit határoznak meg?

lyenkor mindig elmondom, hogy a header.php a weboldal felső része, a footer.php a weboldal alsó részének megjelenítését hivatott szabályozni, meg persze az összes többi általános fájlt bemutatom. Mivel jelen oldal célja a programozói tudás nélküli WordPress weboldal készítés mikéntje, ezért eddig ezekről nem nagyon szóltam itt. Találtam egy magyar nyelvű összefoglalót a témában, illetve néhány fontosabb infót is összegyűjtött a szerzője egy pdf fájlba. Úgy gondolom idevágó, hiánypótló mű.

Letölthető sablon segítő adatlap wordpresshez

Létrehoztál egy oldalt, de nem látszik az adminisztrációs felületen, a “Megjelenés” => “Menük” menüpont alatt?

A megoldás nagyon egyszerű:
Csak akkor látszanak az oldalak a menüszerkesztőben, ha azok közzé vannak téve!

Mi ennek az oka?
Ha vázlatként is látszanának, és be tudnád tenni ezzel a módszerrel a menübe a még közzé nem tett oldalt, akkor az admin felületre be nem jelentkezett látogatók 404-es oldalra érkeznének, ha a nem létező menüpontra kattintanának.

Olvastad már?

• A menürendszer kialakítása 1.
• A menürendszer kialakítása 2.
• Bejegyzések hozzáadása a menüszerkesztőben

Időnként érdemes letiltani a bővítmények és a kinézetet szerkesztésére szolgáló menüt, hogy ezzel megakadályozzuk a túlbuzgó felhasználókat abban, hogy olyan fájlokat szerkeszthessenek, amelyek helytelen szerkesztése potenciális veszélyforrása az oldal összeomlásának.

Ezt a beállítást azért is érdemes elvégezni, mert ha hackerek hozzáférést szereznek az adminisztrátori fiókhoz, akkor sem fogják tudni szerkeszteni a kinézetet, és a bővítményeket.

Hogyan csináld?
Helyezd ez az innen letöltött kódot a wp-config.php fájlodban, és készen is vagy, az admin felületről eltűnt a “Megjelenés => Szerkesztő” és a “Bővítmények => Szerkesztő” menüpont!

Nem árt tudni!
Ha olyan bővítményt használsz, amely egy-egy felhasználó(i kör) jogkörét kibővíti bővítmény és/vagy kinézetszerkesztésre, előfordulhat, hogy ettől a beállítástól nem fog működni.

Ismét egy érdekes hibát hoztam:
Adott egy weboldal, amit ha Google Chrome böngésző alatt nézek, akkor frissítéskor/új oldalra való kattintáskor vagy látszik a menü, vagy nem. Ha nem, akkor csak úgy jön elő a menü, ha fölé viszem az egeret, hasonlatosan a kaparós sorsjegyhez, ahol csak akkor látom a feliratot, ha lekaparom azt.

A legbosszantóbb az volt a hibában, hogy teljesen kiszámíthatatlan volt, miért működik az egyik oldalletöltéskor, és a másiknál miért nem?

Mi a megoldás, mi ilyenkor a teendő?

• Betűtípus-csere?
• WordPress frissítés?
• .js fájlok átvizsgálása?
• Bővítmények tesztelése?

Nem. Az alábbi videón bemutatom a hibát, és alatta leírom a megoldást:

    

Többször volt már arról szó, hogy hol találhatsz fizetős, ám elegáns WordPress kinézeteket, illetve egyáltalán milyen fajtái vannak a kinézeteknek.

A templatic.com weboldalt már korábban is említettem, hogy itt (is) remek fizetős kinézeteket lehet találni. Miért írok mégis ismét erről? Azért, mert egy olyan opciót vettem észre itt, amit eddig máshol nem láttam.

Itt a kinézeteknek nem csak demo verziója van, ahol meg lehet nézni, hogyan fog kinézni, ha weboldal készítünk belőle, hanem lehet regisztrálni egy teszt-admin felületért, amelyen kipróbálhatjuk a kinézet belső felületét is. Arról is volt már szó, hogy az ilyen fizetős kinézeteket több idő összerakni, mint egy ingyeneset, illetve nem mindig látszik előre, hogy az adott kinézet biztosan megfelel-e az elképzeléseinknek. Ezen kételyek eloszlatására remek alkalom ez a regisztrációs felület.

1. Menj a http://templatic.com/wordpress-themes-store/ oldalra, és keress egy neked tetsző kinézetet.
2. Menj a http://test.templatic.com/ webcímre, és regisztrálj, és válaszd az előző pontban kiválasztott kinézetet.
3. Kapsz egy e-mailt, amelyben van egy link, amellyel jóváhagyhatod a regisztrációdat. Innen egy olyan oldalra ugrasz, ahol láthatóvá válnak számodra a tesztoldalra szóló belépési adataid, így máris megnézheted “belülről” is a kiválasztott kinézetet.

A létrehozott teszt weboldal címe: http://test.templatic.com/ot/e1030904/
Belépés az admin felületére: http://test.templatic.com/ot/e1030904/wp-login.php
Név: e1030904
Jelszó: uvDwJdzXySyC

Belépés után a Themes menü alatt lehet kinézetet választani, majd megtekinteni a beállításait is, pl. az Automobile nevű kinézetet aktiválva az alábbi képen megjelölt helyen láthatóak a kinézet által létrehozott admin-menük:

Az új WordPress-ben már nincs szem előtt a kinézet törlése gomb, ugyanis azt jól elrejtették a fejlesztők. Mégis hol találjuk?

Látod az oldalsávon (kicsit lejjebb) a szép kis ikonokat, amelyeket az online tanfolyamom bemutatásakor használok? Tetszik?

Az alábbi rövid (~3 perc) videóban megmutatom, hogyan tudsz te is hasonló ikonokat használni a weboldaladon.