TwitterボタンをWordPressでページ毎に表示する方法

コンテンツ

WordPressで、Twitterボタンをページ毎にURLを設定する方法について。

Twitterボタンのコード取得

Twitter buttonsページでコードを取得します。
※Twitterボタンを作成するコード作成ページが移動したようで英語表示になっていますが、ページの内容は、以前書いた記事と同じようなのでTwitterボタン(ツイートボタン)をサイトに表示する方法を参考にしてください。

Twitterボタンの設置

Twitterボタンを表示するためにテンプレートに取得したコードを貼り付けます。
Twitterボタンは、記事の下や上に表示するので、Twenty Twelveテーマですとcontent.phpにあるthe_content()の上や下にコードを貼り付けます。

Twitterボタンのコードをカスタマイズする

ページ毎のURLを設定するために下のコードのように、aタグに「date-url」と値の「the_permalink()」を追加してページ毎のURLを設定、また「data-text」と「the_title()」でページタイトルを設定します。これでページ毎にURLと記事タイトルの設定ができます。

<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" data-lang="ja">ツイート</a>
スポンサーリンク

コメント

タイトルとURLをコピーしました