だるまブログ > プラグイン

jQueryプラグインbxsliderが止まるのを修正

Posted by on 03 3月 2014 | Tagged as: jQuery, WEB, WEBプログラミング, プラグイン

jQueryのプラグインでレスポンシブ対応のbxsliderというプラグインがあります。

商用利用もOKなMITライセンスで、スマホやタブレットのスワイプにも対応したイケてるやつです。

※作者はFAQの下の方で「ビール奢ってね!」って言ってます。トップページの「Buy me a beer」から奢ってあげましょう!

機能も豊富で便利なのですが、一つイケてないのが

ページャーやPrev、Next(デフォルトだと三角のイメージが量端に出ます)を押すとオートアニメーションが止まる。

という点です。

jquery.bxslider.jsのソース見ると、

var clickPagerBind = function(e) ・・・ ページャーを押した時のファンクション

var clickNextBind = function(e) ・・・ Next押した時のファンクション

var clickPrevBind = function(e) ・・・ Prev押した時のファンクション

のそれぞれで

if (slider.settings.auto) el.stopAuto();

と、オートのアニメーションをストップしてます。

なんで、上記、3つのファンクションでif (slider.settings.auto) el.stopAuto();をコメントすれば、止まらなくなります。

コールバックファンクションもあるので、静止時間時間過ぎたら、startAutoするってのでも実現できるのですが、タイマー仕掛けたりメンドウなので、 el.stopAuto()をコメントすることにしました。

ミニマイズでやりたいけど、ソース追うのが面倒なので、ナシってことで。

※タイマーとコールバックで実現されてる方もいらっしゃいます。
自動再生させているはずのスライダーが止まっちゃうんです!!(bxSlider使用)

Wp-Post 良くある質問1- WordPressインストールディレクトリ

Posted by on 24 2月 2014 | Tagged as: EC-CUBEプラグイン"WpPost"

※2014/2/24に記事を書き換えました。

弊社で提供させていただいてるEC-CUBEプラグイン”WpPost“で

WordPressインストールディレクトリが良く分からない

という質問が多いので、例をあげてご説明したいと思います。

※ご注意
WpPostをご利用いただく場合、同一サーバ上にWordPressとEC-CUBEをインストールする必要がありますのでご注意ください。

WordPressインストールディレクトリとは

EC-CUBEの公開ディレクトリを基準としたWordPressインストールディレクトリまでのファイルパス

になります。

多く考えられるのは、以下のケースではないでしょうか。

CASE1 今までWordPressでサイトを展開しているが、新たにEC-CUBEをインストールし、ECサイトを追加したい。

CASE2 新たにWordPressとEC-CUBEをインストール

また、CASE1の場合、

  • A.今までのWordpressの下にEC-CUBEをインストール。
  • B.今までのWordpressと別ドメインでEC-CUBEを運営したい。
  • C.サブドメインでEC-CUBEを運営したい。

という場合が考えられます。

Case1-A 今までのWordpressの下にEC-CUBEをインストール

例えば、URLがhttp://hoge.com/でWordPressのサイトを展開していて、EC-CUBEをhttp://hoge.com/shop/で公開するとします。

この場合、/html/wp/shopにEC-CUBEをインストールするというのがもっとも簡単なやり方です。

※EC-CUBEのhtmlというディレクトリの名前をshopと変えています。
※www部分はサーバの設定によって異なりますので、ご自分野環境に合わせて読み替えてください。

図にすると、こんな感じです。

Case1-A 今までのWordpressの下にEC-CUBEをインストール

Case1-A 今までのWordpressの下にEC-CUBEをインストール

※EC-CUBEのPHPやSmartyが入るdataディレクトリはブラウザでアクセスできない場所に置くことにします。
上の図の場合、shop(元html)/define.php の中でdataフォルダの位置と名前を define(‘HTML2DATA_DIR’, ‘../../../data/’); で指定します。

この場合、一つ上の階層にWordPressがインストールされていますので、

WordPressインストールディレクトリ = ../

となります。下図の、「*1」がWordPressのインストール場所になります。

Case1-A WordPressのインストール場所

Case1-A WordPressのインストール場所

Case1-B 今までのWordpressと別ドメインでEC-CUBEを運営したい。

http://hoge.com/でWordPressのサイトを展開していて、これと別にhttp://shop-happy.com/でEC-CUBEを展開するとします。

※ドメインの設定は、サーバによって異なりますので、ご自分野環境に合わせてください。
※EC-CUBEのhtmlというディレクトリの名前をshopと変えています。
※www部分はサーバの設定によって異なりますので、ご自分野環境に合わせて読み替えてください。

図にすると、こんな感じです。

Case1-B 今までのWordpressと別ドメインでEC-CUBEを運営

Case1-B 今までのWordpressと別ドメインでEC-CUBEを運営

この場合、EC-CUBEとWordPressが同じ階層にインストールされているので、以下のような設定になります。

Case1-B WordPressのインストール場所

Case1-B WordPressのインストール場所

WordPressインストールディレクトリ =../wp

上の、「*1」がWordPressのインストール場所になります。

Case1-C サブドメインでEC-CUBEを運営したい。

例として、http://hoge.com/でWordPressのサイトを公開していて、http://shop.hoge.com/でEC-CUBEを公開するとします。

この場合、CASE1-BとWEBサーバの公開設定部分が異なるだけで、WpPost・WpPostPlusの設定はCASE1-Bと同じになり、

  • /html/wpをhttp://hoge.com/で公開
  • /html/shopをhttp://shop.hoge.com/で公開

となります。
※サブドメインの設定は、サーバによって異なりますので、ご自分野環境に合わせてください。
※EC-CUBEのhtmlというディレクトリの名前をshopと変えています。
※www部分はサーバの設定によって異なりますので、ご自分野環境に合わせて読み替えてください。

図にすると、こんな感じです。

Case1-C サブドメインでEC-CUBEを運営

Case1-C サブドメインでEC-CUBEを運営

この場合、WordPressインストールディレクトリは以下のようになります。

Case1-C WordPressのインストール場所

Case1-C WordPressのインストール場所

WordPressインストールディレクトリ =../wp

となります。上の、「*1」がWordPressインストールディレクトリになります。

Case2 新たにWordPressとEC-CUBEをインストール

この場合は自由に決められますので、サイト設計の際、WordPressインストールディレクトリを決定ください。

category_description()でちょっと悩んだ

Posted by on 31 1月 2014 | Tagged as: WEB, WEBプログラミング, wordpress

30分ほど悩んだので、備忘録として書いておきます。

WordPressで

<?php echo category_description( $category_id ); ?>

でカテゴリの説明が取得できますが、

<p>カテゴリ説明のテキスト</p>

と返ってきます。

<p>~</p>が余計なので、

$var = strip_tags(category_description());

としたのですが、この値をSmartyで利用しようとするとエラーが出ました。

色々調べたら改行が残っていたので、

$var = str_replace(array(“\r\n”,”\r”,”\n”), ”, $var);

と、改行を削除することで解決しました。

EC-CUBEプラグインのHETEMLでの利用

Posted by on 19 6月 2013 | Tagged as: プラグイン

HETEMLをご利用の場合、WAF(アプリケーション・ファイヤー・ウォール)がONになっていますと、プラグイン設定画面で保存した際403エラーとなります。
WAFのログで、
/test/admin/load_plugin_config.php?plugin_id=・・・
となっていることで確認いただけます。
この場合、一旦WAFをOFFで設定の上、設定後にWAFをONとしてください。

WpPost修正ファイル

Posted by on 19 6月 2013 | Tagged as: EC-CUBEプラグイン"WpPost"

下記内容はWpPost本体に取り込みましたので、修正ファイルの配布は終了いたしました。

最新バージョンをお使いください。

ダウンロードサイト -> http://www.ec-cube.net/products/detail.php?product_id=276

WpPostをご利用いただく際、サーバー環境によってエラーが出る場合があることが判明いたしました。

その際、プラグイン導入後
http://gizmo.co.jp/WpPostFiles130617.zip
より修正ファイルをダウンロードいただき、
data/downloads/plugin/WpPost 以下、
・plg_WpPost_Category_LC_Page.php
・plg_WpPost_LC_Page.php
・plg_WpPost_List_LC_Page_FrontParts_Bloc.php
3ファイルを入れ替えていただくようお願いいたします。

EC-CUBEのセキュリティーアップデート

Posted by on 24 5月 2013 | Tagged as: EC-CUBE

EC-CUBEのサイトにて緊急度の高い脆弱性を含めたアップデートが公開されています。
http://www.ec-cube.net/info/weakness/20130522/index.php
ご確認の上、ご対応ください。

今回のアップデートにつきましては、弊社でご提供しているプラグインが問題無く稼働することを確認しておりますが、カスタマイズを実施されている場合など保証いたしかねますので、ご注意の上実施をお願いいたします。

WpPostインストールに際しての注意点

Posted by on 11 10月 2012 | Tagged as: EC-CUBEプラグイン"WpPost"

EC-CUBEのプラグイン”WpPost”のインストールに際し、フォルダのパーミッションで問題が発生する場合があります。

以下のフォルダがWEBサーバーの実行権限で書き込み可能となっている必要があります。
ご自分の環境をご確認いただきますようお願いします。

■dataフォルダ以下
・data/downloads/plugin
・data/Smarty/plugin/templates/default
・data/Smarty/plugin/templates/default/frontparts/bloc
※default部分はテンプレートにより変更になります。
※dataフォルダの名称を変更されている方は、ご自分の環境に合わせ読み替えてください。

■htmlフォルダ以下
・html
・html/plugin
・html/frontparts/bloc
※htmlフォルダの名称を変更されている方は、ご自分の環境に合わせ読み替えてください。

Pleskをお使いの方へ

Pleskをお使いの方はWEBサーバーの実行権限とフォルダのオーナー権限が異なりますので、707、757など適切なパーミッションを設定してください。
詳細はホスティング業者へお尋ねください。

さくらインターネットをご利用の方へ

さくらインターネットではフォルダーのパーミションが777757707の場合、およびファイルのパーミッションが 666646606 の場合 Internal Server Error が発生いたします。

WpPostインストール後に

・html
・html/plugin
・html/plugin/WpPost
・html/plugin?WpPost/media
・html/frontparts/bloc
・html/wppost
のフォルダパーミッションが 755 となっているかご確認いただき、異なる場合、手動にて変更ください。
また、各フォルダ内のファイルにつきましては 644 となっているかをご確認いただき、異なる場合、手動にて変更をお願いいたします。

なぜWpPostを作ったか

Posted by on 29 8月 2012 | Tagged as: EC-CUBE, EC-CUBEプラグイン"WpPost", プラグイン

本日(もう昨日になりましたが)、EC-CUBEとWordPressの連携プラグイン”WpPost”の新しいバージョンをリリースさせていただきました。

http://gizmo.co.jp/wppost/wppost-new/

良く分かってないころから、EC-CUBE東京ユーザグループやプラグイン開発合宿の皆さまには大変お世話になり、感謝してもしきれません。
また、下北沢のオープンソースカフェWordPress部の方にもサジェスチョンいただきました。ありがとうございます。

 
私がこのプラグインを作ろうと思った理由は、

「世の中にWordPressで作ったサイトがたくさんあるが、ECサイトをやろうとするとEC-CUBEの方が使いやすい気がする」

という点です。

 

  • WordPressでできている資産をそのまま利用できれば、ECサイトで展開する時も有利ではないか。
  • EC-CUBEとWordPressのデザインを揃えるだけでは、会員やポイントなど、ECの機能がうまくいかない。

と思って、色々テストしていた時に、EC-CUBEのプラグインリリースがあり、プラグイン開発合宿に参加させていただきました。

ここで、最初のバージョンを作成させていただいたのですが、今考えると、この時点ではEC-CUBEを良く分かってなく、参加された皆様にはご迷惑かけたのではないかと、今考えると冷や汗ものです。

商品一覧は2.11のカスタマイズで機能を盛り込んでいたのですが、コメント部分は結構時間がかかってしまいました。

まだ、不具合やバグなどもあるかと思いますので、何かありましたらご連絡いただけると嬉しいです。

今後とも、”WpPost”をよろしくお願いいたします。