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:
- dodajesz kolumnę
- do niej widget textowy
- 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
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.