Twitterシェアボタンのクエリパラメータをワードプレスで設定する方法

カテゴリー:WordPress

以前の投稿でtwitterの公式サイトhttps://dev.twitter.com/web/tweet-buttonを参考にボタンの見た目を変更して行く方法を投稿しました。今回は、Twitterのシェアボタンのクエリパラメータをワードプレスで設定する方法を投稿します。(ワードプレスループ内にTwitterのシェアボタンを配置した場合です。)

・以前の投稿はこちらから


No Image

TwitterのシェアボタンをCSSを利用してオリジナルのデザインにする方法

以前の投稿ではtwitterの公式サイトhttps://publish.twitter.com/でのメディアボタン等の埋め込み方法を記載しましたが、今回は公式サイトhttps://dev.twitte...

href属性を指定

ということで早速以前の投稿と同じく、aタグのhref属性にhttps://twitter.com/intent/tweetを追加。

今回も、下記の4個を指定します。

texttwitterしたい文言を指定
urlシェアしたいurlを指定
viaTwitterのユーザー名を指定
hashtagsハッシュタグを指定

textを指定

textは、投稿のタイトルを指定していきます。the_title()で投稿のタイトルを取得をします。

・aタグのhref属性ワードプレスループ内
<a class="twitter" href="https://twitter.com/intent/tweet?text=<?php the_title(); ?>" target="_blank">twitter</a>

上記の方法でtextに投稿のタイトルが指定できます。

urlを指定

続いてhome_url()と$_SERVER[‘REQUEST_URI’]を使用してurlを取得し、投稿のurlを指定します。

・aタグのhref属性ワードプレスループ内
<a class="twitter" href="https://twitter.com/intent/tweet?text=<?php the_title(); ?>&url=<?php echo esc_url(home_url($_SERVER['REQUEST_URI'])); ?>" target="_blank">twitter</a>

上記の方法で投稿のurlを指定できます。

Twitterのユーザー名を指定

今回はTwitterのユーザー名はベタ打ちで指定。もし、Twitterのユーザー名がワードプレスのユーザー名と同じ場合ならget_userdata()などで取得したものを渡してあげるのも良いと思います。

・aタグのhref属性ワードプレスループ内
<a class="twitter" href="https://twitter.com/intent/tweet?text=<?php the_title(); ?>&url=<?php echo esc_url(home_url($_SERVER['REQUEST_URI'])); ?>&via=ユーザー名" target="_blank">twitter</a>

ハッシュタグを指定

最後にハッシュタグを指定します。get_the_category()で、先頭のカテゴリーのみを今回は指定します。

・aタグのhref属性ワードプレスループ内
<?php
    $category = get_the_category();
?>
<a class="twitter" href="https://twitter.com/intent/tweet?text=<?php the_title(); ?>&url=<?php echo esc_url(home_url($_SERVER['REQUEST_URI'])); ?>&via=ユーザー名&hashtags=<?php echo $category[0]->cat_name; ?>" target="_blank">twitter</a>

カテゴリーからのハッシュタグ指定もこれで完了。

以上で、Twitterシェアボタンのクエリパラメータをワードプレスで設定が完了です。

よろしければ、ぜひシェアを!!

twitter公式サイトはこちらから


タグ

関連する投稿

ドラクエ好きな社会保険労務士有資格者・ファイナンシャルプランナー技能士検定2級正会員が運営をしています。当ブログではDQMSLを中心にWordPress・HTML・CSS・JS・PHPなどのTips備忘記録や資格関連の情報、その他雑記を発信して行きます。