Advertisement
  1. Code
  2. Creative Coding
Code

Teljes körű útmutató a Facebook hozzászólások implementálására a blogodon

by
Length:ShortLanguages:

Hungarian (Magyar) translation by Viktor Istvan Csaszar (you can also view the original English article)

A Facebook hozzászólások használatával a blogodon azonnali lehetőséget biztosítasz az olvasóid számára a posztokhoz való hozzászólásra, akik a bejegyzéseket ráadásul további teendő nélkül meg is osztják. Ha úgy gondolod, ez a típusú hozzászólási rendszer megfelelne az olvasóidnak, olvass tovább, s nézd meg, hogyan adhatod hozzá a megfelelő módon.


1. lépés: Facebook alkalmazás létrehozása

Mielőtt legenerálod a Facebook hozzászólások kódját, és hozzáadod a blogodon, létre kell hoznod egy alkalmazást az oldalad számára.

  1. Nyisd meg a developers.facebook.com oldalt
  2. Kattins az Apps-ra
  3. Kattints a Create New App-ra
  4. Az App Display Name-nél add meg az alkalmazás megjelenési nevét, illetve a Namespace-nál a névteret

A következő képernyőn megtalálod az újonnan létrehozott alkalmazásod App ID-jét és App Secret Key-ét. A titkos kulcsra nem lesz szükséged, de az App ID később kelleni fog. Jegyezd fel valahova!

Ezen kulcsok alatt add meg a Contact Email-nél az emailed, illetve az App Domainnél a blogod domain címét. Ezután görgess lefelé, majd jelöld be a Website-ot. Írd be ugyanazt a domain nevet, amit megadtál az App Domainnál. Végül, kattints a Save Changes-re a mentéshez.


2. lépés: Szúrd be a Facebook hozzászólások kódját a sablonodba

Ebben az útmutatóban hozzáadjuk a Facebook hozzászólásokat az alapértelmezett WordPress hozzászóláskezelő rendszerhez, nem pedig lecseréljük azt. Ha szeretnéd, folytathatod a Facebook hozzászólások kódgenerátorával, itt megkaphatod azt a kódot, amit a hozzászólási rendszeredhez kell adnod. De beillesztettem ide is, így csak ki kell másolnod. Persze néhány részét testre kell szabnod, mindegyik blokknál megmutatnom, mit kell tenned.

Az alábbi kódblokkot a sablonod header.php fájljába kell beleszúrnod. Keresd meg a nyitó <body> taget, majd illeszd be a kódot közvetlenül alája. A 6. sorban cseréld ki a "Your App ID Here" részt a saját App ID-del.

Még maradj a header.php-ben, s lépj felfelé a <head> részhez, majd illeszd be az alábbi kódot valahová. Ez biztosítja azt, hogy a blogposztjaidban megtalálható Facebook hozzászólások rendszere felismeri, hogy az előzőekben létrehozott alkalmazásodhoz tartozik.

A következő kódblokkot a saját témád comments.php fájljába kell elhelyezned. Mivel a Facebook hozzászólásokat a WordPress hozzászólások mellé helyezzük, csak simán helyezd oda a kódot, ahol a hozzászólásokat látni szeretnéd a témádban, s nem kell törölnöd semmit sem az eredeti kódból.

Ha a Facebook hozzászólások kódod a korábban általam megadott link segítségével generálod le, s nem ebből az útmutatóból másolod ki, ne felejtsd el kicserélni a data-href attribútumot az eredeti URL-ből a <?php the_permalink() ?> részre, különben a Facebook hozzászólások nem fognak működni.

A tetszésed szerint szerkesztheted a data-num-posts, a data-width és a data-colorscheme attribútumokat is. Az első azt határozza meg, hogy hány hozzászólás jelenjen meg alapból a posztok alatt a "Továbbiak megjelenítése" megnyomása előtt. A második a hozzászólási terület szélességének megadására szolgál (kicsit vedd ezt keskenyebbre, mint a tartalmad szélessége). Az utolsó pedig a színsémát adja meg, mely "light" vagy "dark" lehet.


3. lépés: Jelenítsd meg a Facebook és WordPress hozzászólások összesített számát

A sablonod valószínűleg megmutatja néhány helyen a posztokhoz tartozó hozzászólások számát. Alapértelmezésként azonban csak a WordPress hozzászólások számát mutatja. Mivel a WordPress hozzászólások mellé bevezeted a Facebook hozzászólásokat is, a mindkét hozzászólási rendszerhez tartozó hozzászólások összesített számát kellene megmutatnod.

Ehhez először nyisd meg a témád functions.php fájlját. Illeszd be az alább látható kódot a fájl aljára, majd mentsd el.

Megjegyzés: Ez a kód a Viceprez által készített, s a WordPress Stack Exchangen megjelenített kódon alapul. Egyszerűen csak hozzáadtam néhány sort az ő eredeti függvényéhez, mely hozzáad a WordPress hozzászólások számához. Köszi, Viceprez!

Most, hogy hozzáadásra került a funkció a témádhoz, lecserélheted a sablonod eredeti hozzászólás számlálóját, mely mindenhol használatban van. Az én sablonomban a hozzászólások az alábbi kóddal kerülnek meghívásra:

A sablonod használhatja ezt a függvényt a hozzászólások számának megjelenítésére, vagy esetleg egy másikat. Amint megtaláltad, mi teszi ezt, cseréld le ezzel a kóddal:

Valószínűleg jó néhány helyre be kell szúrnod ezt a kódot a sablonodban. Itt egy lista a leggyakoribb helyekről:

  • A comments.php fájl
  • Valahol a single.php fájlod tetején
  • Az index.php-ben - abban a loopban, mely meghívja az egyes posztokat
  • Bármilyen archív fájlban, mint az archive.php, a category.php, az author.php, stb. Ezekben is a loopot kell keresned, mely meghívja az egyes posztokat.
  • A search.php-ben
  • A page.php-ben, ha engedélyezted a hozzászólásokat az oldalakon

Ha a hozzászólások száma a comments.php fájlodban nem számként, hanem mondatként van megjelenítve, használhatod az alábbi kódot az egy soros függvényhívás helyett. Ezzel olyan kifejezéseket írathatsz ki, mint például a "nincs hozzászólás" vagy az "egy hozzászólás". Én személyre szabtam a sajátom, hogy még vonzóbb legyen, szerintem tedd te is ezt, hogy ne legyen olyan átlagos az oldalad :)


4. lépés: Kapj azonnali értesítést az új hozzászólásokról

Az útmutató utolsó része megmutatja, hogyan kapj Facebook értesítéseket, amikor valaki hozzászól a blogodon.

Először is, hozzá kell férned a hozzászólásaid moderációs paneljéhez. Ezt megteheted úgy, hogy beilleszted a következó URL-t a böngésződbe, kicserélve a "Your App ID here" részt a saját App ID-del. Esetleg hozzáadhatod ezt az oldalt a könyvjelzőid közé, ha már ott vagy.

https://developers.facebook.com/tools/comments/?id=Your App ID Here

A hozzászólásaid moderációs paneljén nyomd meg a Settings gombot a jobb felső sarokban. Egy ablak fog megjelenni, ahol a közepén egy Moderators mezőt fogsz látni. Itt csak simán add hozzá magad moderátorként, innentől fogva akárki hozzászól egy blogbejegyzésedhez, értesülni fogsz róla.


Konklúzió

Ha követted ennek az útmutatónak a lépéseit, a blogod most már rendelkezik a Facebook hozzászólási rendszerével az alapértelmezett WordPress hozzászólások mellett. Úgy gondolom, ez az ideális megoldás, s valószínűleg a lehető legkényelmesebb hozzászólási mód. Ha az olvasód be van jelentkezve Facebookra (s általában be van), akkor nincs semmilyen további azonosítási vagy hitelesítési mező, amit ki kell töltenie. Csupán hozzá kell szólnia. S amennyiben az olvasó nem akarja a Facebookot használni, vagy hozzá akarja adni a linkjét, még mindig használhatja a WordPress hozzászólásokat.

Rendelkezel olyan hozzászólás számlálóval is, mely minden posztnál mutatja a mindkét hozzászólási rendszerben megírt hozzászólások összesített számát, s azonnali értesítést is kapsz az új hozzászólásokról. Remélem, hogy tetszik az új és továbbfejlesztett hozzászólási megoldásod!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.