Blog bejegyzés

WordPress trükkök: Facebook oldal beillesztése plugin nélkül

Facebook oldal beillesztése WordPress-be plugin nélkül

WordPress trükkök újabb sorozatunkban (első cikkünk: címkék számának szabályozása a címkefelhőben, második cikkünk: képgaléria készítése plugin nélkül), a Facebook rajongói oldal (fan page) dobozának beillesztését mutatjuk be plugin nélkül lépésről-lépésre.

Felhívjuk a figyelmét arra, hogy az alábbi cikkünk a WordPress 4.5.3-as verziója kapcsán íródott, ezért előfordulhat, hogy bizonyos funkciók azóta megszűntek vagy más helyre kerültek.

A Facebook oldal dobozának (régi nevén: like box, új nevén: page plugin) plugin nélküli beillesztéséhez kérjük, hogy kövesse az alábbi lépéseket:

  1. lépés: nyissa meg a böngészőjében a Page Plugin webcímét
  2. lépés: adja meg „Facebook oldal URL-címe” mezőben a Facebook oldalának elérhetőségét a feltüntetett minta alapján
  3. lépés: állítsa be a „Lapfülek” mezőben, hogy mi jelenjen meg a fülön (ha hagyja a mezőben a timeline szót, akkor az idővonal is megjelenítésre kerül, ha pedig a mezőt kitörli, azaz üresen hagyja, akkor az idővonal nem kerül megjelentetésre) vagy a füleken (egyszerre több fület is meg tud jeleníteni, ehhez csupán egymás mellé, vesszővel elválasztva kell a fülek neveit írnia, pl.: timeline, events, messages)
  4. lépés: adja meg a „Width” mezőben px-ben a Facebook doboz szélességét (minimum 180, maximum 500)
  5. lépés: adja meg a „Magasság” mezőben px-ben a Facebook doboz magasságát (minimum 70)
  6. lépés: válassza ki azokat a lehetőségeket, amelyeket szeretne megjelentetni a Facebook dobozban (Use Small Header: kisebb fejléckép használata, Hide Cover Photo: háttérkép elrejtése, Adapt to plugin container width: reszponzív kialakítás támogatása, Show Friend’s Faces: a követők arcképének mutatása)
  7. lépés: kattintson a „Kód megtekintése” gombra
  8. lépés: a felugró ablakban a „JavaScript SDK” fül alól másolja ki egy fájlszerkesztő programba vagy egy sima szöveges dokumentumba (txt) az első mezőben (Step 2: Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.) és a második mezőben (3. lépés: Place this code wherever you want the plugin to appear on your page.) található kódsorokat külön-külön egymás alá
  9. lépés: menjen az admin felületen a „Megjelenés/Widgetek” menüpontra
  10. lépés: az „Elérhető widgetek” részen kattintson a „Szöveg” widgetre, majd adja hozzá a „Widget hozzáadása” gombra kattintva – sablontól függően – a megfelelő területhez (pl.: sidebar – oldalsáv, footer – lábléc)
  11. lépés: a „Cím mezőbe írja bele, hogy Facebook (vagy egy tetszőleges szöveget, de azzal legyen tisztában, hogy a Facebook doboz fölött ez a szöveg lesz látható)
  12. lépés: másolja be a „Tartalom” mezőbe egymás alá a 2 különböző kódsort a fájlszerkesztő programból vagy a sima szöveges dokumentumból
  13. lépés: kattintson a „Mentés” gombra
  14. lépés: ellenőrizze le weboldalán a Facebook oldalának dobozát, és ha szükséges, akkor változtasson a paramétereken (például a szélességen és magasságon)

Tipp a szélesség és magasság megváltoztatásához:

Ha a Facebook oldal dobozának szélessége és/vagy magassága nem megfelelő, akkor nem szükséges új kódot generálnia, csupán a második mezőben található kódsorban kell megváltoztatnia a szélesség (pl.: data-width=”300″) és/vagy a magasság (pl.: data-height=”150″) értékét.

Megjegyzés a beillesztéshez:

A Facebook oldal dobozának kódját nem csak szöveges widgetbe illesztheti be, hanem kiegészítésként a weboldal bármely területére. Ha például minden bejegyzés mögött is szeretné megjelentetni, akkor a lentebb található alternatív beillesztési mód szerint kell eljárnia úgy, hogy a második mezőben található kódsort nem szöveges widgetbe, hanem a sablonának azon fájljába (valószínű, hogy ez a single.php) kell beillesztenie, amely a bejegyzés megjelenítésért felelős.

Alternatív beillesztési mód:

Alternatív megoldásként, az első mezőben található kódsor a sablon *footer.php (lábléc) fájljába is beilleszthető, és akkor elegendő a szöveges widgetbe (vagy a weboldal másik részébe, például a bejegyzések mögé), csak a második mezőben található kódsor beillesztése.

*Megjegyzés: berakható a sablon header.php fájljába is, de akkor valamelyest lassabban fog betölteni a weboldal, illetve azzal is számolni kell, hogy speciális sablon esetén, ahol nincs mindig footer rész, ott csak a header (fejléc) fájljába történő beillesztés jöhet szóba.

Javaslat a Facebook oldal dobozának beállításához:

Javasoljuk, hogy a választható opciók közül az alábbi kettő (Adapt to plugin container width: reszponzív kialakítás támogatása, Show Friend’s Faces: a követők arcképének mutatása) mindenképpen legyen bepipálva, mielőtt a Facebook oldalának doboz kódját legenerálná.

Videós segédlet (angol nyelvű) a plugin nélküli oldalsávba történő beillesztéshez:

Segédlet a Facebook oldal plugin nélküli beillesztéséhez:

https://developers.facebook.com/docs/plugins/page-plugin

Facebook oldal beillesztése plugin által (Custom Facebook Feed, WS Facebook Like Box Widget, Facebook Like Box Widget):

Ha valaki nem boldogul a fenti leírással, akkor számos olyan bővítmény közül választhat, amellyel könnyedén beillesztheti a Facebook rajongói oldalát nem csak widgetbe, hanem shortcode (rövid kód) által a weboldal egyéb területére is.

További hasznos WordPress trükkök a wpSHOP.hu ajánlásával!

Print Friendly, PDF & Email

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

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.

Hasonló bejegyzések

WP képgaléria
WordPress trükkök: Képgaléria készítése plugin nélkül

Plugin nélküli képgaléria készítése WordPress-ben WordPress trükkök újabb sorozatunkban (első cikkünk: címkék számának szabályozása a

WP címkefelhő
WordPress trükkök: Címkefelhő címkék számának szabályozása

Címkék számának szabályozása a címkefelhő widgetben WordPress trükkök sorozatunkban, olyan apró trükköket próbálunk majd bemutatni,