Hónap: 2016 december

Történt, hogy egy újságíró kitalált egy frappáns cikket, aminek pont az volt a lényege, hogy maga a cikk egyetlen szóból állt. Aztán felrakták ezt a cikket egy hagyományos online médium felületére, és akaratlanul is a mai online újságírás egyik legjobb paródiáját állították elő vele.

24-hu_2016-10-27_10-15-04

Az elmúlt években sokat keresgéltem a Themeforest WordPress sablonjai között, de annyira nem találtam olyat, ami közelítene ahhoz, amit én mostanában a weboldalakról gondolok, úgyhogy a végén felfújtam a pofám és csináltam egy saját, ultra-minimalista, mobile-first WordPress sablont az oldalgazda.hu számára, amit ezúton teszek ingyenesen letölthetővé bárkinek.

Miért csináltam saját WordPress sablont?

Bár tulajdonképpen még mostanában sem volt különösebb gondom azzal a régebbi — azóta már a forgalomból kivont —, Blogrid nevű WP sablonnal, amit az oldalgazda.hu-n használtam, azonban valahogy nem éreztem különösen magaménak, illetve nem tetszett nekem százszázalákosan. Mivel mostanában hobbiból foglalkozok az oldalgazda.hu-val, ezért fontos számomra, hogy olyan legyen az oldal kinézete, amivel szívesen bütykölök, ráadásul kellően egyszerű, átlátható legyen a felépítése, hogy könnyen belenyúlhassak ott, és ahogy akarok.

Bár nagyon sok szuper WordPress sablon található mindenfelé, amik között számtalan kedvenc van, mint például a Mila vagy az Evolutive, a problémám ezekkel és a hozzájuk hasonló témákkal az volt, hogy túlságosan képközpontúak voltak: tehát ha kivonom a képeket a sablonok demó tartalmaiból, akkor sokkal kevésbé látványos oldalakat kapok. Másrészt viszont nagy hatással volt rám ez, a weboldalak méreteinek túlburjánzásáról szóló cikk, ezért bármennyire is tetszenek a Masonry, Isotope és hasonló Javascript megoldásokkal készített dinamikus oldalak, szerettem volna valami igazán minimalista webdizájnt készíteni saját oldalamhoz, ami csak a legszükségesebb kódmennyiséget adja hozzá a tartalomhoz. Mindemellett pedig lehetővé teszi azt, hogy arra koncentráljak, ami fontos: a tartalomra.

Mi a lényege a Sixpack sablonomnak?

  • Ultraminimalista: Mint azt a sablon elnevezése is mutatja, az egésznek az a vezérlő elve, hogy hat tartalmi egységnél egyszerre sosem lehet több a képernyőn. Mindez azt a célt szolgálja, hogy minél könnyebben, egyszerűbben áttekinthető legyenek egy adott weblap főbb üzenetei. Természetesen szkrollozással még további tartalmi egységek is elérhetőek, de még eközben sem szabad egyszerre hatnál több egységnek megjelennie.
  • Csempés: A tartalmi egységek csempeszerűen jelennek meg: szerintem nagy újítása volt a Windowsnak, amikor bevezették a csempés felületet, hiszen különböző, gyakran kis méretű képernyők esetén egyedül ez a formátum tud konzisztens megjelenést biztosítani.
  • Mobile-first: Bár a sablon fejlesztése asztali gépen történt, de az egész folyamat során elsősorban azt tartottam szem előtt, hogy a kisebb képernyőkön, a mobil eszközökön hogyan tud értelmesen megjelenni az információ úgy, hogy a sablon eredeti céljai ne csorbuljanak. Így kisebb képernyőkön még a hatnál is kevesebb, 2-3-4 tartalmi egység jelenik meg maximum egyszerre.
  • Kötött táncrend: Ezzel a sablonnal ideális kinézetű akkor lesz az oldal, ha a bejegyzések mindengyikének van egy rövid bevezetője és egy illusztrációként szolgáló, kiemelt képe. Az oldalakat (Page) és bejegyzéseket (Post) nagyon hasonlóan kezeli, szinte ugyanúgy listázza. Weboldal logó, ill. bemutatkozás helyett sticky post-ok használatával lehet olyan kiemelt információkat megjeleníteni, mint hogy mi az oldal címe, stb.

Milyen egyéb jellegzetességei vannak még?

  • Nincsenek állítható paraméterei: míg egyfelől nagyon kényelmes egy weboldal-tulajdonosnak, hogy egy vizuális kezelőfelületen testre szabja egy adott WordPress sablon kinézetét, összességében nagyon perverz, hogy a webszervernek tulajdonképpen minden weblap-megjelenítés esetén pluszban le kell kérdeznie és ki kell számolnia dolgokat ahelyett, hogy ezek az életben igen gyakran csak egyszer eldöntött változók értékei fixen be lennének drótozva.
  • JavaScript-mentes: a sablon maga nem tartalmaz egy sor JavaScript-tet sem. A különböző pluginek persze berakják a saját JavaScript fájljaikat, de a sablon működéséhez csak HTML és CSS kód kell: amit ráadásul  igyekeztem minimális mennyiségűre csökkenteni.
  • Nincsen logo, header, sidebar, widget: ez a ”rámoljunk be még az oldalsó oszlopba, láblécbe a kevésbé fontosabb dolgokat, hátha érdekel valakit” típusú hozzáállás szerintem manapság igencsak okafogyottá vált, ezért ezeket a – sztenderdnek számító — WordPress funkciókat nem építettem be a sablonba. Szintén ugyanezt gondolom a mindenhol jelen levő logókról, fejlécekről.
  • Nincsen navigációs menü, hamburger menü, stb.: manapság nagyon ritka, hogy valakit nem csak egy-egy bejegyzés erejéig tudunk weboldalunkra csábítani, ezért nem éreztem különösen fontosnak, hogy hagyományos navigációs elemek beépítésre kerüljenek a weboldal dizájnjába.
  • Oldalon belüli keresés háttérbe szorítva: a fenti ok, plusz az az evidencia, hogy a WordPress keresőfunkciói nagyon rosszak, mind arra sarkalltak, hogya honlapon ne legyen fennt egy mindenhol jelen levő keresőmező.
  • Kapcsolatfelvétel a keresőoldalon: fontosnak éreztem, hogy ha valaki mégis keres az oldalon, akkor legyen neki egy plusz opciója a találati oldalakon, amikoris tőlem, az oldal üzemeltetőjétől egy e-mailben segítséget tud kérni, ha nem talál valamit az oldalon.
  • Kapcsolatfelvétel a 404 Not found oldalon: hasonlóan fontosnak éreztem, hogy ha a látogató egy nem létező weblapot kér le a szerverről, akkor a megjlenített tartalom ne elsősorban egy hiba nyugtázásáról szóljon, hanem arról, hogy a látogató minél hamarabb megtalálja a keresett vagy ahhoz hasonló tartalmat. Ezért a hibaoldal nagyban hasonlít az oldaltérkép oldalra, és itt szintén van egy link, mely segítségével a látogatók egyszerűen egy e-mailt küldhetnek nekünk, ha nem találnának valamit.
  • Nem általános célú sablon: az egyszerűsítés értelmeszerűen korlátokat is magában hordoz, de egyébként sem volt cél, hogy minden típusú oldalt ki tudjon szolgálni a sablon – mint pl. egy webshop-ot.

Mások dolgai, amit felhasználtam a sablonhoz

Az underscores.me sablonból kiindulva alakítottam ki a magam sablonját, felhasználva a Blogger Sans betűtípust és az Alegreya Sans betűtípust.

Sixpack WordPress sablon ingyenes letöltése

Összefoglalás

Mint ahogy a webfejlesztés általában, úgy egy WordPress sablon sem lesz soha tökéletes – sosincs vége, minden órányi munkával jobb és jobb lehetne. Nyilván a mostani verzióban is vannak hibák, inkonzszisztens megoldások, továbbá már most vannak ötleteim, hogy hogyan lehetne tovább fejleszteni, azonban mostanra már remélhetőleg elérte a „megosztásra érdemes” státuszt.

Érdekes volt annyi év után megint egy komplett web design elkészítésén dolgozni, és nagyon jó érzés volt, hogy már korántsem kellett annyit a különböző böngészők hülyeségeivel szenvedni. A kétezres évekhez képest annyi volt a legfőbb változás, hogy immár nem az Internet Explorer, hanem a Safari és az iOS „furcsaságai” miatt kellett plusz dolgokat berakni a kódba – ahonnan egyébként direkt kivettem a régebbi böngészőkkel való kompatibilitást fenntartó megoldásokat.

Az oldal korántsem annyira villámgyors, mint amilyen akár lehetne is a sablon miatt. Nem jutottam ugyanis még el odáig, hogy feltegyek egy sebességre optimalizált WordPress környezetet tegyek fel egy VPS szerverre,  ne pedig egy osztott tárhelyről üzemeltessem a szájtot, mint most.

Egyszer remélhetőleg elérető lesz a sablon a hivatalos WordPress.org sablongyűjteményből is – azonban ahogy elnézem, a feltöltés után még hónapokat kell várni arra, hogy valaki egyáltalán nekilásson átnézni a sablont, és ellenőrizze, hogy megfelel-e mindenben a követelményeknek. Egyébként mindenben úgy alakítottam ki az oldalt, még ha ez plusz munkát is jelentett, mint pl. a könnyű lokalizálhatóság.

Nem kevés előkészület után véglegesen bezártam a webni.innen.hu-t, miután átköltöztettem ide minden tartalmát. De miért kellett megszüntetni, átköltöztetni, majd bezárni az oldalt? Mi értelme egyáltalán foglalkozni régi weboldalak tartalmainak átköltöztetésével?

A webni.innen.hu számokban

2004 októberétől 2008 decemberéig 408 bejegyzés és 8051 hozzászólás született az oldalon, elsősorban a keresőoptimalizálás, keresés témáiban, ill. Google akkori szolgáltatásaival kapcsolatban (Google kereső, Google AdSense majd Google AdWords).

2006*-2009 végéig terjedő időszakban 619 860 felhasználó 1 751 910 oldalmegtekintést generált.  *(korábban nem létezett még Google Analytics)

Az összes forgalom 69,94%-a a keresők felől érkezett, miközben a keresőoptimalizálás kulcsszó önmagában csak 3%-át hozta a látogatottságnak még úgy is, hogy erre a kifejezésre rendre a második helyen volt az oldal. Aki ekkoriban keresés, keresőoptimalizálás, google vagy keresőmarketing témáiban keresett, az gyakorlatileg előbb-utóbb ebbe az oldalba botlott.

Miért szűnt meg az oldal?

A webni.innen.hu-t egy speciális Wiki-alapú tartalomkezelő rendszerrel írtam. A kétezres évek elején még ígéretesnek tűnt a Wiki oldalak jövője, de az évtized vége felé nyilvánvalóvá vált, hogy az egyszerű olvasókban nincs meg a szándék és/vagy a tudás az ilyen oldalak tartalmainak aktív fejlesztésére, így végül számos Wiki tartalomkezelő rendszer fejlődése is megrekedt – az egyedüli kivétel a Wikipédia maradt. Így az általam használt Zwiki is egyre inkább lemaradt attól, amit az akkori tartalomkezelő rendszerek (pl. Plone) nyújtottak, így egyre kevésbé tudtam azt és úgy csinálni a tartalmaimmal, ahogy azt szerettem volna. Így végül az oldalgazda.hu címen egy újabb oldal létrehozásába fogtam, immár Plone alapokon.

Mi történt most a költözéssel?

A webni.innen.hu után az általam használt tartalomkezelő rendszerek logikája nagyban különbözött a korábban használt Wiki oldal szervezőelveitől, ezért csak úgy, egyszerűen kiexportálni és beimportálni a tartalmakat az aktuális weboldalamba gyakorlatilag lehetetlen lett volna. Eddig egy szinte csak erre a célra fenntartott szerveren lakott az oldal, évek óta változatlan formában. Noha kb. 2012 óta áll rendelkezésemre az a tudás, amivel bármilyen weboldal tartalmát bármilyen másik tartalomkezelő rendszerbe át tudom költöztetni, de végül csak most került sor erre a folyamatra:

  • Egy szkript végigjárta a régi oldalt, és strukturált, táblázatos formába lementette a régi oldal tartalmát.
  • Egy másik szkript, egy emberi látogatót imitálva végigment a lementett táblázat sorain, és az ott talált szöveges adatokat szépen felrakta erre a WordPress oldalra, miközben feltöltötte a képeket, átírta az URL-jeiket, kiválasztotta a kiemelt képet, beállította a dátumokat, címkéket, stb. továbbá megadta az oldalak helyzetét a hierarchiában.
  • Miután lezajlott az összes tartalom feltöltése, és így meglett az összes bejegyzés régi és új címe, egy újabb szkript végigment az összes tartalmon, és a bejegyzések közötti sűrű hivatkozások URL-jeit átírta az új weboldalnak megfelelő linkekre.
  • Végül a domainnevet átirányítottam egy másik tárhelyre, ahol semmi más nincs, mint  a régi webni.innen.hu URL-ek / új oldalgazda.hu URL-ek párosait tartalmazó, átirányításokat meghatározó fájl: így ha valaki a régi szájt egyik aloldalát kéri le, már az új szájton fog kikötni.

Az egész folyamat tulajdonképpen csak abból állt, hogy meghatároztam a logikáját a költözésnek, majd megírtam hozzá a szkripteket – illetve javítgattam az először kitalált logikám kisebb-nagyobb hibáit.

Miért volt értelme megtartani a tartalmakat?

Régi heppem, hogy a tartalom érték, ezért sose töröljünk tartalmat. Emiatt amolyan bort iszik, vizet prédikál típusú dolog lett volna, ha az egyszerűség kedvéért simán csak lekapcsolom a régi oldalt. A tartalmak átmozgatásának azonban voltak további indokai is:

  • Látogatók: Bár már nyolc éve nem nyúltam az oldalhoz, még mindig számottevően látogatták az oldalt, és manapság, amikor eléggé korlátos az „ingyen” megszerezhető látogatók mennyisége, kár lett volna lemondani róluk.
  • Linkek: A még mindig meglévő látogatottság nagy hányadáért az a rengeteg értékes link felelt, ami a szájt különböző aloldalaira hivatkozott. Ezeknek a linkeknek az ereje most közvetlenül is támogatja majd a legújabb bejegyzéseim olvasottságát is.
  • Értékes tartalom: Az értékes linkjeim létrejöttét is szinte kizárólag a minőségi tartalom generálta, ami talán még így, elavultságában is értéket jelenthet bizonyos esetekben.
  • Személyes motivációk: Mint azt a számok is mutatták, elég sok embernél sikerült előidézzek szemléletváltást abban, ahogy oldalait építi, promotálja; de leginkább talán az én életemben okozta a legnagyobb változást, ezért mindig egy kedves emlék marad nekem.
  • A bizonyíték kedvéért: nem kevés vállalkozás ajánlja azóta is saját szolgáltatásait a tőlem lopott szövegekkel, úgyhogy emiatt is gondoltam, érdemes megtartani ezeket a tartalmakat, ha még egyszer megint ráveszem magam, hogy utánamenjek ezeknek az ügyeknek.

Összefoglalás

Számos oka lehet annak, hogy ne akarjunk megválni régebben létrehozott tartalmainktól. A legegyszerűbb megoldás persze, ha a régi oldalt hagyjuk ott, ahol van, de hosszú távon még praktikusabb lehet, ha átköltöztetjük a tartalmait arra az oldalra, ahol jelenleg is aktívak vagyunk. Még az sem feltétlenül akadály, ha a korábban létrehozott tartalom nagyságrendje miatt a tartalmak átköltöztetése egy új oldalra kézzel, belátható időn belül nem lenne megoldható.

Jároli József online marketing szakember magyar nyelvű szakmai honlapja. Aktívan szerkesztve 2004-től 2017-ig.