2013年8月24日

[ブックマークレット] Twitterアカウントを紹介するときに使えるブックマークレット

eztwittersharelink_250

2014年11月6日追記: こちらのブックマークレットですが、アイコンが画像がリンク切れすることがあるため、アイコン画像は使わない方が良いです。

こんにちは! ヨス(@yossense)です。

ブロガーでTwitterを頻繁に使う方に特にオススメのブックマークレット「EzTwitterShareLink」の紹介です。

EzTwitterShareLinkをオススメする理由

最近では「ブログを書いている=ツイッターを使う」と言っても良いほどになっています。

で、ブログのネタとして、ツイッターで得た情報を使うことってありますよくあるって方も多いハズ!)。そんなときにその情報をくれた方のTwitterのユーザー名(「@yossense」みたいなやつ)を出すのが礼儀(?)になっているのですが、それにリンク先をつけるのが一般化しています。こんな感じでクリックするとリンクされます。→ @yossense

で、凝ったのになると「ヨス(@yossense)さん」のように、名前とか敬称を入れたりします。これ作るのって割と手間なんです。めんどくさい。

EzTwitterShareLinkで出来ること

さて、その面倒くさいツイッターアカウントの表示を一瞬で作れるブックマークレットが「EzTwitterShareLink」なんです!! ではこのブックマークレットを使って、作者の熊谷さんに感謝の言葉を書きたいと思います。

熊谷 友宏(@es_kumagai)さん、素敵なブックマークレットを作ってくれてありがとうございます!!!

では、EzTwitterShareLinkで出来ることをまとめます。

  • ツイッター上の名前を表示する。
  • ユーザー名(Twitterアカウント)をカッコの中に表示する。
  • 名前とユーザー名に、ツイッターのページへのリンクをつける(ちゃんと新規ウインドウで開く)。
  • アイコンを表示してくれる。※ こちらは画像を変えると画像切れになるためオススメできません

EzTwitterShareLinkの作り方

このブックマークレット「EzTwitterShareLink」の使い方はこんな感じ。

1ページに行く

ではさっそくEzTwitterShareLinkのページへ行きます。下のページです。

2ページをブックマークに登録

1で行ったページ(どのページでもいいけど)をブックマークに登録(Google Chromeの場合はこちらを参照)します。

3設定する

1で行ったページ上にある、テーブルのところを、こんな感じで設定して下さい。

設定
[「画像サイズ」を「小サイズ」に画像はURLが変わるので使わないのをオススメです ] → [「<a>に含める表示名」を「@スクリーン名のみ」に ] → ソースコードをポップアップ

すると、ポップアップウインドウが出てきます(ポップアップを非表示をクリックすると消えます)。

※下記と同じような表示にする場合のやり方です。

ヨス (@yossense)さん

4コードをコピーする

3で出てきたポップアップウインドウの中のコードをCtrl+Cクリップボードにコピーします。

コードをコピー
コードをクリップボードにコピーする。

5ブックマークのURLにペースト

4でクリップボードにコピーしたコードを2で作ったブックマークに入れます。入れる場所は「URL」のところです。

コードをペーストする
[ 登録した「ブックマーク」の上でマウス右クリック ] → [ 編集 ] → [ 出てきたウインドウの中の「URL」のところにペーストする ]

「名前」も適当に「EzTwitterShareLink」などに変更しておくと良いでしょう。

こちらはGoogle Chromeでの例です。

6CSSもいただこう!

最後にCSSも用意してくださっているので、それも頂いておきましょう。

こちらのページにありますので、Ctrl+Cでコピーして、ご自分のCSSファイルにペーストしましょう。これで完成!!

EzTwitterShareLinkの使い方

1登録したブックマークをクリック

では早速、ブックマークレットをクリックしてみましょう。ワクワク。

クリック
お気に入り登録したブックマークレットをクリックします。

2作られたHTMLタグをコピー&ペースト

htmlタグをいただく
HTMLタグをいただくぜい! そして貼り付けるだけ!!

ちなみにHTMLが出るウインドウでOKでもキャンセルでもどちらをクリックしても問題ないです。どちらをクリックしてもウインドウが消えるだけで同じです。

いやー、ブックマークレットって便利ですよね。大好きです。

ほかにもこんなブックマークレットがあるので、こちらもどうぞ。

この記事が気に入ったら
「いいね!」で情報GET!

Twitterでヨスをフォローしよう!

この記事のシェアはこちら♪

※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!