ブログでTwitterのユーザー名を自動的にリンク化させる方法

こんにちはヒスイ@nonbiri_117です。

上のように自分の名前の次にTwitterの「＠ユーザー名」を表示させる手法はよく見ますよね。

私はブログ初心者で最初はどうすればいいか分かりませんでした。

そんな私ですが、数日かけてできるようになったので、ここでは、Twitterのユーザー名を入力して自動的にリンクさせる方法について紹介します。

ブログとTwitterをやりたいと思っている人は、是非試してみてください。

Twitterユーザー名の自動リンク化って何？

＠ユーザー名をクリックするだけでTwitterのページに飛ぶができます。

私の場合は「ヒスイ@nonbiri_117」の「@nonbiri_117」をクリックすれば、Twitterのページに行きます。

Twitterユーザー名を自動リンク化する方法

Twitterのユーザー名をリンクさせるためは、functions.phpでコードを入力する必要があります。

そのやり方を順を追って解説していきます。

ちなみに私はcocoonを使用しています。

functions.phpの画面を開く

WordPressの外観→テーマエディター→functions.phpを開きます。

functions.phpにコードを入力する

functions.phpに以下のコードを入力します。

//ツイッターのアカウント名をリンク化
function add_twitter_link($result) {
$pattern= ‘/(?<=^|(?<=[^a-zA-Z0-9-_\.]))@([A-Za-z]+[A-Za-z0-9_]+)/i’; $replace= ‘@から始まる自分のTwitterユーザー名” target=”_blank” rel=”noopener”>@から始まる自分のTwitterユーザー名‘;
$result= preg_replace($pattern, $replace, $result);
return $result;
}

add_filter( “the_content”, “add_twitter_link” );

「@から始まる自分のTwitterユーザー名」の所には自分のTwitterユーザー名を入力します。

私の場合は、@nonbiri_117と入力します。

入力したら、「ファイルを更新」のボタンを押します。

実際に記事で自分の名前の後にTwitterユーザー名を入力する

実際にTwitterユーザー名を入力することでTwitterに飛ぶリンクが完成されます。

「自分の名前＠Twitterのユーザー名」と入力します。

入力してプレビューを押してリンクできているか確認しましょう。

以上で作業は終了になります。

まとめ

一連の流れを書きましたが、この通りにすればできるので、試しにやってみてください。

ブログとTwitterは連携した方が確実にいいので、Twitterユーザー名の自動リンクは本当にオススメです。

以上、参考になれば嬉しいです。

では、また。