[vc_row][vc_column][vc_column_text]
Egy üzleti weboldalra érkezve a látogatók egyik első dilemmája, hogy mennyire aktuális a tartalom, amit látnak. Az elavult design, a több évvel korábbi bejegyzések a blogon mind bizalmatlanságot sugallnak, ahogyan a sok évvel ezelőtti copyright évszám is a lábléc legalján. A látogató agya ugyanis tudat alatt meghozza az ítéletet, miszerint:
2014. – Rendben, akkor ez az oldal valószínűleg el van hanyagolva, kattintsunk is tovább…
Lábléc történelem
Eredetileg ugyanis azt volt hivatott jelezni a copyright rész melletti időbélyeg, hogy az oldalon mikor frissítették utoljára a tartalmakat. Manapság ez már egyáltalán nem magától értetődő, és természetesen az is előfordulhat, hogy a weboldal tulajdonosa egyszerűen elfelejtette frissíteni az évszámot a láblécben, de ha azt szeretnénk, hogy az oldalunk egy megfelelően gondozott, friss információkkal teli oldal hatását keltse, akkor érdemes frissen tartani a láblécet is.
Az elhanyagolt footer különösen akkor gyakori, ha még régebben kódolták a weboldalt és egyszerű szövegként rögzítették az – akkor még friss – évszámot.
Lábléc probléma megoldása
De gondoljunk csak bele: nem lehetne ezt automatizálni és elfelejteni egy életre? Mi sem egyszerűbb…
Íme két százas szög egyszerűségű megoldás, amik könnyedén beilleszthetőek az oldalba, és egy életre véget vetnek az elavult lábléc időbélyegeknek:
[/vc_column_text][vc_empty_space height=”50px”][/vc_column][/vc_row][vc_row section_type=”container-width” equal_column_height=”equal”][vc_column width=”1/2″ rc_bg_type=”color” css=”.vc_custom_1517420083289{padding-right: 5% !important;padding-left: 10% !important;background-color: #e5e5e5 !important;}” rc_bg_color=”#e5e5e5″ grve_css=”{“desktop“:{“padding-right“:“5%“,“padding-left“:“5%“,“class“:“grve-wpb-1642350775764“}}”][vc_empty_space height=”50px”][impeka_title align=”center” title=”JavaScript kódrészlet”]
JAVASCRIPT KÓDRÉSZLET
[/impeka_title][vc_column_text]
Ez az egyszerű JavaScript a látogató böngészőjében fut le, és az ő időbeállításait veszi alapul. Egyszerűen másoljuk ki az alábbi kódrészletet, és illesszük a láblécbe az évszám helyére.
[/vc_column_text][vc_raw_html]JTNDcHJlJTIwc3R5bGUlM0QlMjJiYWNrZ3JvdW5kLWNvbG9yJTNBJTIzRjdGOEY4JTIyJTNFJTBBJTNDY29kZSUyMGRhdGEtbGFuZ3VhZ2UlM0QlMjJqYXZhc2NyaXB0JTIyJTIwc3R5bGUlM0QlMjJsZXR0ZXItc3BhY2luZyUzQTAlM0IlMjIlM0UlMEElM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzBGOTJBOCUyMiUzRSUyNmx0JTNCJTNDJTJGc3BhbiUzRXNjcmlwdCUyMHR5cGUlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzBGOTJBOCUyMiUzRSUzRCUzQyUyRnNwYW4lM0UlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzFBQUYwMCUyMiUzRSUyMnRleHQlMkZqYXZhc2NyaXB0JTIyJTNDJTJGc3BhbiUzRSUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMEY5MkE4JTIyJTNFJTI2Z3QlM0IlM0MlMkZzcGFuJTNFJTBBJTIwJTIwJTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjMwRjkyQTglMjIlM0Vkb2N1bWVudCUzQyUyRnNwYW4lM0UuJTNDc3BhbiUyMGNsYXNzJTNEJTIyZnVuY3Rpb24lMjBjYWxsJTIyJTNFd3JpdGUlM0MlMkZzcGFuJTNFJTI4JTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjM2NkJCNkElMjIlM0VuZXclM0MlMkZzcGFuJTNFJTIwJTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjNCOTgyMDglMjIlM0VEYXRlJTI4JTI5LmdldEZ1bGxZZWFyJTNDJTJGc3BhbiUzRSUyOCUyOSUyOSUzQiUwQSUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMEY5MkE4JTIyJTNFJTI2bHQlM0IlM0MlMkZzcGFuJTNFJTJGc2NyaXB0JTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjMwRjkyQTglMjIlM0UlMjZndCUzQiUzQyUyRnNwYW4lM0UlMEElM0MlMkZjb2RlJTNFJTBBJTNDJTJGcHJlJTNF[/vc_raw_html][vc_column_text]Ennek eredményeként a következőt kell látnunk:[/vc_column_text][vc_raw_html css=”.vc_custom_1517414072679{background-color: #f7f8f8 !important;}”]JTNDZGl2JTIwc3R5bGUlM0QlMjJ3aWR0aCUzQTEwMCUyNSUzQnBhZGRpbmclM0EzJTI1JTNCJTIyJTNFJTBBJTNDc2NyaXB0JTIwdHlwZSUzRCUyMnRleHQlMkZqYXZhc2NyaXB0JTIyJTNFJTBBJTIwJTIwZG9jdW1lbnQud3JpdGUlMjhuZXclMjBEYXRlJTI4JTI5LmdldEZ1bGxZZWFyJTI4JTI5JTI5JTNCJTBBJTNDJTJGc2NyaXB0JTNFJTBBJTNDJTJGZGl2JTNF[/vc_raw_html][vc_column_text css=”.vc_custom_1526497975900{padding-top: 5% !important;}”]
Ha nem elégszünk meg egyedül az évszámmal, és több információt szeretnénk megadni, íme egy testreszabható kódrészlet:
[/vc_column_text][vc_raw_html]JTNDcHJlJTIwc3R5bGUlM0QlMjJiYWNrZ3JvdW5kLWNvbG9yJTNBJTIzRjdGOEY4JTIyJTNFJTBBJTNDY29kZSUyMGRhdGEtbGFuZ3VhZ2UlM0QlMjJqYXZhc2NyaXB0JTIyJTIwc3R5bGUlM0QlMjJsZXR0ZXItc3BhY2luZyUzQTAlM0IlMjIlM0UlMEElM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzBDOTJBOCUyMiUzRSUyNmFtcCUzQiUzQyUyRnNwYW4lM0Vjb3B5JTNCJTIwJTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjMxQUFGMDAlMjIlM0UyMDE0JTNDJTJGc3BhbiUzRSUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMEM5MkE4JTIyJTNFJTI2bHQlM0IlM0MlMkZzcGFuJTNFc2NyaXB0JTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjMwQzkyQTglMjIlM0UlMjZndCUzQiUzQyUyRnNwYW4lM0UlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzY2QkI2QSUyMiUzRW5ldyUzQyUyRnNwYW4lM0UlMjAlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyM0I5ODIwOCUyMiUzRURhdGUlMjglMjkuZ2V0RnVsbFllYXIlMjglMjklMjZndCUzQjIwMTQlMjZhbXAlM0IlMjZhbXAlM0IlM0NiciUzRWRvY3VtZW50LndyaXRlJTI4JTIyJTIwLSUyMCUyMiUyQm5ldyUyMERhdGUlMjglMjkuZ2V0RnVsbFllYXIlM0MlMkZzcGFuJTNFJTI4JTI5JTI5JTNCJTNDYnIlM0UlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzBDOTJBOCUyMiUzRSUyNmx0JTNCJTNDJTJGc3BhbiUzRSUyRnNjcmlwdCUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMEM5MkE4JTIyJTNFJTI2Z3QlM0IlM0MlMkZzcGFuJTNFJTJDJTIwU2FqJUMzJUExdCUyMFYlQzMlQTFsbGFsYXQuJTBBJTNDJTJGY29kZSUzRSUwQSUzQyUyRnByZSUzRQ==[/vc_raw_html][vc_column_text]Az eredmény pedig:[/vc_column_text][vc_raw_html css=”.vc_custom_1517414159357{background-color: #f7f8f8 !important;}”]JTNDZGl2JTIwc3R5bGUlM0QlMjJ3aWR0aCUzQTEwMCUyNSUzQnBhZGRpbmclM0EzJTI1JTNCJTIyJTNFJTBBJTI2Y29weSUzQiUyMDIwMTQlM0NzY3JpcHQlM0VuZXclMjBEYXRlJTI4JTI5LmdldEZ1bGxZZWFyJTI4JTI5JTNFMjAxNCUyNiUyNmRvY3VtZW50LndyaXRlJTI4JTIyJTIwLSUyMCUyMiUyQm5ldyUyMERhdGUlMjglMjkuZ2V0RnVsbFllYXIlMjglMjklMjklM0IlM0MlMkZzY3JpcHQlM0UlMkMlMjBTYWolQzMlQTF0JTIwViVDMyVBMWxsYWxhdC4lMEElM0MlMkZkaXYlM0U=[/vc_raw_html][vc_column_text css=”.vc_custom_1526498006520{padding-top: 5% !important;}”]
Mivel a JavaScript kliensoldalon fut le (azaz a látogató böngészőjében), ezt a megoldást befolyásolhatják a látogató gépének beállításai. Az idő azonban szinte mindenkinek automatikusan és helyesen van beállítva a gépén, tehát nagy valószínűséggel semmi gond nem lesz ebből. Ínyenceknek bővebb infó a JavaScript dátumkezeléséről itt.
[/vc_column_text][vc_empty_space height=”50px”][/vc_column][vc_column width=”1/2″ rc_bg_type=”color” css=”.vc_custom_1517420133978{padding-right: 10% !important;padding-left: 5% !important;background-color: #efefef !important;}” rc_bg_color=”#efefef” grve_css=”{“desktop“:{“padding-right“:“5%“,“padding-left“:“5%“,“class“:“grve-wpb-1642350782344“}}”][vc_empty_space height=”50px”][impeka_title align=”center” title=”PHP kódrészlet”]
PHP KÓDRÉSZLET
[/impeka_title][vc_column_text]
Ugyan ez megoldható PHP-ban is, csak ekkor a kód a szerveroldalon fut le. Amennyiben WordPress-t használsz – és ugyan miért ne tennéd? -, egyszerűen keresd meg a footer.php-t és a dátum helyére másold be a következő kódrészletet:
[/vc_column_text][vc_raw_html]JTNDcHJlJTIwc3R5bGUlM0QlMjJiYWNrZ3JvdW5kLWNvbG9yJTNBJTIzRjdGOEY4JTIyJTNFJTBBJTNDY29kZSUyMGRhdGEtbGFuZ3VhZ2UlM0QlMjJwaHAlMjIlMjBzdHlsZSUzRCUyMmxldHRlci1zcGFjaW5nJTNBMCUzQiUyMiUzRSUwQSUzQ3NwYW4lM0UlMjZsdCUzQiUzRnBocCUzQyUyRnNwYW4lM0UlMjAlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzBGOTJBOCUyMiUzRWVjaG8lM0MlMkZzcGFuJTNFJTIwJTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjMwRjkyQTglMjIlM0VkYXRlJTNDJTJGc3BhbiUzRSUyOCUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMUFBRjAwJTIyJTNFJTIyWSUyMiUzQyUyRnNwYW4lM0UlMjklM0IlMjAlM0NzcGFuJTIwY2xhc3MlM0QlMjJ2YXJpYWJsZSUyMGxhbmd1YWdlJTIwcGhwLXRhZyUyMiUzRSUzRiUyNmd0JTNCJTNDJTJGc3BhbiUzRSUwQSUzQyUyRmNvZGUlM0UlMEElM0MlMkZwcmUlM0U=[/vc_raw_html][vc_column_text]Ennek eredményeként a következőt kell látnod:[/vc_column_text][vc_raw_html css=”.vc_custom_1517414072679{background-color: #f7f8f8 !important;}”]JTNDZGl2JTIwc3R5bGUlM0QlMjJ3aWR0aCUzQTEwMCUyNSUzQnBhZGRpbmclM0EzJTI1JTNCJTIyJTNFJTBBJTNDc2NyaXB0JTIwdHlwZSUzRCUyMnRleHQlMkZqYXZhc2NyaXB0JTIyJTNFJTBBJTIwJTIwZG9jdW1lbnQud3JpdGUlMjhuZXclMjBEYXRlJTI4JTI5LmdldEZ1bGxZZWFyJTI4JTI5JTI5JTNCJTBBJTNDJTJGc2NyaXB0JTNFJTBBJTNDJTJGZGl2JTNF[/vc_raw_html][vc_column_text css=”.vc_custom_1526497985985{padding-top: 5% !important;}”]
Ha itt is több információt szeretnél megadni a láblécben, akkor a következő kódot érdemes használnod:
[/vc_column_text][vc_raw_html]JTNDcHJlJTIwc3R5bGUlM0QlMjJiYWNrZ3JvdW5kLWNvbG9yJTNBJTIzRjdGOEY4JTIyJTNFJTBBJTNDY29kZSUyMGRhdGEtbGFuZ3VhZ2UlM0QlMjJwaHAlMjIlMjBzdHlsZSUzRCUyMmxldHRlci1zcGFjaW5nJTNBMCUzQiUyMiUzRSUwQSUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMEY5MkE4JTIyJTNFJTI2YW1wJTNCJTNDJTJGc3BhbiUzRWNvcHklM0IlMjAlM0NzcGFuJTIwY2xhc3MlM0QlMjJ2YXJpYWJsZSUyMGxhbmd1YWdlJTIwcGhwLXRhZyUyMiUzRSUyNmx0JTNCJTNGcGhwJTNDJTJGc3BhbiUzRSUwQSUyMCUyMCUzQ3NwYW4lMjBjbGFzcyUzRCUyMnZhcmlhYmxlJTIwZG9sbGFyLXNpZ24lMjIlM0UlMjQlM0MlMkZzcGFuJTNFJTNDc3BhbiUyMGNsYXNzJTNEJTIydmFyaWFibGUlMjIlM0Vmcm9tWWVhciUzQyUyRnNwYW4lM0UlMjAlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzBGOTJBOCUyMiUzRSUzRCUzQyUyRnNwYW4lM0UlMjAlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzY2QkI2QSUyMiUzRTIwMTQlM0MlMkZzcGFuJTNFJTNCJTIwJTBBJTIwJTIwJTNDc3BhbiUyMGNsYXNzJTNEJTIydmFyaWFibGUlMjBkb2xsYXItc2lnbiUyMiUzRSUyNCUzQyUyRnNwYW4lM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJ2YXJpYWJsZSUyMiUzRXRoaXNZZWFyJTNDJTJGc3BhbiUzRSUyMCUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMEY5MkE4JTIyJTNFJTNEJTNDJTJGc3BhbiUzRSUyMCUyOCUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzQjk4MjA4JTIyJTNFaW50JTNDJTJGc3BhbiUzRSUyOSUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMEY5MkE4JTIyJTNFZGF0ZSUzQyUyRnNwYW4lM0UlMjglM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzFBQUYwMCUyMiUzRSUyN1klMjclM0MlMkZzcGFuJTNFJTI5JTNCJTIwJTBBJTIwJTIwJTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjMwRjkyQTglMjIlM0VlY2hvJTNDJTJGc3BhbiUzRSUyMCUzQ3NwYW4lMjBjbGFzcyUzRCUyMnZhcmlhYmxlJTIwZG9sbGFyLXNpZ24lMjIlM0UlMjQlM0MlMkZzcGFuJTNFJTNDc3BhbiUyMGNsYXNzJTNEJTIydmFyaWFibGUlMjIlM0Vmcm9tWWVhciUzQyUyRnNwYW4lM0UlMjAlM0NzcGFuJTIwY2xhc3MlM0QlMjJrZXl3b3JkJTIwZG90JTIyJTNFLiUzQyUyRnNwYW4lM0UlMjAlMjglMjglM0NzcGFuJTIwY2xhc3MlM0QlMjJ2YXJpYWJsZSUyMGRvbGxhci1zaWduJTIyJTNFJTI0JTNDJTJGc3BhbiUzRSUzQ3NwYW4lMjBjbGFzcyUzRCUyMnZhcmlhYmxlJTIyJTNFZnJvbVllYXIlM0MlMkZzcGFuJTNFJTIwJTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjMwRjkyQTglMjIlM0UlMjElM0MlMkZzcGFuJTNFJTNDc3BhbiUyMHN0eWxlJTNEJTIyY29sb3IlM0ElMjMwRjkyQTglMjIlM0UlM0QlM0MlMkZzcGFuJTNFJTIwJTNDc3BhbiUyMGNsYXNzJTNEJTIydmFyaWFibGUlMjBkb2xsYXItc2lnbiUyMiUzRSUyNCUzQyUyRnNwYW4lM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJ2YXJpYWJsZSUyMiUzRXRoaXNZZWFyJTNDJTJGc3BhbiUzRSUyOSUyMCUzRiUyMCUzQ3NwYW4lMjBzdHlsZSUzRCUyMmNvbG9yJTNBJTIzMUFBRjAwJTIyJTNFJTI3JTIwLSUyMCUyNyUzQ2JyJTNFJTNDJTJGc3BhbiUzRSUyMCUzQ3NwYW4lMjBjbGFzcyUzRCUyMmtleXdvcmQlMjBkb3QlMjIlM0UuJTNDJTJGc3BhbiUzRSUyMCUzQ3NwYW4lMjBjbGFzcyUzRCUyMnZhcmlhYmxlJTIwZG9sbGFyLXNpZ24lMjIlM0UlMjQlM0MlMkZzcGFuJTNFJTNDc3BhbiUyMGNsYXNzJTNEJTIydmFyaWFibGUlMjIlM0V0aGlzWWVhciUzQyUyRnNwYW4lM0UlMjAlM0ElMjAlM0NzcGFuJTIwc3R5bGUlM0QlMjJjb2xvciUzQSUyMzFBQUYwMCUyMiUzRSUyNyUyNyUzQyUyRnNwYW4lM0UlMjklM0IlM0NzcGFuJTIwY2xhc3MlM0QlMjJ2YXJpYWJsZSUyMGxhbmd1YWdlJTIwcGhwLXRhZyUyMiUzRSUzRiUyNmd0JTNCJTNDJTJGc3BhbiUzRSUyMFNhaiVDMyVBMXQlMjBWJUMzJUExbGxhbGF0JTNDc3BhbiUyMGNsYXNzJTNEJTIya2V5d29yZCUyMGRvdCUyMiUzRS4lM0MlMkZzcGFuJTNFJTBBJTNDJTJGY29kZSUzRSUwQSUzQyUyRnByZSUzRQ==[/vc_raw_html][vc_column_text]
A fenti kódban esetleg használhatod a ($fromYear < $thisYear) megoldást is tetszés szerint, mindenképp ezt az eredményt kell látnod a végén:
[/vc_column_text][vc_raw_html css=”.vc_custom_1517417765038{background-color: #f7f8f8 !important;}”]JTNDZGl2JTIwc3R5bGUlM0QlMjJ3aWR0aCUzQTEwMCUyNSUzQnBhZGRpbmclM0EzJTI1JTNCJTIyJTNFJTBBJTI2Y29weSUzQiUyMDIwMTQlM0NzY3JpcHQlM0VuZXclMjBEYXRlJTI4JTI5LmdldEZ1bGxZZWFyJTI4JTI5JTNFMjAxNCUyNiUyNmRvY3VtZW50LndyaXRlJTI4JTIyJTIwLSUyMCUyMiUyQm5ldyUyMERhdGUlMjglMjkuZ2V0RnVsbFllYXIlMjglMjklMjklM0IlM0MlMkZzY3JpcHQlM0UlMjBTYWolQzMlQTF0JTIwViVDMyVBMWxsYWxhdC4lMEElM0MlMkZkaXYlM0U=[/vc_raw_html][vc_column_text css=”.vc_custom_1526498024631{padding-top: 5% !important;}”]
Mivel a PHP minden esetben a szerveren fut le, így az oldalad is az aktuális szerveridőt fogja mutatni. Ez azt is jelenti, hogy például ha egy amerikai szerveren tárolt oldalt Európából nézel 2018 első óráiban, akkor az oldaladon még 2017-et fogsz látni egy rövid ideig.
[/vc_column_text][vc_empty_space height=”50px”][/vc_column][/vc_row]
Leave a Reply