WordPress sablon frissítése, pontról pontra

Az alábbi cikkünkben a WordPress sablon frissítésének (pl.: verzióváltás céljából) folyamatát mutatjuk be, amely történhet automatikusan – egy központi helyről letöltve vagy egy plugin (Easy Theme and Plugin Upgrades) által -, de manuálisan is, mondjuk egy FTP program segítségével.

10+1-es csekklista, a WordPress sablon frissítéséhez:

1. Készítsünk teljes biztonsági mentést (ftp fájlok, mysql adatbázis, és esetleg xml fájlok) a weboldalról!

Tipp: abban az esetben, ha valamiért nem tudunk éppen FTP-re kapcsolódni, és a MySQL adatbázist a phpMyAdmin alól sem tudjuk lementeni, akkor a teljes biztonsági mentést elkészíthetjük egy erre alkalmas pluginnal (pl.: UpdraftPlus, BackWPup) is.

2. A sablon frissítése előtt ellenőrizzük a módosított fájlok listáját, mivel előfordul, hogy a sablon készítője csak pár apróbb változtatást hajtott végre néhány fájlon, amit az új sablonban a „changelog” vagy a „readme” szöveges fájlban vagy esetleg a honlapján közzé is tett. Ebben az esetben – FTP-re kapcsolódva vagy cPanel-en – keresztül csak a módosított fájlokat töltsük fel úgy, hogy felülírjuk velük a régi sablon fájljait.

Tipp: ha úgy érezzük, hogy a változtatások nem relevánsak vagy lényegtelenek számunkra (pl.: egy olyan sablon plugint érint, amit mi nem is használunk), akkor nyugodtan kihagyhatjuk a sablon frissítését.

Megjegyzés: ha a készítő olyan fájlokhoz nyúlt, amit mi is korábban módosítottunk, akkor az új fájlokban ismét el kell végeznünk a módosításokat, mielőtt feltöltenénk azokat.

3. Kapcsoljuk ki a „Bővítmények/Telepített bővítmények” alatt „ideiglenesen” a cache (gyorsítótárazás) bővítményt, mert bezavarhat a frissítés során/után, de előtte ne feledkezzünk meg a cache teljes kiürítéséről sem.

Megjegyzés: előfordul némely cache plugin esetében, hogy a plugin beállításain belül a cache kiürítése hiányosan vagy egyáltalán nem történik meg. Ebben az esetben manuálisan kell eltávolítanunk azok a tárhelyről.

Tipp: némely cache plugin esetében (pl.: W3 Total Cache) megtehetjük, hogy a beállításait kimenthetjük (exportálhatjuk) magunknak. Éljünk a lehetőséggel, mert jól jöhet, ha a cache plugin beállításait véletlenül elállítanánk.

+Tipp: jelenleg az egyik legnépszerűbb cache bővítmény a W3 Total Cache, melynek fontosabb beállításait elolvashatja az alábbi cikkben: W3 Total Cache beállítási útmutató

4. Ellenőrizzük le a sablon összes funkcióját (pl.: widgetek, pluginok, custom post type) és kinézetét a népszerű internetes böngészőkkel (legalább Google Chrome és Mozilla Firefox alatt) ne csak asztali számítógépen, hanem mobileszközön is (még akkor is, ha a sablon nem reszponzív), és ha rendellenességet észleltünk, akkor azt jegyzeteljük le. Előfordul, hogy ez a „rendellenesség” abból adódik, hogy a jelenlegi sablonunk verziója nem teljesen kompatibilis a jelenlegi WordPress motor verziójával.

Megjegyzés: a legtöbb sablon frissítés elvégzése ennek tudható be, vagy annak, hogy a régi sablon nem volt reszponzív (mobilbarát).

5. A weboldalt (főoldalt és valamelyik népszerűbb aloldalt) futassuk le 1-2 sebességtesztes oldalon (pl.: Google PageSpeed Insights, Pingdom Tools), hogy tisztába legyünk a korábbi értékeinkkel, és a feltárt hibákkal/javaslatokkal.

Megjegyzés: a sebességteszt a cache bővítmény kikapcsolása végett alacsonyabb értékeket mutathat.

6. Szedjük ki a régi sablon módosított fájljaiból a szükséges adatokat (pl.: analytics nyomkövető kód, cookie figyelmeztetés).

Megjegyzés: ezt a műveletet természetesen elhagyhatjuk, ha ezek az adatok külön is rendelkezésünkre állnak.

7. Végezzük el a sablon frissítését, amelyet a „sablon fajtájától függően” elvégezhetünk:

• automatikusan: egy szerverhez csatlakozva adminon belül a „Frissítés” vagy „Frissítés most” gombra kattintva a „Megjelenés/Sablonok” menüpont alatt.
• automatikusan: egy erre hivatott plugin (Easy Theme and Plugin Upgrades) által az adminon belül a plugin utasításait követve, amely egyszerűen csak felülírja a régi sablon fájljait az újakkal anélkül, hogy FTP-re kellene hozzá csatlakoznunk.
• manuálisan: FTP-re kapcsolódva vagy cPanel-en keresztül úgy, hogy a wp content/themes/ útvonal alatt a régi sablon mappáját töröljük, majd az új sablon mappáját feltöltjük, de megtehetjük úgy is, hogy a régi sablon mappájának nevét átírjuk old-ra (sajatsablonmappaneve-old) majd feltöltjük az új sablon mappáját (sajatsablonmappaneve), úgy, hogy a mappa nevét nem módosítjuk.

Tipp: ha az utóbbit választjuk, akkor az új sablon tökéletes működésének meggyőződése után a régi sablon mappáját le is törölhetjük, de akár a tárhelyen is hagyhatjuk, mivel nagyon csekély tárhelyet foglal csak el. Az új sablon fájljainak feltöltése során választhatjuk azt is, hogy egyszerűen csak felülírjuk a régi sablon fájljait az újakkal, bár ez a módszer annyival nem szerencsésebb, hogy így maradhatnak olyan régi fájlok is a mappában, amelyre egyáltalán nincs szükségünk.

Javaslat: ha szükséges, akkor végezzük el az új sablon fájljaiban is azokat a módosításokat (pl.: analytics kód beillesztése, cookie figyelmeztetés), amit korábban a régi sablon esetében is elvégeztünk, majd töltsük fel ezeket a fájlokat felülírással az új sablonba. Természetesen ezeket a módosított fájlokat még az FTP-re történő feltöltés előtt is elhelyezhetjük az új sablonban.

8. Töltsük fel a sablon mappájába a megfelelő helyekre a logót, a favicont (böngésző ikont) – amennyiben korábban ezek nem a „Médiatárba” lettek feltöltve -, a sablon nyelvi fájljait (.po és .mo fájl), és minden egyéb olyan fájlt, amelyet a régi sablon is használt, de csak azokat, amelyek a régi sablon mappájában voltak elhelyezve korábban. Természetesen ezeket a fájlokat az új sablon feltöltése előtt is elhelyezhetjük a feltölteni kívánt új sablon mappájában, amely által a feltöltési időn is spórolhatunk.

9. Ismételjük meg a 4. pontot. Azaz ellenőrizzük le a sablon összes funkcióját (pl.: widgetek, pluginok, custom post type) és kinézetét a népszerű internetes böngészőkkel (legalább Google Chrome és Mozilla Firefox alatt) ne csak asztali számítógépen, hanem mobileszközön is (még akkor is, ha a sablon nem reszponzív), és ha rendellenességet észleltünk, akkor azt jegyzeteljük le.

10. Ismételjük meg az 5. pontot. Azaz a weboldalt (főoldalt és valamelyik népszerűbb aloldalt) futassuk le 1-2 sebességtesztes oldalon (pl.: Google PageSpeed Insights, Pingdom Tools), hogy tisztába legyünk a korábbi értékeinkkel, és a feltárt hibákkal/javaslatokkal.

10+1. Ha a vizsgálattal végeztünk, akkor kapcsoljuk vissza a cache bővítményt.

Javaslat, a jobb látogatói élmény elérése érdekében:

Javasoljuk megfontolásra, hogy kicsit változtasson a designon a jobb látogatói élmény és a kisebb visszafordulási arány elérésének érdekében. Ezt a változtatást egy A/B tesztnek is felfoghatja, amellyel tesztelheti a látogatói viselkedését néhány apró változtatás után. Ilyen változtatás lehet például az oldalsáv átrendezése, egy jó helyre elhelyezett Call to Action elem, vagy a weboldal menüsorának és gombjainak színének megváltoztatása, amivel ezeket az elemeket jobban kiemelheti a weboldalból.

Javaslat, ha rendellenességet észleltünk:

Ha rendellenességet észleltünk (hibás funkció működést), akkor kezdjük egyesével kikapcsolni azokat a pluginokat, amelyeket nem a sablon használ. Ha nincs változás, akkor kezdjük kikapcsolni a sablon által használt pluginokat. Ha ez se vezetett eredményre, akkor nézzük át van-e az új sablonnak dokumentációja (pl.: külön beállítás egy új funkciónak), és ha ebben sem találunk a hibára megoldást, akkor vegyük fel a kapcsolatot a készítővel.

Gyerek sablon (child theme):

Egyre gyakrabban használják a készítők a gyerek sablonokat (child theme), melyek nagy előnye, hogy a változtatásokat ezekben végezhetjük el, és ezek a változtatások a szülő sablon (parent theme) frissítése után sem vesznek el.

Hasznos információk a wpSHOP.hu ajánlásával!

• Hasznos ingyenes WordPress bővítmények
• Hasznos ingyenes WooCommerce bővítmények
• Top bővítmények: Contact Form 7
• Top bővítmények: Google XML Sitemaps
• Top bővítmények: WordPress SEO by Yoast
• Képek optimalizálása WordPress-ben