ワードプレス

ワードプレス サイドバーにLINE@お友達追加ボタン設置する方法

2018年9月1日

 

ワードプレスのサイドバーにLINE@の友達追加ボタンを設置したい!

 

 

このような悩みを抱えている人に回答していきます。

 

ワードプレスって慣れるまで設定やレイアウト変更かなり苦戦しますが、このLINE@ボタン設置はかなり簡単です。

 

ブログにLINE友達追加ボタン追加して読者さんを集めていきましょう。

 

では早速解説していきます。

サイドバーに設置方法

↑の写真は僕のワードプレスで作ったブログのトップページ。

 

写真右側の赤枠にLINE@お友達追加ボタンを設置する方法を解説しますね。

※この方法はプラグインは不要のやり方になります。

 

まずは、あなたのワードプレスの設定画面にログインしてください。

外観→ウィジェットと進んだら↑のような画面になります。

 

右側の赤枠で囲ってあるところがサイドバーの欄です。

 

今回はサイドバー(固定)にLINE@お友達追加ボタンを設置します。

 

そしたら、この画面は閉じずにあなたのLINE@の管理画面を出してください。

そしてアカウント設定をクリックします。

すると以下の画面が表示されます。

 

この画面がでたら赤枠②のコードをコピーしましょう。

 

この時、自分のワードプレスにLINE@QRコードを設置したい場合は赤枠①のコードをコピーしてください。

 

コピーできたら先ほどのワードプレスに設定画面に戻ります。

写真左側の利用できるウィジェットという欄にテキストという項目があります。

 

テキストを見つけたら左クリック長押しでスライドさせてサイドバー(固定)まで移動させてください。

 

移動できたら、今サイドバーに移動させたテキストを開いてください。

 

開いたら赤枠内のようにビジュアル、テキストと二項目出てくると思います。

 

ここに先ほどLINE@のコピーしたコードを貼り付けたらOKです。

 

この時注意してほしいのが、ビジュアルではなくテキストの方にコードを貼り付けてください。 

 

ビジュアルに張り付けても表示されません。

 

ここまでくれば準備完了です!

後は、設定を保存してください。

最後にやって頂きたいことがあります。

 

必ずきちんと表示されているか確認すること。

 

今回ならサイドバーにLINE@お友達追加ボタン設置だったので自分のブログのトップページからサイドバーを見て確認してください。

 

さらに!

 

LINE@お友達追加ボタンをクリックして自分のLINE@に飛ぶかも確認してください。

 

僕はこの確認しておらず、「ブログからリスト全く取れないなー」と悩んでいたらリンクエラーになってましたw

 

ってなわけで、今回はサイドバーにLINE@お友達追加ボタンを設置する方法を説明しましたが、もちろんサイドバーじゃなくても設置できますし、あなたが一番しっくりくるところに表示させればいいと思います。

 

LINE@お友達追加ボタン以外にもバナーだったり広告だったりも同じような作業で設置できますのでぜひとも活用してみてくださいね。

 

以上で説明を終わりたいと思います。

最後まで読んでいただきありがとうございました。

LINE@お友達募集中

何かわからないことがあれば質問ください。

気軽にどうぞ!

 

\勧誘一切ナシ/

友だち追加

 



  • この記事を書いた人
  • 最新記事
KID

KID

こんにちは!ブログ管理者のKIDです。ガジェットっぽい雑記ブログ運営していきます。 アプリやお金、インターネットが大好きで、そのへんの記事+人生の体験談を書いていきます!フレンドリーなので気軽に話しかけてくださいね。 よろしくお願いします!

-ワードプレス
-,

Copyright© KID BLOG , 2019 All Rights Reserved Powered by AFFINGER5.