はじめに
当ブログはWordPressで運営しておりいいねボタンを設置していますが、プラグインはWP ULikeを使っています。
WP ULikeで使っていたいいねボタンを今回はいいねボタン for WordPress(β)を使ってみようという記事になります。
いいねボタン for WordPress(β)とは
WordPressサイトにいいねボタンを設置するプラグインです。
いいねボタンを押した後、お礼メッセージやイラストを表示できます。
コメントを受け付けることもでき、WEB拍手のような使い方も可能です。
引用:いいねボタン for WordPress(β)より
できること
- いいねボタンをクリックした後、コメントを送信する機能
- いいねボタンをクリックされた回数や、送信されたコメントをダッシュボードから確認
- IPを指定して拒否
- いいねボタンをクリックした後、お礼イラストやお礼文章を表示することができます(5種類まで設定可・ランダム表示対応)
などなど
ダウンロード
いいねボタン for WordPress(β)の配布ページに行き、「Download」ボタンをクリックします。
zipファイルを解凍すると中身はこんな感じ。
このをiine-for-wpを、wp-content/pluginsの中にごっそりアップロードします。
プラグインの一覧に表示されたら有効化します。
設定
基本設定
ダッシュボードの左メニューにいいねボタンのメニューが追加されます。
「いいねボタン」-「基本設定」をクリック。ここのページの中でいいねの設定をしていきます。
1日のいいね数上限をきめられたり、カスタム投稿に自動挿入するように設定できたり、コメント設定ができたり。
お礼メッセージ設定ページ
お礼メッセージ設定ページでは、ランダムに表示されるお礼の設定ができます。
ボタンデザイン
ボタンやメッセージの位置を調整できたり、アイコンの指定ができたりします。
実際の表示
設置したボタンをクリックするとお礼画面が表示されました。
基本的な動きとしては以上です。
現在使用しているテーマのデザインが崩れる
エ!?いいねボタンを有効化しただけなのに!?と思ったけど無効化すると直るから……なんか影響してるんだろうな…。
現在は一旦無効化して様子見。
テーマを変えると崩れないテーマもあるからその場合はテーマの修正が必要です。
デザインがうまくいってもボタンがうまく動かないテーマなどもあるから調整むずかち……!がんばろ
ボタンがうまく動かない件についてはConsoleのエラーログを確認しjQueryやajax.jsの読み込みのチェックとか競合してないかとかいろいろ調べて動くようになりました。