-PR-
NTTPCのレンタルサーバー
基本情報技術者講座 28,000円から ★ぶっちぎり宅建ライブ開講★

スマホから見た画面

 

前回の記事でaタグで簡単に「Lineへ送る」が出来ることがわかりましたので
ワードプレスにも実装したいと思います。

ただ、このa href=”line://”が有効なのは、スマホのみ…
PCから閲覧している人はなんじゃこりゃです。

そこで、対スマホプラグインWPtouchの登場です。
WordPressの記事を、スマホから見た場合に専用画面で表示してくれるプラグインです。
これにLineに投稿するリンクをつけました。

ブログの下部に”「Line」へ送る☆”という小さな文字があると思います。それです。アイコンは面倒なので省略。

 

 

●HOW TO LINEへ送るボタン TO WPtouch ●

①下記のフォルダに「single.php」というファイルがありますので、それを編集します。
wordpress/wp-content/plugins/wptouch/themes/default
②Single.phpの 46行目あたりに<li><a href=”mailto:?subject= ~ 略 ~</li>があると思います。
これがスマホで見たとき記事の下にあるメールのアイコンですね。この下に「Lineへ送る」を追加します。
こんな感じのコードを追加↓

<li><a href=”line://msg/text/<?php bloginfo(‘name’); ?><?php the_permalink() ?>”>「Line」へ送る☆</a></li>

これで保存すればOK!アイコンないからカッコ悪いけど簡単簡単♪
ちなみにbloginfo(‘name’);はブログタイトルです。

ページタイトルのが良い場合<li><a href=”line://msg/text/<?php the_title(); ?><?php the_permalink() ?>”>「Line」へ送る☆</a></li>かな。

ぜひやってみてください。

 

関連記事:

  1. 解決!唐突にactivXエラー
  2. 【Lineで送る】ボタン設置方法発見
  3. WordPress不動産プラグイン発見!
  4. メモ帳の限界に挑戦中
  5. 【iphone WEBアプリ】sencha touch

関連記事はYARPP関連記事プラグインによって表示されています。

Tags: ,

Leave a Reply

You must be logged in to post a comment.