Jetpack共有ボタンに「LINE」を追加する。

memo-20150620a

Jetpack共有ボタンにはLINEボタンがないので今回追加してみる事にした。

目次/Contents

まずは画像を準備

memo-20150620dこの画像を元に16×16ピクセルのLINEアイコンを作成した。

Jetpack共有設定ページへ移動

memo-20150620b

新サービスを追加をクリック。

memo-20150620c

各項目を埋めていきます。

  • サービス名:LINE
  • 共有URL:http://line.naver.jp/R/msg/text/%post_title%%0D%0A%post_url%
  • アイコンURL:どっかにアップした。

CSSの編集が必要だった。。。

memo-20150620e

へんてこになっていたのでCSSを修正して色を追加。まともになった。

ずれておる。。。

memo-20150620f

が、しかし。。。
横のと比べると縦方向にずれておる。。。
あと、気のせいかもだが楕円に見える。。。
今日はもう遅い時間なので後日確認する事にする。

後日CSS追加で修正

memo-20150619g

気になっていたボタンを修正することにしました。
ズレの修正とやはり他と比べて楕円だったので合わせて直す事にしました。。特に問題なくCSS追加で無事直す事ができた。よかった、よかった。

この記事が気に入ったら
フォローしよう。

最新情報をお届けします。

Twitterでフォローしよう。

おすすめの記事