簡単に作れる!Twitterスタンプ(仮)の作り方を説明

おおむねタイトル通りの内容です。

先日、以下のようなサイト様を参考にして
・zoi(リンク
・てゆうかもう寝よう。(リンク
・東北ずん子公式Webページ(リンク

「社畜ちゃんTwitterスタンプ」というものを作って公開してみました。

思ったより反響が大きくて嬉しかったです。

そして、

東北ずん子ちゃん公式?アカウント様にも反応をしてもらえました!
これは嬉しい!(∩´∀`)∩

ずん子ちゃん様に
「一緒にTwitterスタンプ流行らせましょう」
と言われたので、作り方の説明をブログに書いてみようかなと。


と、ここまでは単なる宣伝で、
ここから本題です。
Twitterスタンプの作り方を書いていきます。

「Twitterスタンプ」ってそもそも何?

まずここから、
「そんなこと良いから作り方教えてくれ!」
という人は読み飛ばしちゃって下さい。₍₍ (ง ˙ω˙)ว ⁾⁾

実は、Twitterにスタンプ機能はありません
今後実装される可能性もゼロではないですが、今はないです(2015/09/26時点)

Twitterでは画像を付けて投稿すると、ツイート本文の下に
画像のサムネイルが表示される機能があるんですが、
自分で投稿した画像でなくても、他の誰かの投稿した画像を参照して表示する機能があります。
それを使ってスタンプっぽく表示をしているだけなんですよね。
なので、タイトルにある通り、「Twitterスタンプ(仮)です」
今後、Twitterの仕様が変わってしまうと使えなくなってしまう可能性もあります…。

「Twitterスタンプ(仮)」の作り方

さっそく作り方を説明していきます٩( ‘ω’ )و

手順① Twitterスタンプ用の画像を作る
画像形式はTwitterで使えるものならなんでも良いと思います。
恐らく。

例)
社畜ちゃんTwitterスタンプ


手順② スタンプ用画像をTwitterで投稿する
ツイート本文はナシでも問題ありません。
鍵付きアカウント(非公開アカウント)だとダメぽいです。

例)

これで前準備は完了です。


手順③ Twitterスタンプを使えるようにサイトで公開する

スタンプ画像の一覧を作り、スタンプ画像をクリックしたら
ツイート画面が表示されるような公開用サイトを作ってみましょう。

Twitterの画像を表示してるページから画像のURLを持ってきましょう。
画像を右クリックして、「画像URLをコピー」
Twitterの画像URLをコピー

こんな感じのURLがコピーできます。これを①とします。

次に、画像ページのURLを持ってきましょう。
先ほど同じ画面で、画像を右クリックして、「リンクアドレスをコピー」
Twitterの画像ページのURLをコピー

こんな感じのURLがコピーできます。これを②とします。
(ツイートの詳細ページの末尾に「/photo/1」を付けるだけでもOKです)

あとは、上記2つを使ってこんなタグをサイトに書けばOKです。

(JavaScriptを使う方法もありますが、今回はaタグ使うやり方で…)

これで画像が表示されて、画像をクリックするとURLが入ったツイート画面が表示されます。
そのままつぶやくと、URLの部分が画像になって置き換わって表示されます。

Twitterスタンプ、ツイート画面例

例)

終わり

以上です。簡単ですね!٩( ‘ω’ )و
(と読んでくれた人が思ってくれたら嬉しいです)

ツイートにハッシュタグを含めたり、
スタンプ公開用のURLを含めたりしたい方は
既にTwitterスタンプを公開してるサイト等を参考にしてみてください。

/* 追記(2015/09/27) */
東北ずん子ちゃん様のサイトでTwitterスタンプの作り方が紹介されていました!
こちらを参照すればツイートに日本語ハッシュタグを付けたりできると思います!
こちらも是非。
東北ずん子公式Webページ|twitterスタンプの作り方
http://zunko.jp/etc/stamp_create.html

今回の話とは関係ないんですが、ツイッターさん可愛いですよね。(唐突)

SNS擬人化4コマ漫画「ツイッターさん」
SNS擬人化4コマ漫画「ツイッターさん」

ツイッターさんの気まぐれで、Twitterスタンプ(仮)は使えなくなる
可能性がある、とだけご理解を。

「簡単に作れる!Twitterスタンプ(仮)の作り方を説明」への2件のフィードバック

  1. 恐らく①と②が逆で、hrefの中のhttps://twitter.com/intent/tweet?text=
    が抜けてはいませんか?

    1. ご指摘の通りのミスでした…、修正致しました。
      ありがとうございます!

コメントは停止中です。