Ügyfélszolgálat: +36 70 623 8822

WordPress kinézetcsere

Szerző: Szűcs Ádám Kategória: Cikk, Megjelenés - Kinézet - Sablonok

Ha egy WordPress weboldalon le szeretnéd cserélni a kinézetet, akkor nem elég egyszerűen feltölteni az új kinézetet, és azt aktiválni. Ha precíz, hiba- és bosszúságmentes munkát szeretnél végezni, akkor a kinézetcserét egy alapos előkészület előzi meg.

  • Mi az a 22 pont, amelyet minden kinézetcsere előtt el kell végezni?
  • És mi az a 12 pont, amelyen a kinézetcsere után végig kell menni?

Az alábbi – PROFI tagsággal elérhető – cikkben bemutatom lépésről-lépésre ezt az egyszerűnek tűnő, ám jobban megnézve alapos tervezést igénylő folyamatot.

    

29 perces videó: Visual Composer: Page Builder for WordPress

Szerző: Szűcs Ádám Kategória: Bővítmények, Megjelenés - Kinézet - Sablonok, Videó

Mi indokolja azt, hogy egy bővítményt eddig 60 762 alkalommal vásároltak meg, egyenként 28$-ért? Ez 279,91 Ft-os mai MNB árfolyammal számolva: 60762 x 28 x 279,91 = 476 220 960 Ft-os bevétel!

visual-composer

Mitől lesz valami ennyire népszerű?
Röviden: attól, hogy nagyon jó, és ezt bizonyítja az is, hogy több mint félmillió WordPress weboldal használja!

Mire jó ez a bővítmény?
A használatával könnyedén felépíthetünk egy-egy bonyolultabb elrendezésű, funkcionalitásban gazdagabb weboldalt/aloldalakat. Míg a hagyományos WordPress szerkesztőfelület függőlegesen “gondolkozik”, és amit szerkesztünk, az egymás alatt jelenik meg, addig a PageBuilderrel épített oldalaknak két dimenziója van: sor(ok) és oszlop(ok).

Először mindig létre kell hozni egy sort, majd azt lehet “oszlopozni”. Egy példa, hogyan néz ki weboldalon és az admin felületen ugyanaz:

Ilyen a weboldalon

És ilyen a szerkesztőfelületen:

pagebuilder2

Látható, hogy a “oszlopozás” mellett különféle elemekből van összerakva a 3 oszlop. Szinte olyan, mint a legó, ugyanis számtalan építőkockából lehet választani, hogy az éppen aktuálisan szerkesztett oszlopban/sorban mi jelenjen meg:

pagebuilder3

A közelmúltban bemutatott The7 kinézet is ezt használja, ezért is annyira népszerű az a kinézet a webmesterek, és a felhasználók körében is!

Egy közel félórás videós bemutató erről a nagyszerű bővítményről:

    

Fizetős WordPress kinézetek – a demón látott oldal összerakása

Szerző: Szűcs Ádám Kategória: Hasznos lehet, Megjelenés - Kinézet - Sablonok, Videó

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:

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!

    

Kilépés/belépés gomb hozzáadása a menüsorhoz

Szerző: Szűcs Ádám Kategória: Bővítmények, Hasznos lehet, Megjelenés - Kinézet - Sablonok, Videó

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!

    

WordPress webáruház – WooCommerce 4. – Ingyenes kinézetek

Szerző: Szűcs Ádám Kategória: Cikk, Megjelenés - Kinézet - Sablonok, WooCommerce

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.

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:

webaruhaz-01

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

webaruhaz-02

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.

    

Mi micsoda egy WordPress kinézetben?

Szerző: Szűcs Ádám Kategória: Cikk, Ingyenes videók, cikkek, Megjelenés - Kinézet - Sablonok

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

Nem látszik a “Menük” menü alatt a létrehozott oldalam!

Szerző: Szűcs Ádám Kategória: Cikk, Ingyenes videók, cikkek, Megjelenés - Kinézet - Sablonok, Oldalak

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

menuk

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 bővítmény- és kinézetszerkesztő kikapcsolása

Szerző: Szűcs Ádám Kategória: Bővítmények, Cikk, Ingyenes videók, cikkek, Megjelenés - Kinézet - Sablonok, WordPress biztonság

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.

WordPress hiba: menü/szöveg/címsor automatikus betöltődésének hiánya

Szerző: Szűcs Ádám Kategória: Hasznos lehet, Megjelenés - Kinézet - Sablonok

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:

    

Belépés

Time limit is exhausted. Please reload CAPTCHA.

Honlapunk cookie-kat használ. Részletek

Egy EU-s törvény alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ. Ha ezzel nem értesz egyet, akkor a böngésződ megfelelő beállításait használva tiltsd le a cookie-k tárolását. | Részletes adatvédelmi tájékoztató |

Bezárás