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

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

  1. wordpress関連ニュース

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

 タグ関連記事

子テーマ

STINGER3の子テーマの作り方

今まであまり子テーマを作ることに関心はなかったのですが最近やっぱ作った方が管理しやすいかなと思い  私のブログにも子テーマを作ることにしましたのでそのやり方を簡単にメモ代わりに書いていきます...

記事を読む

20160326162710

STINGER7でトップ画面に記事の一覧が何も表示されない

テーマを色々と変えてたら突然トップ画面に記事が1つも表示されなく冷や汗www ヘッダーにサイドバー、フッターは表示されるだけの突然の事故の経験談ですけどクリック1発で直るんですね。。。 画像...

記事を読む

20140226043134

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

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

記事を読む

20131210234335

STINGER3の記事に区切り千を入れてみたよ

STINGER3のオリジナルだと以下のスナップ写真です。 STINGER3それを記事の下に区切り線を入れてみました。 style.cssから編集します オリジナルは以下になってます [c...

記事を読む

20161213164123

STINGER8が出ました

wordpressを使って一番最初に使ったテーマがSTINGERでした。 もう何から何まで感動しました。 このテーマは今もSTINGER3を使っていますが今はSTINGER8まで出てるとはww...

記事を読む

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20171005204003.jpg
Auto Post Thumbnailが使えなくなった

無料テーマSimplicityを使えば自動アイキャッチ画像が出来る

20171114140704
Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時

MixHostのサーバーでWindows live writte

20171106070902
WordPressテーマ国産品の無料テーマBLACK-WHITEの紹介

シンプルを追求した WordPress 無料テーマ であなたのブロ

20171105190531
wordpress国産品テーマDROPの紹介

ドロップショッピング用に作られたwordpress無料テーマのテーマ

20171104161218
wp-includes/SimplePie/Parse/Date.php on line 694のエラーが表示される

PHP7系では数値型エラーが出力されてしまう WordPres

→もっと見る


  • Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時へのコメント (mixhostを使っての感想を書いていきます | 時代は変わる(PCやネット関連)より[11/14]) […] Windows live writterから投稿すると403…
  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでもPC表示にする方法 - 週間後藤隊長より[06/18]) […] 参考サイト […]
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (優香より[02/17]) お返事遅くなり申し訳ございませんでした。 wordpress popular p…
  • そのままでは危ないWordPressの設定へのコメント (【重要】WordPress4.7と4.7.1の人は4.7.2にすぐにアップデートしましょう! | 時代は変わる(PCやネット関連)より[02/12]) […] そのままでは危ないWordPressの設定マメにWordP…
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (HYより[02/09]) この記事大変参考になりました。 すみません。一つご質問があります。 「Wor…

    スポンサードリンク