index.phpのシェアボタンのリンク先が最新の投稿になってしまう

Question

プラグインではないシェアボタンをheader.phpに入れているのですが、index.phpでこのsnsボタンを押すと、シェアされている内容はindexに入れているtitleやurlではなく、最新の投稿のものになってしまいます。

確かに設定項目のホームページの表示では最新の投稿を選択していますが、index.phpではなく、ここをfront-page.phpにしてもシェアボタンの表示は同じでした。

シェアボタンのソースの書き方に問題があるのでしょうか？
それともwordpress側の設定なのでしょうか？

何かアドバイスをいただけるとうれしいです。

シェアボタンのソース

<?php
  $share_url   = get_permalink();
  $share_title = get_the_title();
?>
		<ul>
			<li><a href="//twitter.com/share?text=<?=$share_title?>&url=<?=$share_url?>" title="Twitterでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=600');return false;">
   <img src="<?php bloginfo('template_url'); ?>/img/pc/menu_3_pc.svg" alt=""></a></li>
			<li> <a href="//www.facebook.com/sharer.php?src=bm&u=<?=$share_url?>&t=<?=$share_title?>" title="Facebookでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=800,width=600');return false;">
  <img src="<?php bloginfo('template_url'); ?>/img/pc/menu_4_pc.svg" alt="">
  </a></li>
		</ul>

Answer 1

get_permalinkやget_the_titleはループ外で使うと、ループ内の最初の投稿を拾う仕様なのでアーカイブの種類にあわせて分岐する必要があります。

【WordPressでpathやURLを取得するためのタグと出力例まとめ | OXY NOTES】
https://oxynotes.com/?p=8590

Comments

[M.Takeshita]

なるほど。そういう事だったのですか。とても勉強になりました。ありがとうございます！

今回はindexだけの問題だったのでソースの書き方はこれから勉強しますが、ひとまず以下みたいにしました。

<?php if ( is_home() || is_front_page() ) : ?>
<?php
$share_url = home_url();
$share_title = "TOPのtitle";
?>
<?php else : ?>
<?php
$share_url = get_permalink();
$share_title = get_the_title();
?>
<?php endif; ?>