NO PICTUREBOOKS

fullPage.jsとContact Form 7のコンフリクト

パララックス用のjQueryプラグインfullPage.jsをWordPressに組み込んだところ、Contact Form 7の送信リダイレクトが効かなくなりました。

今回パララックスするのは1ページだけで、他のページはfullPage.jsを読み込まずにContact Form 7だけを使用して問題なくリダイレクトが出来たので、やはりコンフリクトが原因のようです。

あれこれ試し、もうfullPage.jsかContact Form 7どちらかを違うプラグインで試してみるしかないかなと思った最後にダメ元でjQueryのバージョンを上げてみたところ、解決。

下記のようにWordPress側のjQueryを読み込まずに、使用したいバージョンのjQueryをGoogle Hosted Librariesから読み込む方法を取りました。

function add_files() {
// WordPress本体のjquery.jsを読み込まない
wp_deregister_script('jquery');
// 使用したいjQueryの読み込み
wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', "", false );
}
add_action( 'wp_enqueue_scripts', 'add_files' );

jQueryのバージョンを3.1.1に上げて解決したのは、今回のサイトは対象ブラウザをIE9以上と考えていたので使えた方法かもしれません。

fullPage.jsもContact Form 7も単体では古いバージョン(当初設定していたのは1.9.1)で動いていたので、バージョンの違いでの解決はちょっと盲点でした。

2016.11.13

PCサイトとスマホサイトの振り分けhtaccess

最近めっきりレスポンシブルのサイトが増えましたが
スマホサイトのみ追加で作るときに
端末認識用に稼動させるhtaccessをあれこれ調べてて
なかなかうまくいかなかったのですが、
最終的にうまくいったものをご紹介させていただきます。

目標はスマホでアクセスしたときに、どのhtmlにアクセスしたとしても
そのページに対応したスマホ用のページに飛ばすというものです。

構造はPCサイトディレクトリ内にスマホサイトディレクトリを置き
ファイル名を同じにしておく必要があります。
(例 PCサイト:about.html スマホサイト:sp/about.html)

それをhtaccessで書くとどうなるかというと

RewriteEngine On
RewriteCond %{REQUEST_URI} !(^/sp/)

RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^(.*)$ /sp/$1 [R,L]

となります。

RewriteCond %{REQUEST_URI} !(^/sp/)

ここの部分はhtaccessはディレクトリ以下すべてに作用するために
スマホサイトディレクトリでは作用してほしくないために記述しております。

またPCサイトではphpだけれど、スマホサイトではhtmlだった場合は

RewriteCond %{REQUEST_URI} ^/sp/ [NC]
RewriteRule ^(.*)\.php$ /$1.html [R=301,L]

を追加することで対応が可能です。

2015.12.5

空想世界スタンプ第2弾リリースされました!

今回からスタンプの大きさが標準サイズになっております。どうやら小さいスタンプは視認性が悪いということで審査にひっかかるようで。何はともあれ無事リリースできました。なかなか難しいところもありますがスタンプ制作楽しいですね!

2015.5.7

LINE空想世界スタンプ販売中!!


追記:小さいスタンプが承認されなくなったのでリサイズバージョンを再リリースしました。

2014.12.22

WordPressに移行

仕事でWordPressを使うことが増えましたので、せっかくなので自社サイトもWordPressにしてみました。
コンテンツは随時追加していきたいと思います。

よろしくお願いいたします。

2014.12.22