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

スポンサーリンク
暮らし

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

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

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

そんな私ですが、数日かけてできるようになったので、ここでは、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と入力します。

ちなみにfunctions.phpのどこにコードを入力すればいいの?

他のコードの妨げにならないように一番最後に入力することをオススメします!

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

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

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

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

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

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

まとめ

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

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

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

では、また。

このブログを書いた人

ヒスイ
ヒスイ
1児のママ|夫は難病者| 看護師・保健師歴10年以上|節約と投資を実践|断捨離をして少ない物で生活中|楽に子育てする方法を模索|趣味:アニメと漫画をひたすら見ること|好きな言葉は「継続は力なり」
暮らし
スポンサーリンク

    シェアする
    ヒスイをフォローする
    ヒスイの生活ブログ

    コメント

    タイトルとURLをコピーしました