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

公開日: wordpress  ,

閲覧所要時間: 約 2

今までは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

他カテゴリで本日よく読まれてる記事

まだデータがありません。

 関連記事-こちらもどうぞ

 タグ関連記事

20131214113352

stinger3を3コラムにする方法

stingerシリーズは2コラムなんだけどそれを簡単に3コラムにする方法 今回試してみたのがCSSだけで3コラム、4コラムにしてみましたがstingerが売りのSEOです。 下手に素人がいじる...

記事を読む

20140226043134

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

このブログを書き始めてかなり月日も経ちました。 やっと少しずつではありますがwordpressのことが漠然ですが理解しつつあります。 とは言ってもソースを書くことなんかは一生無理ぽいですが検索しな...

記事を読む

Stinger

今日からwordpressを使ってみます

以前にwordpressを使ってたけど管理しきれず挫折と言うかスキル不足ですねwww でもwordpressの魅力に 再度wordpressに挑戦します。 以前の挫折した一番の理由は...

記事を読む

20131223044708.jpg

STINGER3をクリスマスヴァージョンで雪を降らしてみた

もうすっかり冷え切って雪が降ってもおかしくないくらいに寒い 街ではクリスマスデコレーションで綺麗になってるので私のブログもクリスマス風に背景を着せ替えしてみました。 ついで...

記事を読む

20131214105251

stinger3にfeedlyボタンを設置してみました

Feedlyとは、更新したブログやサイトをお知らせしてくれる「RSS」を受け取るRSSリーダですよー 早速Feedlyボタン設置用HTMLタグを用意しましょう やり方はシンプルですぐに...

記事を読む

ブログ管理者などによく売れてる本です

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20180114005419.jpg
WordPressテーマ国産品の無料テーマchameleonの紹介

chameleonの特徴 1、シンプル なデザイン 2、ヘ

PAK58_kiokuyorikiroku_TP_V.jpg
エックスサーバーでSimplicityをカスタマイズしても反映されない

久々にwordpressテーマSimplicityのカスタマイズを

74281b8770b9cc5360dbb3bb37f84352_s.jpg
グローバルメニューをスクロール固定する【Simplicity2】

グローバルメニューをヘッダーの一番上に固定する方法を紹介したいと思い

b27a471af36017d6c98acf63487003b3_s.jpg
LiteSpeed CacheをONにするとアフィリエイト広告が表示されない現象

アフィリエイト広告を貼り付けても広告が表示されない現象 問題は

050b4e229c4b4c1f7cf100a204f2c35d_s.jpg
Simplicityのテーマを使って3つハマった事

1、バイラルサイトっぽいFacebookフォローエリアを作成する方

→もっと見る


スポンサードリンク