おおむねタイトル通りの内容です。
先日、以下のようなサイト様を参考にして
・zoi(リンク)
・てゆうかもう寝よう。(リンク)
・東北ずん子公式Webページ(リンク)
「社畜ちゃんTwitterスタンプ」というものを作って公開してみました。
「社畜ちゃんTwitterスタンプ」というのを作ってみました!٩( 'ω' )و
http://t.co/dCNhHshNpl
Twitterで使えるスタンプ機能のようなものです!
よかったら使ってみて下さい! pic.twitter.com/XVHD4lmSk2
— ビタワン@生きる屍 (@vitaone_) 2015, 9月 22
思ったより反響が大きくて嬉しかったです。
そして、
@vitaone_ 社畜ちゃんもtwitterスタンプ始めたんですね(*ゝ∀・*)b
ずん子のところもやっているので一緒にtwitterスタンプはやらせましょうO(≧▽≦)O
http://t.co/eUxai1JVEs
— 東北ずん子@ずん子ロゴ決定 (@t_zunko) 2015, 9月 23
社畜ちゃんスタンプも使ってみましたo(*・ロ・*)o
#社蓄ちゃんスタンプ
http://t.co/cCtH59lGvF
pic.twitter.com/XVeNIM6sSU
— 東北ずん子@ずん子ロゴ決定 (@t_zunko) 2015, 9月 25
東北ずん子ちゃん公式?アカウント様にも反応をしてもらえました!
これは嬉しい!(∩´∀`)∩
ずん子ちゃん様に
「一緒にTwitterスタンプ流行らせましょう」
と言われたので、作り方の説明をブログに書いてみようかなと。
と、ここまでは単なる宣伝で、
ここから本題です。
Twitterスタンプの作り方を書いていきます。
「Twitterスタンプ」ってそもそも何?
まずここから、
「そんなこと良いから作り方教えてくれ!」
という人は読み飛ばしちゃって下さい。₍₍ (ง ˙ω˙)ว ⁾⁾
実は、Twitterにスタンプ機能はありません。
今後実装される可能性もゼロではないですが、今はないです(2015/09/26時点)
Twitterでは画像を付けて投稿すると、ツイート本文の下に
画像のサムネイルが表示される機能があるんですが、
自分で投稿した画像でなくても、他の誰かの投稿した画像を参照して表示する機能があります。
それを使ってスタンプっぽく表示をしているだけなんですよね。
なので、タイトルにある通り、「Twitterスタンプ(仮)です」
今後、Twitterの仕様が変わってしまうと使えなくなってしまう可能性もあります…。
「Twitterスタンプ(仮)」の作り方
さっそく作り方を説明していきます٩( ‘ω’ )و
手順① Twitterスタンプ用の画像を作る
画像形式はTwitterで使えるものならなんでも良いと思います。
恐らく。
例)
手順② スタンプ用画像をTwitterで投稿する
ツイート本文はナシでも問題ありません。
鍵付きアカウント(非公開アカウント)だとダメぽいです。
例)
— スタンプ画像管理用 (@fReply01) 2015, 9月 22
これで前準備は完了です。
手順③ Twitterスタンプを使えるようにサイトで公開する
スタンプ画像の一覧を作り、スタンプ画像をクリックしたら
ツイート画面が表示されるような公開用サイトを作ってみましょう。
Twitterの画像を表示してるページから画像のURLを持ってきましょう。
画像を右クリックして、「画像URLをコピー」
こんな感じのURLがコピーできます。これを①とします。
1 |
https://pbs.twimg.com/media/CPg8MuzUsAA_i8f.png |
次に、画像ページのURLを持ってきましょう。
先ほど同じ画面で、画像を右クリックして、「リンクアドレスをコピー」
こんな感じのURLがコピーできます。これを②とします。
(ツイートの詳細ページの末尾に「/photo/1」を付けるだけでもOKです)
1 |
https://twitter.com/fReply01/status/646332736727216129/photo/1 |
あとは、上記2つを使ってこんなタグをサイトに書けばOKです。
1 2 3 |
<a href="https://twitter.com/intent/tweet?text=%0d%0a【ここに②のURL】"> <img src="【ここに①のURL】"> </a> |
(JavaScriptを使う方法もありますが、今回はaタグ使うやり方で…)
これで画像が表示されて、画像をクリックするとURLが入ったツイート画面が表示されます。
そのままつぶやくと、URLの部分が画像になって置き換わって表示されます。
終わり
以上です。簡単ですね!٩( ‘ω’ )و
(と読んでくれた人が思ってくれたら嬉しいです)
ツイートにハッシュタグを含めたり、
スタンプ公開用のURLを含めたりしたい方は
既にTwitterスタンプを公開してるサイト等を参考にしてみてください。
/* 追記(2015/09/27) */
東北ずん子ちゃん様のサイトでTwitterスタンプの作り方が紹介されていました!
こちらを参照すればツイートに日本語ハッシュタグを付けたりできると思います!
こちらも是非。
東北ずん子公式Webページ|twitterスタンプの作り方
http://zunko.jp/etc/stamp_create.html
今回の話とは関係ないんですが、ツイッターさん可愛いですよね。(唐突)
ツイッターさんの気まぐれで、Twitterスタンプ(仮)は使えなくなる
可能性がある、とだけご理解を。
恐らく①と②が逆で、hrefの中のhttps://twitter.com/intent/tweet?text=
が抜けてはいませんか?
ご指摘の通りのミスでした…、修正致しました。
ありがとうございます!