Ráncfelvarráson esett át a WordPress videók

2 napja egy kicsit megújítottam a WordPress videók megjelenését. Nem kell nagy átalakításra gondolni, inkább csak arról van szó, hogy még letisztultabb, gyorsabb, és jobb technikai felépítésű lett.

Mi változott a WordPress videók oldalon?

Ilyen volt:

És ilyen lett:

Apró megjegyzés:
A 2022/04/25-ös átalakításkor ilyen volt (új ablakban megnyílik a kép) az első verzió. Aztán a sárga kiemeléseket a fejlécben, oldalsávon és láblécben kicseréltem a Twenty Twenty-One kinézet halványzöldjére.

Legfőbb változtatások:

  • A fejléc jelentősen le lett tisztítva.
  • A színeken egy kicsit variáltam.
  • Szélesebb lett 80 px-el az egész weboldal.
  • A hírlevél feliratkozás ki lett vezetve az oldalsávra.
  • A kategórialista alulról átkerült a Videók & Cikkek menüpont alá.
  • A H1-H4 címsorok között volt kavarodás az oldalak között – ez rendbe lett téve.
  • A közösségi média ikonok cserélve és ritkítva (Instagram és Twitter nincs – nem használom ezeket) lettek.
  • Szebb lett a lábléc.
  • A Kapcsolat menü kiemelésre került.
  • A főoldali ügyféltérkép is frissítve lett – évek óta nem tettem.
  • Ugyan nem látszik, de a domain gyökérkönyvtárát is kitakarítottam – sok dolog ott volt, lustaságból: egyszerűen oda volt néha a legkönnyebb felmásolni valamit.
  • A régi, http://-s saját URL-ek át lettek írva a tartalmakban https://-ekre (a háttérben, mert eddig is így jelentek meg).
  • A Search Console által jelzett hibákat is apránként elkezdtem javítani.
  • Stb.

Szem előtt tartott elvek a kinézet megújítása során

Legyen gyorsabb a weboldal!
Már közel egy éve kiemelt szempont a rangsorolásnál a weboldal sebessége. Megújítás előtt csupán 43/96 volt a mobilos és asztali sebesség.

Most 100/100. (ami méltóbb hozzám, mint a korábbi érték – ha már ezzel foglalkozok – ne a suszter cipője legyen lyukas):

A web.dev/measure alatt pedig:

Ne legyen üzemkiesés
Szerencsére ma már megvan a lehetőség arra, hogy egy pillanatra se álljon a le a szolgáltatás. Egy több órás előkészület után az éles oldalon csinálom meg a kinézetváltást.

THE7 vs. GeneratePress Premium
Múlt héten a másik weboldalamat is megújítottam, az erről szóló cikkben kifejtettem, hogy miért választottam a GeneratePress Premium kinézetet. Röviden: nincs szükségem a THE7 nyújtotta előnyökre, és a GeneratePress kinézet egy gyorsabb kinézet.

Takarítás
Volt egy közel 500 soros egyedi CSS, ami már több kinézet óta gyarapodott. Ki lett takarítva végre.

Bővítmények törlése
8-10 bővítmény repült a háttérből. Vagy azért, mert már nem volt rá szükség, vagy azért, mert hibát generált a háttérben, vagy le lett másikra cserélve (pl.: A WP Rocket már a gyorsítótárazó bővítmény).

Extra feladatok, amivel számolnom kellett

  • Ahol teljes szélességű volt az oldal, ott a kinézetcsere után újra be kellett állítani.
  • Átnéztem 26 aloldalt, és a legszembetűnőbb dolgokat javítottam.
  • Az oldalt átmásoltam egy másik domainre az éles munka előtt, és ott végigteszteltem a folyamatot. És ennek ellenére természetesen csak egy biztonsági mentés után álltam neki a műveletnek.

Későbbi tervek

Vázlatosan:

  • Régi aloldalak törlése, összevonása, megszüntetése.
  • Aloldalak design-olása külön-külön.
  • Szövegek átolvasása, javítása.

Mennyi idő volt a megújítás?

Durván 9 munkaóra, amely messze nem a teljes munkafolyamat (ami 20+ munkaóra lett), csak szigorúan a kinézetcsere, és finomhangolás rész. Szerencsém volt, hogy egy jól karbantartott oldal az enyém, illetve nem épült nagyon a WPBakery speciális elemeire anno (amit így viszonylag gyorsan tudtam új megoldásokra cserélni).

Korábbi megújulások

A WordPress videók megért már pár kinézetcserét. Vállalom, hogy vállalhatatlan csúnya is volt anno az oldal.

  • 2011. február. Kék lett a piros helyett.
  • 2014. január.
  • 2018. november. Ekkor lett THE7 alapú (amit mutatok feljebb, az “ilyen volt” résznél) az oldal.

Neked mi a véleményed az új kinézetről?
Megírod egy hozzászólásban?

Cikkértesítő

Ha nem szeretnél lemaradni az új cikkekről, akkor iratkozz fel az értesítőre!

Szólj hozzá!

WordPress segítséget keresel?

Kérj díjmentes árajánlatot!

Főbb szolgáltatásaim: weboldal/webáruház készítés, megújítás, fejlesztés, gyorsítás, karbantartás, hibajavítás, oktatás, stb.

A honlap cookie-kat használ. Részletek

A hatályos jogszabályok alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ és tárol a számítógépen. Ha ezt nem szeretnéd, akkor a böngésződ megfelelő beállításait használva tiltsd le a cookie-k tárolását, vagy zárd be a weboldalt. Mik azok a cookie-k? Hogyan tudod tiltani a tárolásukat? Hogyan kezelem a személyes adatokat? Mindenre választ ad a részletes adatvédelmi és cookie tájékoztatóm.

Bezárás