LINEに送るボタンを設置しました

公開日: : wordpress ,

閲覧所要時間: 約 2

20140329015651

今まではWP Social Bookmarking Lightのプラグインを使ってLINEに送るアイコンを装備していましたが
少しでもプラグインを減らそうと思い記事下に他のシェアボタンと同じように表示する設定にしてみました。

それで今回はどのようにやったかをメモ代わりに記載しておきます。

LINE(ライン)のボタンの設置のやり方

最初に以下のLINE公式サイトにアクセスします。
http://media.line.me/howto/ja/
以下のような画面が表示されると思いますが
そのまま好きなボタンを選んで
3番のプレビューを確認して、コードをコピー。で
そのコードを使ってもスマホやタブレットからのアクセスならきちんとLINEボタンが表示されると思います。
ただそのコードだとPCからのアクセスだとLINEボタンが表示されません。
20140329020636

 

そこでPCからのアクセスでも表示させるようにするには以下のスクショでもあるように
4番目のデザインの所の一番下に「ボタン画像をダウンロード」をクリックして画像をダウンロードします。
次に自分のサーバーにアップロードします。
私の使ってるSTINEGRにほかのSNSボタンと同じような大きさに合わせたかったので「wideh:36px Height:70px」を使いました。
次に以下のコードを貼り付けて完了です

 

20140329021152

  • このエントリーをはてなブックマークに追加
  • LINEで送る
  • follow us in feedly

関連記事

子テーマ

STINGER3の子テーマの作り方

今まであまり子テーマを作ることに関心はなかったのですが最近やっぱ作った方が管理しやすいかなと思い&n

記事を読む

20131227015718

PS Auto Sitemapを入れてみたよー

sitemapとでも言うのでしょうか!? 全記事を表示してくれるプラグインです。 使い

記事を読む

20131116222006

Stingerのテーマを導入後の設定科目

Stingerのテーマを早速導入しました。 これから基本的な設定はStingerの本家サイトに

記事を読む

20140302194024

コメントフォームに写真が出るGravatarの登録と設定

前回の記事でコメントフォームに写真がでるようにする「Simple Local Avatars」と言う

記事を読む

20131214112030

stinger3のヘッドバナーサイズの変更のやり方

オリジナルヘッダー画像サイズは986px×150pxです 高さを変更したい場合

記事を読む

20140415184656

WordPressテーマのStinger3がstinger3ver20140327にアップデートされてました

今日のたった今気が付いたのですがStinger3がstinger3ver20140327にアップ

記事を読む

20131225170235

URLを指定するだけでスクリーンショットを表示するWordPressショートコード

タイトル通りURLを書くだけでサイトのスクリーンショットを表示出来ちゃう超便利なソースです。

記事を読む

20131130193222

STINGER3の個別記事タイトルを飾ってみた

stinger3ver20131023: スタイルシート (style.css)の記事タイトルを

記事を読む

20140302220743

wordpressのコメントフォームに写真を表示するようにfunctions.phpに書く方法

wordpressのコメントフォームに写真を表示する方法の第三段です 今回はfunctions.p

記事を読む

20140226043134

stingerのフッターにくっついてくるsnsを取ることにしました

このブログを書き始めてかなり月日も経ちました。 やっと少しずつではありますがwordpressのこ

記事を読む

「wordpress」カテゴリー人気記事

コメントを残す

no image
ドメインを所持しました。

ドメインを所持したので更新は新ドメインで更新する予定です。 新し

no image
W3 Total Cache入れたらサイトが表示されなくなった

W3 Total Cacheでのトラブルメモ 最近どんどん表示速

20140415184656
WordPressテーマのStinger3がstinger3ver20140327にアップデートされてました

今日のたった今気が付いたのですがStinger3がstinger3

子テーマ
STINGER3の子テーマの作り方

今まであまり子テーマを作ることに関心はなかったのですが最近やっぱ作った

20140330141759
エックスドメインの広告が好きな場所につけれるようになった

無料レンタルサーバーのxdomainで『WordPress機能』『PH

→もっと見る

  • Sorry. No data so far.


スポンサードリンク

Menu