Kaip integruoti „Facebook“ atvirą grafiką „WordPress“

„Facebook Open Graph“ protokolas leidžia bendrinti savo dienoraščio turinį ne tik su savo skaitytojais, bet ir „Facebook“ draugais. Geriausia dalis - kada nors patiko jūsų turinys (-ai) bus paskelbtas „Facebook“ profilyje. Bet tai dar ne viskas, Atviras grafikas leidžia jums ištirti įdomesnius sąveikos būdus ir bendrauti su savo skaitytojais. Galų gale - jei tai daroma teisingai - ji sukuria jūsų prekės ženklą ir padidina svetainės srautą.

Šiandieniniame pranešime mes ieškosime kaip integruoti „Facebook“ atvirą grafiką su savarankišku „WordPress“ išsamiame vadove. Tam reikės redaguoti esamas „WordPress“ temas ir sukurti „Facebook“ programą (jei neturite).

Paruošta? Įjunkite naršyklę ir mėgstamą kodų redaktorių. Pilnas vadovas po šuolio.

Žingsnis 1. Sukurti „Facebook“ programą

Mums reikės Programos ID ir norėdami tai gauti, turėsite sukurti „Facebook“ programą. Jei jau turite vieną, pereikite prie 2 veiksmo.

Programos kūrimas yra paprastas, ką jūs darote:

1. Prisijunkite prie „Facebook“, eikite į kūrėjo puslapį.
2. Spustelėkite „Nustatykite naują programą"mygtukas viršutiniame dešiniajame kampe.
3. Nurodykite vardą į naująją programą, sutinku „Facebook“ terminais, paspauskite Sukurti programą.
4. Eiti į Interneto svetainė skirtuką, užpildykite Svetainės URL ir Svetainės domenas.
5. Pažymėkite vertę Programos ID kažkur ir paspauskiteIšsaugoti pakeitimus"mygtukas.

Tai viskas! Vėliau galite vėl grįžti, kad užpildytumėte visą kitą informaciją.

2 veiksmas. Pakeiskite Žyma

Atidarykite temos antraštės failą (header.php) mėgstamame redaktoriuje. Visada laikykite atsarginę kopiją tik tuo atveju, jei kas nors negerai.

Ieškokite šios šios eilutės eilutės arba nuo pradžios >

Pakeiskite jį:

Laikykite header.php atidarytą, mums reikės 3 žingsnio.

3 žingsnis. Įdėkite OG žymės

Po to įklijuokite šį kodą arba anksčiau žyma.

       "/>          

Štai keletas vertybių, kurias turėsite pakeisti:

• 3 eilutė: pakeiskite jūsų_fb_app_id su Programos ID nuo 1 veiksmo.
• 4 eilutė: galite gauti your_fb_admin_id pagal „Facebook“ įžvalgų puslapį, (Daugiau informacijos). Spustelėkite „Jūsų svetainės apžvalga„žaliasis mygtukas, paimkite visą kodo eilutę ir pakeiskite 4 eilutę.
• 12 eilutė: ši eilutė nustato vaizdą, kuris atspindi jūsų įrašą. Jei jūsų tema palaiko „WordPress Post“ miniatiūras, ji turėtų veikti gerai. Bet jei ne, tai nepavyks griauti be vaizdo. Patikrinkite 3a veiksmą dėl alternatyvaus sprendimo.
• 19 eilutė: Pakeisti logo.jpg su savo tinklaraščio logotipo URL. Jis bus rodomas, kai jūsų dienoraštyje neprisijungęs puslapis bus bendrinamas „Facebook“.

3a veiksmas - kai „wp_get_attachment_thumb_url“ nepavyksta

Kada wp_get_attachment_thumb_url () nepavyko dirbti, greičiausiai nuvyksite į turinio atributą be jokios vertės, kaip tai, kas parodyta toliau:

Paprastas sprendimas bus pakeisti 12 eilutę su šiuo kodu:

Toliau atidarykite funkcijos.php ir įterpkite šį kodą:

funkcija catch_that_image () global $ post, $ posts; $ first_img = "; ob_start (); ob_end_clean (); $ output = preg_match_all ('// i ', $ post-> post_content, $ atitikmenys); $ first_img = $ atitikmenys [1] [0]; jei (tuščias ($ first_img)) // Nustato numatytąjį paveikslėlį $ first_img = "/images/default.jpg";  grąžinti $ first_img; 

Šis pakaitinis kodas bando naudoti funkciją catch_that_image () patraukti ir išleisti pirmojo atvaizdo, su kuriuo susiduriama, URL. Jei funkcija nepavyksta rasti pirmojo atvaizdo, pakeiskite 10 eilutę su URL į numatytąjį vaizdą.

4. Įterpti „Facebook“ „JavaScript“ SDK

Toliau pateikta „Javascript“ suteikia jums prieigą prie visų grafiko API ir dialogo funkcijų. Ji taip pat leidžia lengvai integruoti „Facebook“ socialinius priedus, pvz., „Like“ mygtuką, „Facepile“, „Rekomendacijas“ ir pan.

Įdėkite jį į header.php, iš karto po

Pakeisti jūsų_fb_app_id 4 eilutėje Programos ID nuo 1 žingsnio anksčiau.

5. Išbandykime!

Mes darome „Facebook“ atvirojo grafiko integravimą į „WordPress“ tinklaraštį. Padarykime jai keletą bandymų, kad įsitikintume, jog mes teisingai atlikome veiksmus.

1 testas - peržiūrėkite šaltinio kodą

Pažvelkite į vieno iš dienoraščio šaltinių kodus, turėtumėte kažką panašaus:

Patikrinkite savybes ir jos vertes, įsitikinkite, kad jos yra teisingos.

2 bandymas - įdiegti panašų langelį

Jei neįdiegėte „Facebook Like Button“, tai tikriausiai yra laikas gauti vieną. Įdėkite šį kodą bet kur (pageidautina prieš turinį arba po turinio) viduje single.php:

Toliau gaukite draugą Kaip ji. Turėtumėte pamatyti kažką panašaus, kuris rodomas jo „Facebook“ profilyje:

Papildoma: „WordPress“ papildinys

Jei kažkaip nepavyko įdiegti kodų arba jums tai reikia padaryti greitai ir lengvai - tai yra „WordPress“ papildinys.

„Facebook“ atvirojo grafiko meta „WordPress“ yra „WordPress“ įskiepis, kuris prideda „Facebook“ meta duomenis, kad būtų išvengta miniatiūros problemos, neteisingo pavadinimo problemos, neteisingo aprašymo problemos ir tt.