役務: Threadsの共有ボタンのWordPressコードSHARE ON THREADS

前回: 役務: Threadsの最初？のソーシャルプラグインTHREADEMBED | GNU social JP Web。

前回ThreadsのソーシャルプラグインTHREADEMBEDを紹介しました。その発表投稿に返信でWordPress用のコードスニペットも発表されていたので紹介します。

以下の投稿群で発表されました。

Post by @gatordavid

2024-01-27T05:42:24.000Z

I hacked it up a little to make a WordPress Theme version:
davidgagne.net/2024…

View on Threads

Post by @0xjessel

2024-01-27T05:59:17.000Z

for wordpress users that want a share to threads plugin

View on Threads

「Share on Threads | davidgagne.net」で発表されていました。

著者はTHREADEMBEDのバッジ/ボタンを使用したくなかったので、Bootstrapのアイコンを使用する形で実装したとのことです。具体的には以下のコードで設置可能です。

<span class="label label-primary">
     <a target="_blank" title="Share on Threads"rel="noreferrer" href="https://www.threads.net/intent/post?text=<?php the_title(); ?>%0A%0A<?php the_permalink(); ?>">
          <i class="bi bi-threads"></i>
     </a>
</span>

上記サイトにあるように、@マークが末尾に追加されています。Bootstrapの以下のCSSでThreadsへの共有マークを設置しているようです。

.bi-threads::before
{
  content: "\f8d9";
}

こちらは画像すら使っていないということで非常にコンパクトになっています。このレベルであれば設置してもよく感じます。私のサイトでも検討したいと思いました。

gnusocialjp

詳細プロフィール。SNS: X Twitter/GS=gnusocialjp@gnusocial.jp/WP=gnusocialjp@web.gnusocial.jp。2022-07-17からgnusocial.jpとweb.gnusocial.jpのサイトを運営しています。WordPressで分散SNSに参加しています。このアカウントの投稿に返信すると、サイトのコメント欄にも反映されます。診断済ASD。