Weboldal modulok

Mentés gombok mellett Követés gombot, valamint különböző pin-, tábla- és profilmodulokat is hozzáadhatsz a webhelyedhez. A Követés gombbal az emberek követhetnek téged a Pinteresten, és saját képfolyamukban láthatják az általad mentett pineket. A többi modul segítségével a webhelyeden is bemutathatod a pinjeidet, a tábláidat és a profilodat, így az emberek figyelemmel követhetik, mit csinálsz a Pinteresten.
 
Tervezd meg webhelyed számára ezeket a gombokat és modulokat modultervezőnk segítségével.

Tervezd meg saját moduljaidat

Follow button Follow button

Follow button

Követés gomb készítése:

  1. Írd be profilod URL-címét a modultervezőbe
  2. Kattints a Készítsd el! gombra.
  3. Illeszd be a tőlünk kapott kódot weboldaladnak abba a részébe, ahol látni szeretnéd a Kövess gombot
A kódnak a következőképpen kell kinéznie:  (a pirossal írt szöveg változhat a te saját információid függvényében)
 

Pin widget Pin widget
 
Pinmodul készítése: 
  1. Másold le kedvenc pined hivatkozási címét és nyisd meg a modultervezőt
  2. Add meg a pin URL-címét
  3. Kattints a Készítsd el! gombra.
  4. Illeszd be a tőlünk kapott kódot weboldaladnak abba a részébe, ahol látni szeretnéd a pinedet
A kódnak a következőképpen kell kinéznie: (a pirossal írt szöveg változhat a te saját információid függvényében)
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

Profilmodul létrehozása:

  1. Írd be profilod URL-címét a modultervezőbe
  2. Méretezd át kívánságod szerint a profilmodul méretét
  3. Kattints a Készítsd el! gombra.
  4. Illeszd be a tőlünk kapott kódot weboldaladnak abba a részébe, ahol látni szeretnéd a modulodat
A kódnak a következőképpen kell kinéznie: (a pirossal írt szöveg változhat a te saját információid függvényében)
 

Board widget Board widget

board widget

Táblamodul készítése:

  1. Írd be a tábla URL-címét a modultervezőbe
  2. Méretezd át kedved szerint a táblamodult
  3. Kattints a Készítsd el! gombra
  4. Illeszd be a tőlünk kapott kódot weboldaladnak abba a részébe, ahol látni szeretnéd a modulodat
A kódnak a következőképpen kell kinéznie: (a pirossal írt szöveg változhat a te saját információid függvényében)
 


Modulokkal kapcsolatos tudnivalók a legnépszerűbb tárhelyszolgáltatókhoz

WordPress.com WordPress.com
Egyszerűen add hozzá a pin, profil vagy tábla linkjét a blogbejegyzéshez. A közzétételt követően a Wordpress automatikusan modullá alakítja a linket.

Blogger Blogger
  1. Tervezd meg a modult a modultervezővel, és illeszd be a kódot
  2. Kattints a blogod felügyeleti lapjának bal oldalán található Layout (Megjelenés) gombra
  3. Keress egy helyet a modulod számára, és kattints az Add a Gadget (Modul hozzáadása) gombra.
  4. Görgess az oldal aljára, és kattints a HTML/JavaScript lehetőségre.
  5. Illeszd be a Content (Tartalom) mezőbe a modultervező által létrehozott kódot (a Title (Cím) mezőt pedig töltsd ki a kívánt módon)
  6. Kattints a Save (Mentés) gombra

Tumblr Tumblr
A modul hozzáadása előtt még be kell írnod egy JavaScript sort.
 
A JavaScript-sor hozzáadása:
  1. A Tumblr felületén válaszd ki a szerkeszteni kívánt blogot, majd kattints a Customize (Testreszabás) lehetőségre
  2. Kattints az Edit HTML (HTML szerkesztése) menüpontra a Customize (Testreszabás) képernyőn
  3. Görgess a kód aljára
  4. Ellenőrizd, hogy a kódod tartalmazza-e a pinit.js elemet. Ha tartalmazza, már kész is vagy!
  5. Ha nem, illeszd be a következő kódot pontosan a záró </body> címke elé: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Kövess gomb, illetve pin-, profil- és táblamodul hozzáadása szöveget, fotót, idézetet, linket, hang- és videoanyagot tartalmazó blogbejegyzésekhez:

  1. Győződj meg arról, hogy a fenti lépések végrehajtásával hozzáadtad a JavaScript-sort.
  2. Írj bejegyzést a megszokott módon.
  3. Kattints a <html> fülre a feliratmezőben (vagy a fő szövegmezőben, ha szöveges bejegyzést szerkesztesz). Ekkor már látnod kell a bejegyzés kódját. Ha mégsem látod, akkor ismételten kattints a gombra, amíg a kód meg nem jelenik.
  4. Keresd meg a bejegyzésnek azt a részét, ahol a modult látni szeretnéd, és illeszd be a modultervező által létrehozott kódot.
  5. Töröld ki a következőket: <!-- Please call pinit.js only once per page --> és <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Mentsd a bejegyzést.

Látni fogod, hogy bár a szerkesztőpanelben nem látható a modul, a bejegyzés közzétett változatában megjelenik.

 

Wix.com Wix.com

A Kövess gomb hozzáadása:

  1. Kattints a Hozzáadás (+) lehetőségre a szerkesztőpanel bal oldalán
  2. Kattints a Közösségi fülre.
  3. Görgess a lap aljára, és kattints a Pinterest Kövess gombjára.
  4. Húzd a Kövess gombot az oldalon a kívánt helyre


Gyakori problémák

A modul csak hivatkozásként jelenik meg

Próbáld ki a következő hibaelhárítási tippeket:

  • Ellenőrizd, hogy biztosan beillesztetted-e a JavaScript sort weboldalad kódjába, pontosan a záró BODY címke elé.
  • Ha az oldaladon többször is szerepel a JavasScript sor, próbáld meg eltávolítani az összes példányát a legutolsó kivételével.
  • Ha egyszerre próbálkozol a speciális aszinkron JavaScript sor és a hagyományos JavaScript sor használatával, távolítsd el az egyiket.
  • Amennyiben harmadik féltől származó bővítményt használsz, ellenőrizd, hogy az nem adta-e már hozzá a pinit.js sort a kódodhoz. Ebben az esetben neked azt már nem kell újra hozzáadnod.

Egyes tárhelyszolgáltatók nem támogatják a JavaScript használatát, ezért nem fogod tudni hozzáadni webhelyedhez a modultervezőnk által generált kódot. Valószínű azonban, hogy ők is kínálnak valamilyen megoldást a modulok hozzáadására.

Kapcsolódó cikkek