ゆきひーさんの自作シェアボタンのTwitterの部分をいじってブログ名を入れました
こんにちは。
今回はいつも大変お世話になっているゆきひーさんのブログパーツを少しだけいじりました。これをいじったというかは怪しいところですがシェアしておきます。
ゆきひーさんがつくっている自作シェアボタンについて
こちらがゆきひーさん(@ftmaccho)が公開されているシェアボタンとなります。
www.yukihy.com
www.yukihy.com
デザインやら何やら本当に頭が下がるばかりで、本ブログでも利用しております。いつもありがとうございます!!
実装やらなにやらの話は直接リンクを確認してください。
シェアボタンの表示
こちらのシェアボタンのTwitter部分ですが、ゆきひーさんのデフォルトの設定ではこのような表示になります。
アニメ『未確認で進行形』のオープニングの良さについてひたすら語る
http://www.palepalette-blog.com/entry/2015/12/09/未確認で進行形オープニング
ちなみにこちらの記事です。どうぞ読んでください。
www.palepalette-blog.com
僕としてはブログ名を入れたいなと思っていました。ソースがどこかというのはシェアするときに重要だと考えていたからです。
修正箇所について
修正はこちらの記事を参考に行いました。同じくゆきひーさんの記事になります。本当にありがとうございます。
www.yukihy.com
こちらでは"ツイートにTwitterアカウントやハッシュタグを入れよう"というコンセプトで加工が行われています。
修正前
こちらはブログ下にコピペで貼ってあるTwitterの箇所になります。
<a href=\"http://twitter.com/intent/tweet?text={Title} {URLEncodedPermalink}\" class=\"twitter-button\" target=\"_blank\"></a>
修正後
こちらが修正したものになります。
<a href=\"http://twitter.com/intent/tweet?text={Title} - 徒然もの書きぱん {URLEncodedPermalink}\" class=\"twitter-button\" target=\"_blank\"></a>
{Title}と{URL}の間に、"- 徒然もの書きぱん" と書いただけ!!
はい、本当にこれで終了です。お疲れ様でした。同じようにやりたい人は自分のブログ名を入れればいいだけです。
まとめ
自分の思っていたものができて満足しています。僕と同じことを考えている人がいれば是非参考にしてください。帰りにシェアボタンを押して確認して帰ってもらえればと思います。
以上です。それではまた別の記事でお会いしましょう。