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

SNS, 技術メモ, WordPress, WEB関係

2021/08/28
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(記事タイトル)を表示します。

 

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

 

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

当サイトはPWYW(Pay what you want)方式を採用しています。
この記事が参考になったり、サイト全体をご評価いただいた場合にお支払い頂ければ幸いです。
金額は自由に決められます。 PayPalで支払い
WP制作ならRU DESIGN

お気軽にお問い合わせください!

WordPressのカスタマイズや修正、オリジナルテーマの作成などリーズナブルな価格でご提供します。 お気軽にご相談下さい。 お問い合わせはこちら

関連記事

ブログにYouTubeのギャラリーを簡単に表示!YotuWP
ブログにYouTubeのギャラリーを簡単に表示!YotuWP
2021/09/12
ブログやサイトにギャラリー風のYoutubeページを追加するのに適しているプラグイン「YotuWP」 YouTubeの動画は埋め込みでページに表示させる事ができ...
Yoast SEOのディクリプションで使用できるタグ一覧
Yoast SEOのディクリプションで使用できるタグ一覧
2021/08/14
ワードプレスでサイト制作時に、有名なプラグイン「All in One SEO Pack」を使用していましたが、ここ数年は「Yoast SEO」がお気に入り。プラ...
文字詰めで美しく!CSS – font-feature-settings
文字詰めで美しく!CSS – font-feature-settings
2021/08/12
font-feature-settingsは、OpenTypeフォントの文字詰めを行う機能があります。 等幅で表示されるOpenTypeフォントを自動カーニング...
WordPress ECサイトプラグイン Welcartのv2.3.0公開
WordPress ECサイトプラグイン Welcartのv2.3.0公開
2021/08/11
WordPressにECサイトを構築する、プラグイン「Welcart」のv2.3.0が公開されました。 v2.3.0の主な修正・追加内容 2021年8月11日現...
Google推奨のマテリアルアイコンも結構いいかも
Google推奨のマテリアルアイコンも結構いいかも
2021/03/04
Googleが提供し始めた無料のアイコンフォント https://fonts.google.com/icons 普段はFont Awesomeにお世話になってい...