ニューリリースされたワードプレスの比較プラグイン「ALIKE」を実装してみた
今日は久しぶりに良さげなプラグインを見つけたので使い方とか感想をば。
現在制作中のクレジットカードサイト
比較機能を実装して商品ごとに比較させたいなーって、ずっと思ってました。
以前、紹介したWordpressのテーマ【RE:HUB】
このテーマ、機能は素晴らしいんですが…英語かつ高機能ゆえに理解するのが難しく…購入して半分放置状態。
他にWooコマース専用の比較プラグインは結構あるんですけどね…
Wooコマースを利用したサイトではないので自分の理想に合わず実装にはいたらず。
他に比較プラグインを探すも、中々見つからず半ば半分諦め状態。
ですが…サイトを作り込めば作り込むほど比較機能がほしくなるんですよね~(汗)
う~ん。
新しくリリースされてないかなーと、海外のプラグイン販売サイトCodeCanyonでプラグインを探していたら…
おっ。。
なにか新しい比較プラグインがリリースされている!!
Wooコマースを利用してなくても、投稿記事(Post)、カスタムポストタイプ、ページの比較が可能とのこと。
価格は24ドル、当然即買いしました!
デモページはコチラ
使い方は作者がYoutubeにアップしています。
実際にプラグインを購入し実装してみたので、設定の仕方や少々つまづいたことがあったので、その辺も含めて紹介していきたいと思います。
(プラグインのインストール方法とかは割愛します)
①プラグインをインストールすると、自動的に「ALIKE Preview」というページが新規で追加されます。
[alike_preview]というショートコードが書かれていますが、これは比較結果を表示させるためのショートコードですのでそのままで。
②次に、ウィジェットの設定ページから「Alike Widget」を追加します。
ウィジェットを追加すると以下のように表示されます。
これは、比較ボタンをクリックしたときに、比較一覧が表示される部分になります。
③続いて、投稿記事(Post)ごとに比較ボタンを追加します。
記事内のお好きなところに、ショートコード[alike_link]を貼ってください。
このように表示されます。
④最後に、どの項目を比較リストに表示させるかを選択します。
比較項目はカスタムフィールドの値を表示させるようになっています。
カスタムフィールドは投稿内の下記の部分になります。
META内の表示させたい項目にチェックをいれます。
選択した項目は自動的に右側に追加されます。
名前の変更や、位置の移動はドロッグ&ドロップでできます…が少々バグなのか…上手く移動できないことが多々…目を瞑ってスルーするしかありません(汗)
設定は以上です。
実装した比較ボタンをクリックすると、ウィジェット部分にこのように表示されます。
さっそく比較をクリック…
あ、あれ…
表示されない…
ダメなのか…
さすが、海外のプラグイン…一筋縄ではいかない。
原因を調べたところ、コードの記述ミスが原因でした(汗)
alike/alike-templates/shortcodes/alike-widget.phpの31行目
ちゃんと呼びだされていない…(汗)
記述を修正しファイルをアップロード。
無事表示されました…
ほっ・・良かった。
海外のプラグインを翻訳するなら、以前紹介した「Loco Trancelate」がオススメです。
■感想
シンプルで設定も簡単です。
ですが…ちょいちょいバグがあります…
コードの記述ミスだったり…
バージョンアップで修正されていることを願うばかりです。
とは言え、自分の理想としていたプラグインだけに大満足。
けっこう探されていた方も多いのではないでしょうか?
ワードプレスに比較機能を実装するなら【ALIKE】がオススメですよ。
それではまた!