Menu
テーマ切り替え

Twitterのシェアリンクのテキストにハッシュタグやスペースを追加、ついでにWordPressで使用方法

Twitterのシェアリンクのテキストにハッシュタグやスペースを追加、ついでにWordPressで使用方法

Twitterのシェアリンクにハッシュタグやスペースを追加する方法です。

基本的なシェアリンクのURL https://twitter.com/share?url=https://example.com&text=自由なテキストを追加

hashtagsのパラメータを使用すれば良いのですが、テキスト(ツイート本文中)を入れたい場合、「#」やスペースはURLにそのまま含めることはきません。 そこで、テキストなどをエンコーディングすれば利用可能となります。

\#やスペース(空白)のエンコーディング

今回、テキスト(ツイート本文中)に使用したいので下記を覚えてください。 ハッシュタグの間にはスペースが必要になるのと、改行も覚えておいた方がいいかなと思うので記載しておきます。

#%23スペース(空白)%20改行%0a

例 https://twitter.com/share?url=https://example.com&text=テスト送信です%20%23ハッシュタグ%20%0aよろしくお願いします。こちらにアクセスすると

Twitterシェアリンク例

このようにTwitter側に送信することができます。

WordPressで使用

テーマ(single.php)などに書くには、 get_permalink(表示ページのURL)や、 get_the_title(記事タイトル)を表示します。

<?php
$share_url   = get_permalink();
$share_title = get_the_title();
echo '<a href="//twitter.com/share?url='.$share_url.'&text='.$share_title.'" title="Twitterでシェア">Twitter</a>';

これに、上記のエンコーディングされたテキスト等を使用し追記や整形をしてください。

シェアリンクボタンは有料・無料関係なくほとんどのテーマに最初から付いているし、プラグインを使用すれば良いだけかもしれませんが、カスタムフィールドの値や特別な内容を含めたい場合にご利用ください。

Share:

RU DESIGNの無料Webツール集

画像処理、テキスト整形、AIツールなど、制作や作業を効率化する便利ツールをブラウザで無料公開中!

ツールを見る →
Contact & Request

お問い合わせ・お仕事のご相談

Webサイト制作、システム開発、サイト保守・改善などのご依頼や技術的なご相談を承っております。専用フォームよりお気軽にご連絡ください(2営業日以内にご返信いたします)。

フォームより24時間受付 初回ご相談・お見積り無料 全国オンライン対応
RU DESIGN
AUTHOR

RU DESIGN

Webサイト制作・システム開発・保守運用を手がけています。一般からナイト系まで幅広く対応し、制作で培った実践的なノウハウや技術知見、自作Webツールも公開中。制作のご相談もお気軽にどうぞ。