{"id":114,"date":"2018-02-15T11:28:40","date_gmt":"2018-02-15T11:28:40","guid":{"rendered":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/?p=114"},"modified":"2026-04-20T08:41:21","modified_gmt":"2026-04-20T08:41:21","slug":"cum-sa-adaugi-butoane-like-pentru-facebook-pe-blog","status":"publish","type":"post","link":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/cum-sa-adaugi-butoane-like-pentru-facebook-pe-blog\/","title":{"rendered":"Butoane Facebook pe blog sau website WordPress"},"content":{"rendered":"<h2>Butoane Facebook: Like si Share pentru Blogul tau<\/h2>\n<p>Exista o multitudine de module WordPress pentru a adauga butoane facebook pe blogul tau. De multe ori, folosirea acestor module este varianta cea mai usoara, la indemana oricui, chiar si fara inclinatii tehnice, fara cunostinte temeinice de php sau WordPress.<\/p>\n<p>Exista insa si cazuri in care doar pentru aceasta functie suplimentara, nu doresti sa adaugi un modul in plus, pur si simplu nu doresti sa ingreunezi incarcarea website-ului tau sau sa adaugi la vulnerabilitatile care vin la pachet cu un site ce are mai multe module decat are neaparata nevoie.<\/p>\n<p>Adaugarea de butoane Like si Share pe Facebook este un lucru relativ usor, ce poate fi facut in cativa pasi:<\/p>\n<h2>Pasi de urmat<\/h2>\n<p>Accesam pagina de mai jos pentru a obtine codul pentru butoanele Like si Share<\/p>\n<p><a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/like-button\" target=\"_blank\" rel=\"nofollow noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-115\" src=\"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/Like-Button-Facebook-1024x571.jpg\" alt=\"Butoane Like Facebook pe Blog\" width=\"840\" height=\"468\" srcset=\"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/Like-Button-Facebook-1024x571.jpg 1024w, https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/Like-Button-Facebook-300x167.jpg 300w, https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/Like-Button-Facebook-768x428.jpg 768w, https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/Like-Button-Facebook-1200x669.jpg 1200w, https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/Like-Button-Facebook.jpg 1680w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>In campul &#8222;URL to Like&#8221;, introducem temporar, adresa blogului nostru. Putem folosi diversele optiuni pentru a personaliza aceste butoane.<\/p>\n<p>Apasam butonul &#8222;Get Code&#8221;, iar in fereastra aparuta, alegem tab-ul &#8222;IFrame&#8221; pentru a integra aceste butoane intr-un mod mai usor<\/p>\n<p>Selectam codul general, si il copiem in clipboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-117\" src=\"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/get-code-1024x571.jpg\" alt=\"Butoane Like si Share Facebook\" width=\"840\" height=\"468\" srcset=\"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/get-code-1024x571.jpg 1024w, https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/get-code-300x167.jpg 300w, https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/get-code-768x428.jpg 768w, https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/get-code-1200x669.jpg 1200w, https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/get-code.jpg 1680w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>Acum ca avem codul, acesta arata in felul urmator:<\/p>\n<div class=\"code-snippet\"><code><br \/>\n&lt;iframe src=\"https:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Fwww.manifest.ro&amp;width=450&amp;layout=standard&amp;action=like&amp;size=small&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId\" width=\"450\" height=\"80\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\"&gt;&lt;\/iframe&gt;<br \/>\n<\/code><\/div>\n<p>Inlocuim in codul de mai sus, bucata care contine adresa site-ului nostru, cu urmatorul cod php:<\/p>\n<div class=\"code-snippet\"><code><br \/>\n&lt;?php the_permalink(); ?&gt;<br \/>\n<\/code><\/div>\n<p>Acest cod va face ca in fiecare loc in care folosim acest iframe cu codurile Like si Share, sa apara adresa corecta, a paginii sau articolului pe care dorim sa il promovam pe reteaua Facebook.<\/p>\n<p>Acum, tot ce ramane de facut, este sa introducem acest cod, acolo unde dorim sa apara butoanele.<\/p>\n<p>Fiecare tip de pagina, are un template corespunzator, accesibil din interfata WordPress, din back-end, meniul Aspect -&gt; Editor teme<\/p>\n<p>Pentru o pagina statica, alegem din tema curenta, fisierul page.php. Pentru un articol postat pe blog, alegem single.php. Pentru o pagina index, continand o colectie de articole, editam index.php sau archive.php<\/p>\n<p>Atentie &#8211; codul de mai sus, fiind html, trebuie sa ne asiguram ca este introdus in fisierul php, intr-un mod corect.<\/p>\n<p>Daca ne aflam intr-un bloc de cod php, prefixam codul nostru cu <b>?&gt;<\/b> urmand ca imediat dupa codul nostru, sa redeschidem blocul php, prin folosirea <b>&lt;?php <\/b>. Daca inseram codul intr-o sectiune de cod html, nu trebuie sa modificam codul, il inseram exact cum este.<\/p>\n<p>Pentru paginile cu o colectie de postari (index.php sau archive.php), pentru a avea aceste butoane sub fiecare postare, cautam bucla <b>while<\/b> care parcurge lista de postari, si plasam codul nostru inainte de inchiderea buclei, prin cuvantul cheie <b>endwhile;<\/b>.<\/p>\n<p>Daca ti-a fost de folos acest material, asteptam comentariile tale mai jos! De asemenea, nu strica un Like sau Share \ud83d\ude42<\/p>\n<p>Pentru comenzi de site-uri web, contracte de suport si mentenanta, sau orice proiect de web development, te asteptam sa ne <a title=\"Manifest Media :: Creare Site-uri Web Cluj-Napoca\" href=\"https:\/\/www.manifest.ro\/contact.html\">contactezi<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutorial pas cu pas pentru ad\u0103ugarea de butoane Like &#038; Share pentru Facebook pe site-ul t\u0103u. Cite\u0219te \u00een acest articol cum po\u021bi face asta singur, f\u0103r\u0103 ajutorul unui programator web.<\/p>\n","protected":false},"author":1,"featured_media":132,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sfaturi-si-tutoriale"],"jetpack_featured_media_url":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-content\/uploads\/2018\/02\/butoane-like-n-share.jpg","jetpack_shortlink":"https:\/\/wp.me\/p9Fei7-1Q","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":15,"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":317,"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/posts\/114\/revisions\/317"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/media\/132"}],"wp:attachment":[{"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.manifest.ro\/povestea-siteurilor-web\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}