Hogyan lehetek tag?

Ne aggódj, ez egy nagyon hosszú oldalnak tűnik, de csak 3 lépés az egész, a sok-sok szöveg csak azért van, hogy ne tűnjön üresnek az oldal, és mindent a lehető legrészletesebben kifejtsek.

  1. Rendelkezz saját weboldallal
  2. Építsd be a webring widgetet az oldaladba
  3. Küldj egy e-mailt az info kukac indieweb pont hu e-mail címre!

Rendelkezz saját weboldallal

Ha rendelkezel egy saját készítésű személyes, információs vagy hobbidról szóló weblappal, akkor az első lépésen már túl is vagy. Fontos, hogy a webringre nem kerülhet fel semmilyen cég által üzemeltetett oldal vagy webshop, illetve nem minősül saját indie oldalnak semmilyen facebook page vagy nagy szolgáltató által nyújtott összekattintgatható oldal vagy blog ahol semmilyen kód írása nem szükséges az oldal elkészítéséhez (éppen ezért például a neocities siteok például nem saját motor, de jöhetnek jól, hiszen az elkészítésükbe energiát kellett fektetni és nem csak egy kész sablonterméket összekattintani). Fontos továbbá, hogy az oldalnak nem kell végleges állapotúnak lennie, de rendelkeznie kell tartalommal.

Építsd be a webring widgetet az oldaladba

Erre több megoldást is kínálunk lustább és kevésbé lusta, kevésbé parázós és parázós arcok számára is.

FONTOS, hogy a webring widgetet vagy az oldal aljára, vagy az oldalsávba (ha van) rakd ki, illetve minden fontosabb oldalról elérhetőek kell lennie, tehát nem lehet egy eldugott menüpont legalján 10-es betűmérettel fehér háttéren fehérrel. A widget feladata az, hogy a webringet használó felhasználók egyszerűen tudjanak a tagok oldala között navigálni, ehhez pedig meg kell találniuk a webring widgetet.

Az egyszerű út avagy javascript beillesztés

Ez az egyszerű, kényelmes és ajánlott mód, mindössze egyetlen sort kell beillesztened az oldaladra:

<script src="https://webring.indieweb.hu/webring.js"></script>

A script beillesztésének helyén megjelenik majd egy widget, aminek a megjelítését css-el szabadon, a tetszésed szerint alakíthatod.

A megjelenített tartalom, bár css-el módosítható, de magát a tartalmat is befolyásolni tudod azzal ha a script beillesztésének helye előtt létrehozol javascriptben egy indieWebWebringWidgetConfig nevű objektumot:

<script>
    const indieWebWebringWidgetConfig = {
        'showTitle': true, // Megjelenjen-e egy link magára a webringhez?
        'customTitle': 'Webring', // A widgetben megjelenő title
        'previousLinkLabel': '« Előző', // Az előző tagoldalra mutató oldal linkjének felirata
        'randomLinkLabel': 'Meglepetés', // A véletlenszerűen választott tagoldalra mutató link felirata
        'nextLinkLabel': 'Következő »', // A következő tagoldalra mutató oldal linkjének felirata
        'useUlList': true, // A linkeket ul-li listában vagy csak egymás után jelenítse meg
    }
</script>

A nehezebb út, azaz saját widget készítése

Előfordulhat, hogy nem bízol bennünk, és nem szeretnéd a mi scriptünket használni, vagy javascript helyett valami backendes rendert használnál szívesebben, hogy kevesebb legyen a requested. Ez totál rendben is van. Ebben az esetben te magad is implementálhatsz egy widgetet ennek a json -nek a felhasználásával:

    https://webring.indieweb.hu/webring.json

A json sorban tartalmazza az összes tagot. A saját widgetünk is ezt használja.

A widgetednek azonosan kell működnie a scriptből elérhető widgettel, azaz meg kell jelenítenie egy, az előző oldalra mutató linket, egy random oldalra mutató linket és egy a következő oldalra mutató linket.

Fontos, hogy a widgetednek a json -ból ki kell keresnie, hogy a te oldalad jelenleg a hanyadik a json -ben és az alapján kell tudnia, hogy ki a következő és ki az előtted lévő. Erre azért van szükség, mert a webring egy nagy kör, azaz ha folyamatosan csak a következő oldal gombot nyomja egy látogató, akkor előbb-utóbb vissza kell érnie arra az oldalra, ahonnan indult.

Mivel ahhoz, hogy a webringbe bekerülj, feltétel, hogy már kint legyen a widget, ezért nyilván egy ideig még nem szerepelsz majd a json -ben. Ilyen esetben a widgetednek feltételeznie kell, hogy az előző oldal a jelenlegi utolsó, a következő pedig az első oldal a listában.

A webringbe jelentkezési sorban kerülnek be a tagok, azaz a json-be bekerülés után az oldalad egy ideig az utolsó lesz a json-ben. Ilyenkor a következő oldal linknek a json-ben található első oldalra kell mutatnia.

Csábítónak tűnik a gondolat, hogy a json parseolást hagyd a fenébe, és csak rakj ki három fix linket, de kérlek, ezt ne tedd. A webringből, azaz az általad feldolgozott json -ből is kerülhetnek ki oldalak, ha eltávolítják a widgetet, vagy egyszerűen megszűnnek. Ilyen esetben ha az oldalad továbbra is rájuk linkelne, a kör megszakadna.

Küldj egy e-mailt!

Ha minden jó, működik a widget, ott az oldalon, akkor már csak annyi dolgod van, hogy küldj nekünk egy e-mailt a info kukac indieweb pont hu címre!

    Címzett: info kukac indieweb pont hu
    Tárgy: IndieWeb Webring jelentkezés

    A levél tartalmazza:

    Oldal neve: [amilyen néven jelenítsünk meg, pl: IndieWeb]
    Oldal url: [az oldalad domainje https://indieweb.hu]
    Oldal bemutatkozása: [ez jelenik majd meg a webring.indieweb.hu főoldalán az oldalad mellett. maximum 1 bekezdés legyen.]

    Csatolt 468x60 -as banner (animált gif, png vagy jpeg)