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

Több éves Avada frissítése, Child theme létrehozásával egybekötve

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

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.


      

WordPress 4.8.1 – karbantartó frissítés

Szerző: Szűcs Ádám Kategória: Cikk, Hírek, Ingyenes videók, cikkek

Megjelent a WordPress 4.8.1, amely 29 kisebb-nagyobb hibát javított a 4.8-as WordPress-ben.

Menj a “Vezérlőpult” => “Frissítések” menüpontra, és végezd el a frissítést. Előtte ne felejts el biztonsági mentést készíteni a weboldalról!

Főbb módosítási területek:

  • Spam és lomtárürítés funkciók javítása mobilon.
  • Testreszabás menünél a könnyen (véletlenül is) törölhető menük javítása.
  • Widgetek kezelése: kompatibilitási módban való szerkesztés javítása, szöveges widget javítása, HTML kódos widget bemutatása, Facebook videó beágyazásának javítása, stb. A módosítások a widgeteket érintették legnagyobb arányban.
  • Stb. Részletek: codex.wordpress.org/Version_4.8.1

Módosított fájlok:

  • wp-admin/css/themes.css
  • wp-admin/css/widgets.css
  • wp-admin/includes/class-wp-comments-list-table.php
  • wp-admin/includes/options.php
  • wp-admin/js/customize-controls.js
  • wp-admin/js/customize-nav-menus.js
  • wp-admin/js/widgets/media-widgets.js
  • wp-admin/js/widgets/text-widgets.js
  • wp-includes/class-oembed.php
  • wp-includes/class-wp-customize-widgets.php
  • wp-includes/class-wp-editor.php
  • wp-includes/class-wp-oembed-controller.php
  • wp-includes/default-widgets.php
  • wp-includes/js/media-views.js
  • wp-includes/js/media/views/uploader/inline.js
  • wp-includes/js/tinymce/plugins/wordpress/plugin.js
  • wp-includes/js/tinymce/skins/wordpress/wp-content.css
  • wp-includes/js/wp-api.js
  • wp-includes/media.php
  • wp-includes/rest-api.php
  • wp-includes/rest-api/class-wp-rest-server.php
  • wp-includes/script-loader.php
  • wp-includes/taxonomy.php
  • wp-includes/theme.php
  • wp-includes/version.php
  • wp-includes/widgets.php
  • wp-includes/widgets/class-wp-widget-media-video.php
  • wp-includes/widgets/class-wp-widget-media.php
  • wp-includes/widgets/class-wp-widget-text.php

FTP, MySQL, egyéb alapadatok begyűjtése, rendszerezése

Szerző: Szűcs Ádám Kategória: Beállítások, Hasznos lehet, START csomag, Videó

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.


      

YOAST SEO alapbeállítások

Szerző: Szűcs Ádám Kategória: Bővítmények, Keresőoptimalizálás, Videó, WooCommerce

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:


      

Nyomtatás gomb bejegyzésekhez és oldalakhoz

Szerző: Szűcs Ádám Kategória: Hasznos lehet, Videó

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!


      

WordPress webáruház – WooCommerce 12.: Egyszerű és variálható termékek kezelése

Szerző: Szűcs Ádám Kategória: Hasznos lehet, Videó, WooCommerce

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.


      

WooCommerce 3.0 – csak óvatosan! (plusz: tipp a fordítási hibákhoz)

Szerző: Szűcs Ádám Kategória: Cikk, Hasznos lehet, Ingyenes videók, cikkek, WooCommerce

A WooCommerce 2.6 verziója után ugrottak egyet a fejlesztők, és egyből a 3.0-ás verziót adták ki. Ennek oka, hogy jelentős változáson ment át funkcionálisan és kódszinten is, amely új nagyverziószámot igényel.

Általános tanács, hogy bővítmények főverzió váltásánál érdemes várni 1-4 alverziót a bővítményeknél. Az első napokban sok ilyen szokott lenni, a fejlesztők a beérkező visszajelzések alapján sok bosszantó problémát megoldanak. (már van 3.0.7-es WooCommerce is, azaz gőzerővel dolgoznak a hibák javításán)

Frissítés WooCommerce 3.0 verzióra

Kiemelten fontos, hogy éles weboldalt nem frissítünk ész nélkül az új verzióra! A frissítés legfontosabb lépései:

  1. Biztonsági mentés nélkül nehezen tudjuk helyreállítani a korábbi állapotot. Ezért a frissítés előtti első lépés: biztonsági mentést kell készíteni. Tudom, mindig ezt mondom. De fő a biztonság, illetve ahogy a frissítés előtt láthatjuk, ez egy nagy verzióváltás, ahol nagyságrendekkel nő a problémalehetőségek száma.
  2. Éles weboldal látogatókkal rendelkezik, amelyektől – jó esetben – a bevételünket várjuk. Ha egy széthullott állapotú webshoppal elijesztjük őket, akkor a bevételtől is elesünk. Ezért ha nem vagyunk biztosak a dolgunkban, akkor a frissítés idejére érdemes lezárni a weboldalt, hogy ne érje el senki, csak mi.
  3. Ha nagyon fontos a weboldal üzemmenetének maximalizálása és/vagy jelentős összeg múlik a zökkenőmentes átálláson, akkor klónozd le a weboldaladat egy almappába vagy aldomainre, és úgy végezd el a frissítést. Így az éles oldalt nem érinti a tesztelgetés. Ha nincs gond a klón oldalon, utána érdemes az éles oldalt frissíteni.
  4. Nem minden kinézet kompatibilis a WooCommerce új verziójával, ezért ha tehetjük, járjunk utána annak, hogy a kinézet fejlesztője mit mond erről. Ha van új verziója a kinézetnek, érdemes arra áttérni. Ha sok módosítás van a kinézetben, akkor érdemes gyerek-kinézetet használni.
  5. Nem minden korábbi WordPress kompatibilis a WooCommerce új verziójával. Érdemes a WooCommerce frissítése előtt a WordPress-t is frissíteni.
  6. Előbb frissítsük a többi bővítményt, és ha semmilyen probléma nem merült fel, akkor a WooCommerce-t.

Hivatalos frissítési “ajánlat” a fejlesztőktől ide kattintva érhető el.

WooCommerce 3.0 újdonságok

Új termékkép funkció: nagyítás, zoomolás opciókkal:

Gyorsabb lett a működése.

Új naplózó rendszer kerül bevezetésre, amellyel jobban nyomon követhetőek a folyamatok, valamint a fejlesztők hibakeresési munkáit is megkönnyíti.

Továbbiak a hivatalos bemutató cikkben.

Mit tegyél, ha tönkretetted a weboldaladat a WooCommerce frissítéssel?

Előfordulhat, hogy angol nyelvű egy-egy felirat a frissítés után, vagy éppen a kinézete csúszik szét az egyes oldalaknak (pl.: kosár, pénztár, stb.). Ekkor vagy várhatsz, hogy a kinézet fejlesztője orvosolja a hibát, vagy:

  1. Frissítsd visszafelé a WooCommerce-t a WP Rollback bővítménnyel.
  2. Ha nem segít: Állítsd vissza a biztonsági mentésből a régi állapotot.

Fordítási hibák WooCommerce 3.0 használatakor

Ha zavaró módon angol szövegeket látsz a vásárlási folyamat egyes részein, akkor vagy várhatsz a magyar verzió elkészültéig, vagy az alábbi egyszerű bővítmény, és a WordPress gettext filterének segítségével gyorsan lefordíthatod az angol részeket, az alábbi lépéseket követve:

(persze használhatod a PoEdit programot is, vagy a forráskódban is tudsz fordítani, de ez egyszerűbb, gyorssegélynek javasolt megoldás)

Töltsd le a Translate Texts nevű bővítményt, majd telepítsd fel és aktiváld.

Nyisd meg a Bővítmények => Szerkesztő menüt, és keresd ki a Translate Texts nevűt. Ilyen kódot találsz itt:

Itt látsz egy olyan sort (felülről a 4.), amiben van egy Fordítandó és Fordítás szó. Ezt a sort le kell másolni egymás alá – úgy, hogy ezt a két szót töröljük belőle, de az idézőjeleket meghagyjuk –  annyiszor, amennyi fordítandó angol szövegünk van. Ezt most egyszer tettem meg, lásd felülről az 5. sort. Ez a sor így 4 idézőjelet tartalmaz. Az első kettő közé kell írni a következő fordítandó szót vagy kifejezést, majd a következő 2 közé a fordítást. Ha sok fordítandó van, ilyesmi lesz a végeredmény:

Végül el kell menteni a bővítményt, és az oldalon lévő angol feliratok máris magyarul látszanak.

A kódsor forrása:
WordPress fejlesztők és felhasználók Facebook csoportja

További infó a gettext filterről:

  • https://codex.wordpress.org/Plugin_API/Filter_Reference/gettext_with_context
  • https://codex.wordpress.org/Plugin_API/Filter_Reference/gettext
  • https://gist.github.com/BFTrick/7040403

A PROFI PLUSZ tagsággal rendelkezőknek a fordításhoz készítettem egy videót:


      

Megjelent a WordPress 4.8 “Evans”

Szerző: Szűcs Ádám Kategória: Cikk, Hírek, Ingyenes videók, cikkek

A mai napon megjelent a WordPress legújabb verziója, a WordPress 4.8, amely szám szerint a 116. alverzió és 33. főverzió. A hagyományokhoz híven a fejlesztők egy jazz zenészről nevezték el, ezúttal William John “Bill” Evans volt a névadó.

Mik a WordPress 4.8 újdonságai?
Az újdonságokat összeszedtem korábban, itt tudod elolvasni. A legjobban nekem az új widgetek tetszenek:

Mi a teendő?
Először készíts egy biztonsági mentést a weboldaladról, majd menj a Vezérlőpult => Frissítések menü alá, és frissítsd a rendszeredet!

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