[Wordpress] Facebook Like Button — gdzie wstawić kod?

WWW: http://www.dygresywa.pl

Używam szablonu potomnego do Mon Cahier oraz aktualnie wtyczki Facebook Button by BestWebSoft do wstawiania przycisków ‘Udostępnij’ i ‘Lubię to!’ pod każdym postem (widoczne na stronie głównej i na podstronie każdego postu). Niestety, mam problemy, bo wtyczka ta do podstrony każdego posta dodaje mi swoje (prócz tych umieszczonych przez wtyczkę Yoast SEO) tagi og:title i og:site_name. W związku z tym chciałbym umieścić ww. przyciski za pomocą kodu pobranego z facebookowej strony z narzędziami dla developerów — https://developers.facebook.com/docs/plugins. Niestety, nie za bardzo wiem, w którym z plików szablonu kod ten umieścić. Proszę o podpowiedź.

Witam, spróbuj tego pluginu Sociable Polska Edycja. Spoko sprawa i obsługuje sporo różnych społeczności.

Używam go też na potomnym do generatepress.

Nie o takie przyciski mi chodzi.

np w tym przypadku https://developers.facebook.com/docs/plugins/like-button
wszystko wrzucasz w header.php

header.php odpowiada za treść nagłówka. Jak to się ma do tego, co znajduje się pod treścią każdego z postów?

W swoim motywie w pliku header.php masz coś takiego:
<body <?php body_class(); ?>>

i pod tym umieszczasz zawartość, którą wskazałem. Header.php generuje też początek wyglądu strony, a nie tylko nagłówki

OK, ale to dotyczy tylko pierwszego kodu FB, co z drugim? W którym pliku go dodać? W którym miejscu, by przyciski były widoczne zarówno na stronie głównej, jak i na indywidualnej podstronie każdego posta?

Cały kod z linka powyżej wstawiasz do header.php
To dajesz w

<head>
     <meta property="og:url"           content="http://www.your-domain.com/your-page.html" />
      <meta property="og:type"          content="website" />
      <meta property="og:title"         content="Your Website Title" />
      <meta property="og:description"   content="Your description" />
      <meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />
    </head>

to wkleisz pod <body>

  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

a to


używając widgetu tekstowego np. w lewą kolumnę, czyli:

  1. dodajesz kolumnę
  2. do niej widget textowy
  3. w nim umieszczasz kod.

Zerknij na moją stronę: http://www.dygresywa.pl — obecnie przyciski wyświetlane tam są za pomocą pluginu, który powoduje konflikt tagów OG. I zobacz, w którym miejscu są zlokalizowane — o taką właśnie lokalizację mi chodzi, a nie jako widget w kolumnach bocznych.

Jak dla mnie to tam jest widget tekstowy Kolego
mój dowód z Twojego kodu

aside id="text-29" class="widget widget_text"><h1 class="widget-title">FACEBOOK</h1> <div class="textwidget"><div id="fb-root"></div>

Poza tym <aside> to kolumna :slight_smile:

Kod, który wkleiłeś faktycznie dotyczy widgetu tekstowego w prawej kolumnie bocznej, ale dotyczy to tzw. Page Pluginu, czyli wizytówki fanpage’a na FB, a nie przycisków ‘Udostępnij’ i ‘Lubię to!’ pod każdym postem.

Zainstalowałem Wordpressa na czysto + Twój plugin. Plugin z automatu dodaje kod, ale do pliku index.php do tego miejsca: <?php if ( have_posts() ) : ?>

			<?php /* Start the Loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>

Nie jestem specem od Wordpressa, ale tak po mojemu to wygląda. I tak wynika z kodu HTML, który zamieszczam wycinkiem niżej
Tu startuje plik index.php

                  <div id="primary" class="site-content">
            			<div id="content" role="main">
            	<article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-bez-kategorii">
            	<header class="entry-header">
            		<h1 class="entry-title"><a href="http://localhost/2017/02/25/witaj-swiecie/" title="Permalink to Witaj, świecie!" rel="bookmark">Witaj, świecie!</a></h1>
        			<div class="entry-meta">
        			<p class="postedon"><span class="posted-on"><time class="entry-date published updated" datetime="2017-02-25T08:00:13+00:00">25 lutego 2017</time></span><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://localhost/author/admin/">admin</a></span></span>			
        							
        			<span class="sep"> | </span> 
        			
        			<span class="comments-link"><a href="http://localhost/2017/02/25/witaj-swiecie/#comments">1 Comment</a></span>
        			
        						
        			</p>
        		</div><!-- .entry-meta -->
        			</header><!-- .entry-header -->

        		    <div class="entry-content">
            <!-- **tu masz swój plugin** -->
            		<div class="fcbk_share"><div class="fcbk_button">
            							<a href="http://www.facebook.com/"	target="_blank">
            								<img src="http://localhost/wp-content/plugins/facebook-button-plugin/images/standard-facebook-ico.png" alt="Fb-Button" />
            							</a>
            						</div><div class="fcbk_like"><fb:like href="http://localhost/2017/02/25/witaj-swiecie/" action="like" colorscheme="light" layout="button_count"  share="false"></fb:like></div></div><p>Witaj w WordPressie. To jest twój pierwszy wpis. Zmodyfikuj go lub usuń, a następnie rozpocznij pisanie!</p>
            			</div><!-- .entry-content -->

Już jest ok, dzięki. :slight_smile: