A webhely navigációs gomb szkriptjének telepítése

Minden olvasómat és látogatót választok: megtaláltam ezt a szkriptet az interneten. Nagyon szeretett engem, és telepítettem a blogomra. Hogy ezt megtegyem, ma megmondom. Elvileg nem bonyolult ...

Sok blogger és webmester figyelmen kívül hagyja ezeket a gombokat a telepítésük során, ezt azzal magyarázza, hogy jól kezelik az egeret, és miért van újra a blogkód. De még mindig hajlamos vagyok telepíteni ezeket a hűvös, kényelmes gombokat.

Hosszú ideig nem volt nekem, mert a Fel gomb végrehajtásra került (beépített) a sablonban. Még mindig ott van. Miért kell ezután eltávolítani? De statikus volt. A blog laptora volt, és nem jelent meg, amikor a látogató elkezd "lefelé görgetni" az oldalt, és ez megerőltetheti a szeszélyes látogatót vagy az olvasót.

Ezért a mai hozzászólás olvasása után könnyedén (remélem) a gombok felfelé-leolvasás-szünetének szkriptjét telepíthetjük.

Tervet a szkript fel-szünet leolvasására

  1. Csatlakoztassa a jQuery könyvtárat a webhelyhez, ha még nincs csatlakoztatva
  2. Hozzon létre egy új fájlt a .js kiterjesztéssel (ha nem szerepel a sablonban), és illesszen be egy speciális kódot
  3. Csatlakoztassa ezt a fájlt a sablonunkhoz
  4. Posoziiruemu gombok a stílusok - nézni szép!

Szóval készen állsz? Akkor menjünk!

  • Hogyan csatlakoztathatod a jQuery könyvtárat a webhelyedhez és miért?

Az AJAX egy sor módja a webes alkalmazások fejlesztésének. Az AJAX segítségével dinamikus lekérdezéseket küldhet a kiszolgálóra a felhasználó által látható, újratöltett weboldal nélkül.

Nehéz, igaz? Igen, a kezdő blogolás egy sötét erdő. És számomra ez messze egy fényes glade ... De ez nem a lényeg. Ez a könyvtár lehetővé teszi, hogy a szkriptünk működjön, ezért ellenőriznie kell, hogy a blogja már kapcsolódott-e ehhez a világhírű Google-könyvtárhoz.

Mit kell tenned erre? A header.php sablonfájlnak ellenőriznie kell a sor jelenlétét:

Hogyan lehet gyorsan megtalálni ezt a sort a sablonfájlban? Válasz: - A CTRL / F kombinációja

És amikor a keresési ablak megjelenik a jobb felső sarokban, helyezze be ezt a keresési szöveget. Ha nem jelenik meg ott, akkor a blog nem kapcsolódik a jQuery könyvtárhoz. Nyugodtan csatlakozni!

Ezt a sort beilleszti a header.php sablonfájlba a záró címke előtt

Így néz ki ez a sor a fejlécemben. Php Így csatoltuk a könyvtárat. Mi lesz a terv szerint?

      • Hozzon létre egy új fájlt a .js kiterjesztéssel, és helyezzen be egy speciális kódot - ehhez menjen a filezilla-val a tárhelyhez, és nézze meg a gyökérkönyvtárat a js nevű témamaplóval

Így néz a tárhelyemre. És a .js kiterjesztésű fájlok benne vannak. Ha nincs ilyen könyvtár a tárhelyeden (ami nagyon kétséges), akkor létre kell hoznia egy ilyen apát. Ehhez kattintson a jobb egérgombbal a témához tartozó mappára, és kattintson a "Create directory" (Könyvtár létrehozása) gombra. Az "Új könyvtár" helyett írja be a js és az OK parancsot. A szükséges kiterjesztésű mappát sikeresen hoztuk létre. Most hozzon létre egy új fájlt ebben a mappában. Menj be, és a jobb egérgombbal válassza az "Új fájl létrehozása" lehetőséget. Adja meg a nevét ebbe a fájlba. Én például a vverx-vniz-nek neveztem. Végtére is logikus? 🙂 És most másolja ezt a hosszú kódot.

    • Csatlakoztassa a mágikus fájlt a sablonhoz

Mindent megtettünk - nagyon egyszerű. Meg kell adnia egy speciális kódot a témafájlban footer.php (hogy ne lassítsa le az oldal betöltését) a záró címke után

    • A gombblokk elhelyezése Fel-le-olvasás szünet

Nyissa meg stílusfájlját a téma stílusához.css és hozzárendelje az aljára, mint ez

Adom meg a kódblokk helyének értékeit ebben a kódban. Kezdetben a blokk közelebb állt az oldal jobb széléhez, és magasabb volt tőlem. Számomra a blokk az oldal jobb szélétől 47 másodpercen belül, 40 másodperc alatt pedig egy blog alján található.

Tipp A "Play" (változás) értékeknek jobbra (jobbra) és alulról (lefelé) van szüksége. Megért engem? A jobb és az alsó behúzásokat módosítani kell annak érdekében, hogy a gombblokk szervesen illeszkedjen a webhely (blog) tervezésébe.

Kapcsolódó cikkek:

Kapcsolódó cikkek