december 20, 2021

Hogyan hozzunk létre egy egyéni 404 oldal WordPress

ez soha nem egy jó dolog, ha egy link vezet a látogató egy oldalra, hogy már nem létezik. Lehet csalódás, zavartság és U-turn, amikor a látogató elhagyja a webhelyét a sietség után. Szerencsére van valami, amit tehet ellene, hogy a helyzet kevésbé zavaró, sőt humoros legyen, ha ez a stílusod. Minden úgy helyettesít a generikus, steril alapértelmezett oldal nem található hiba oldal (aka 404 oldal) az egyik, hogy valóban hasznos. Ebben a bejegyzésben elmagyarázom, hogyan lehet egyéni 404 oldalt létrehozni a WordPress programban.

Alakítsa át a digitális zsákutcákat útjelző táblákká a felhasználók számára — és még egy kis humorral is — egy egyedi 404-es oldal létrehozásával.

egy általános 404-es oldal így fog kinézni:

egyéni 404 oldal WordPress Generic

bár ez egy zsákutca, akkor kapcsolja be egy útjelző tábla helyett. Dobj be egy kis humort, és a látogató nyögése nevetéssé válik.

itt van egy az Airbnb-től, amely mindkettőt csinálja: a látogatók vicces grafikát kapnak a problémájukért, és könnyű linkeket kapnak arra, amit esetleg kerestek:

egyéni 404 oldal WordPress Airbnb
fotó: Airbnb

egyes témaépítők tartalmaznak egy egyedi 404 oldalt, mások pedig nem. Ha képet szeretne kapni arról, hogy a téma hogyan kezeli a hibákat, írjon be egy nonszensz URL-t, például http://mysite.com/nosuchpage, és nézze meg, mi jön fel. Ha nem tetszik, sokat tehetsz, hogy megváltoztasd.

hogyan hozhat létre egyéni 404 oldalt a WordPress programban?

amikor egyéni 404-es oldalt hoz létre a WordPress-ben, több lehetősége van:

  • Szerkessze a téma meglévő 404 oldalát.
  • adjon hozzá egy egyéni 404-es oldalt, ha a témának nincs.
  • használjon 404-es bővítményt.

az alábbiakban részletesen ismertetjük ezeket.

Megjegyzés: WordPress téma szerkesztésekor a legjobb gyakorlat a gyermek témával dolgozni. Ellenkező esetben a téma frissítései felülírhatják a kemény munkát.

a téma 404-es oldalának szerkesztése

először ellenőrizze, hogy a téma tartalmaz-e egyéni 404-es oldalt. Ezt úgy teheti meg, hogy megnyitja a témaszerkesztőt (megjelenés > szerkesztő) az Admin irányítópulton.

az oldal jobb oldalán található fájlok listájában keresse meg a 404 nevű fájlt.php.

egyéni 404 oldal WordPress Szerkesztés

ha nincs 404.php, akkor a téma nem tartalmaz egyéni 404 sablont, és ha szeretne egyet, akkor hozzá kell adnia (a cikk későbbi leírása szerint). Ellenkező esetben egyszerűen rákattinthat a meglévő fájlra, és szerkesztheti azt közvetlenül a WordPress irányítópultján.

a hús a 404.php, hogy jön a húsz tizenhét téma így néz ki:

egyéni 404 oldal WordPress kódolás

az oldal megváltoztatásához szerkessze a kiemelt szöveget. További bekezdéseket is hozzáadhat alatta (az oldal-Tartalom div vége felett), beleértve a hozzáadni kívánt képeket és hasznos linkeket.

WordPress 404 oldal létrehozása

ha a témája nem tartalmaz 404-et.php fájl, két egyszerű módon lehet létrehozni egyet:

1. Vettem a 404-est.php egy másik témából, például a WordPress Twenty Seventeen témából (/wp-content/themes/twentyseventeen/404.php) az aktuális téma könyvtárába. Szerkessze az oldalt a fent leírtak szerint.

2. Másolja a téma indexét.php egy fájl neve 404.php az aktuális témában. Törölje a WordPress hurokhoz kapcsolódó részeket. Általában, ez a szakasz kezdődik valami ilyesmi:

<?php if ( have_posts() ) : ?>

és véget ér:

<?php endif; ?>

vegye figyelembe, hogy a pontos szintaxis kissé eltérhet, de have_posts és endifértékeket keres. Ezután illessze be az egyéni kódot a létrehozott helyre.

a második módszer előnye, hogy valószínűleg megkapja a téma formázását az egész webhelyen, így a stílus megegyezik.

WordPress 404 plugins

ha nem kényelmes szerkeszteni a téma PHP kódját, akkor inkább egy pluginnal dolgozhat. 404 plugins segít létrehozni egy 404 hiba oldalt, és gyakran, mint egy hozzáadott bónusz, nyomon követi és rögzíti az összes oldal nem található hibákat. Íme néhány kedvenc:

404page

egyéni 404 oldal WordPress 404page-Plugin
fotó: 404page

ez a berendezés, gondosan megtervezett plugin lehetővé teszi, hogy hozzon létre a 404 oldal, mint bármely más WordPress post. Ezután lépjen a megjelenés > 404 hiba oldalra, és jelölje meg az új oldalt 404-es oldalként. A helyes hibakódot is visszaadja a látogató böngészőjének. Több mint 70 000 WordPress webhely használja ezt a plugint, és 5 csillagos minősítéssel van ellátva, így kiváló választás.

Custom 404 Pro

custom 404 oldal WordPress 404 Pro
fotó: Custom 404 Pro

az ingyenes plugin lehetővé teszi, hogy kijelölje bármely oldalt hoz létre, mint a 404 oldal. Ezenkívül naplózza az összes 404 hibát egy jelentésben, amelyet áttekinthet, így nyomon követheti és a lehető legtöbbet gyűjtheti össze.

404 oldal a SeedProd-tól

egyéni 404 oldal WordPress Seedprod
fotó: SeedProd

ez a bővítmény segít gyorsan és egyszerűen beállítani az egyéni 404 oldalt a WordPress-ben. A legtöbb témával működik, és lehetővé teszi az új 404-es oldal teljes testreszabását. Az alap verzió ingyenes. A pro verzió, amelyre évente fel kell fizetnie, további funkciókat kínál, például a látogató e-mail címének összegyűjtését.

csomagolás

jó néhány további 404 plugin található a WordPress plugin könyvtárban, de a fentiek bizonyított kedvencek.

a 404-es plugin kiválasztásakor kerülje azokat, amelyek a helyes 404 Nem található hibakód helyett 301-es átirányítási kódot adnak vissza a böngészőbe. Mivel az oldal valójában nem létezik, nem szabad elmondania a böngészőknek, hogy áthelyezték.

az átirányítás nagyon hasznos lehet a 404-es hibák kezelésében, de csak akkor érvényes, ha valóban továbbíthatja a felhasználókat arra az oldalra, amelyet eredetileg el akartak érni. Ellenkező esetben egy szép 404 oldalt kell kiadnia.

tippek egy jó 404-es oldalhoz a WordPress-ben

ha az alapértelmezett 404-es üzenet nyájas és nem túl hasznos, mit kell tartalmaznia a helyére? A jó design a következőket tartalmazza:

  • Design és branding, amely megfelel a webhely többi részének.
  • hasznos üzenet, amely tájékoztatja a látogatókat az oldal nem található.
  • linkek a webhely releváns oldalaira, például a kezdőlapra vagy a népszerű oldalakra, hogy ösztönözze a látogatót, hogy maradjon.
  • talán egy humoros kép vagy hang, ha ez a stílusod.

a hatékony 404-es oldal segít abban, hogy a látogatók ne kattintsanak el, és ösztönözze őket arra, hogy tovább fedezzék fel webhelyét. A webhely 404-es hibáit is nyomon kell követnie, és átirányításokat kell létrehoznia, amikor továbbíthatja a felhasználókat a tervezett rendeltetési helyre.

egy jó egyéni 404-es oldal a zsákutcát ajtóvá változtatja, amely arra ösztönzi a látogatókat, hogy jöjjenek be és maradjanak körül. Egyetlen weboldal sem teljes Egy nélkül.

kapcsolódó: Hogyan hozzunk létre 301 átirányítások WordPress

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.