WordPress の記事中に Twitter のユーザー名を入力することってあると思います。
こういう風な「@ユーザー名」Twitter ユーザー名の挿入手法をよくみかけますよね。
あとは、記事で他のブロガーさんを紹介したりするのに名前と一緒にその方の Twitter へのリンクを添えたりもします。
この Twitter のユーザー名のリンクをどのようにして入力しているでしょうか?
ユーザー名を入力したあとに、リンクの挿入からコピーした Twitter ユーザー名の URL を貼り付けて・・・という手順が一般的なやり方でしょうか。
WordPress では、function.php にちょっとしたコードを記述するだけで、「@ユーザー名」と入力したら、そのユーザー名の Twitter プロフィールページの自動リンク作成をおこなってくれるようになります。
- 今回は「WordPress 本文に Twitter のユーザー名を入力したら自動リンクさせる便利なコード」を紹介します。
Twitter ユーザー名を入力したら自動リンクさせる方法
子テーマの function.php に以下のコードをコピーして貼り付けてください。
1 2 3 4 5 6 |
// 記事本文に Twitter のユーザー名を入力したら自動リンク function twtreplace($content) { $twtreplace = preg_replace('/([^a-zA-Z0-9-_&])@([0-9a-zA-Z_]+)/',"$1<a href=\"http://twitter.com/$2\" target=\"_blank\" rel=\"nofollow\">@$2</a>",$content); return $twtreplace; } add_filter('the_content', 'twtreplace'); |
たったこれだけで「@Twitter ユーザー名」を入力すれば、該当する Twitter ユーザー名のプロフィールページへのリンクを自動挿入してくれるようになります。
@ と 英数記号の組み合わせで発動するようになっているので、@ と日本語が入る組み合わせでは発動しません。
実際に使ってみるとこんな感じ
使用例)ぼくがフォローしている方々を試しにリンクしてみますね ♪
- 北野 啓太郎さん(@KeitaroKitano)
- 高田ゲンキさん(@Genki119)
- まえちゃんさん(@Maechan0502)
- ヨスさん(@yossense)
- おのださん(@kankeri02)
- ジロさん(@JIRO_invest)
- カワグチマサミさん(@kawaguchi_game)
- 永友一朗さん(@ichironagatomo)
- マクリンさん(@Maku_ring)
- ツツジさん(@tutuji_log)
- そらいろくらげさん(@kurage_suzuki)
- あめちゃんさん(@amedia_online)
しっかり方々のプロフィールページにリンクされているでしょ?
管理画面の本文作成エリアではリンクは付きません。
記事を公開した段階で Twitter ユーザー名にリンクが付きます(プレビューも付きます)。
あとがき
ブログ記事内に Twitter ユーザー名のリンク貼り付けって意外と使いますから、この PHP コードは結構使い勝手が良いんじゃないでしょうか。
うん、楽ができそう! と思ったら ぜひお試しくださいね。