comment 0

LINE@の「友だち追加ボタン」のデザインを変更

COCOLO CHRONICLEのLINE@アカウントを開設。
ブログにも、せっせと「友だち追加ボタン」を貼ってみた。
しかし、標準のボタンのデザインがイマイチなので、デザインを変更することにした。

iPhoneアプリで表示されるものに変更

といっても自作できるスキルはないので、iPhoneアプリで表示されるものに変更。
管理画面からアカウント設定にアクセスすると、デスクトップとiPhoneでは違うデザインのものが表示される。

デスクトップの管理画面で表示されるもの

 

iPhoneアプリの管理画面で表示されるもの

LINE@友だち追加ボタン

iPhoneアプリで表示されるもののほうが、フラットな感じで好きなんだけど、デスクトップで表示されるデザインのものしか選べない。

中身を覗いてみると

<a href=”https://line.me/ti/p/%40自分のURL“><img height=”36″ border=”0″ alt=”友だち追加数” src=”http://biz.line.naver.jp/line_business/img/btn/addfriends_ja.png“></a>

この部分が画像ファイルのようなので、ここを変更すればいけそうだ。

方法は簡単

1.iPhoneでスクリーンショットを撮って

LINE_スクリーンショット

2.Macの「プレビュー」のスマート投げ縄で「切り取り」

プレビュー スマート投げ縄

3.切り取った画像ファイルをWordPressの「メディアライブラリ」に追加

メディアライブラリ_‹_COCOLO_CHRONICLE_—_WordPress

表示されるURLを先程の部分に置き換えて貼り付ければ、終了。

ご自分でオリジナルのものが作れる方は、もっとアレコレ楽しめるだろう。
僕にはコレが精一杯…
ぜひ、お試しあれ。

 

Filed under: SNS, WordPress

About the Author

Posted by

「タフでクールで そしてヒューマンタッチ」Reblogger in Tokyo

Write your message here...