Q&A
本番ではなくローカルではどうですか？
よろしくお願いします。
前提
学習系ウェブサイトを運営しています。
phpで作っており、さくらレンタルサーバーを利用しています。
学習系ウェブサイトは、以下になります。
サイト名：tigerwebstudy
https://tigerwebstudy-japan.com/index_test_n3.php
※トレーニングボタンを押すと、４択問題が出ます。
スマホ用で作成しているため、pcで開くと表示がめちゃくちゃになります。
スマホでご確認ください。
問題の内容
最近、ワードプレス（テーマはcocoon）を使い始めました。
最初は、tigerwebstudyとは別のドメインで利用していたのですが、
ドメインを統一したいと思い、
tigerwebstudyにblogというディレクトリを作成してその中に、cocoonのファイルデータを入れました。
blogディレクトリを作成したのは、
https://tigerwebstudy-japan.com/index_test_n3.php
と同じ階層です。
※図をご確認ください。
その後から、
https://tigerwebstudy-japan.com/index_test_n3.php
を開くと、セッション切れをしてうまく動作しなくなりました。
通常であれば、トレーニングボタンを押すと４択問題が出ます。
選択したものをもう一度タップすると、結果ページに移動します。
サイト名：tigerwebstudy
https://tigerwebstudy-japan.com/index_test_n3.php
ただ、以下のように端末やブラウザで動作状況が異なります。
i phoneのsafari → 問題ないです
i phoneのgoogle chrome →問題ないです
macbook airのsafari → 問題ないです
macbook airのgoogle chrome →セッション切れ（４択問題が出ない）
android端末のsafari → レイアウトが崩れすぎて確認できず。
android端末のgoogle chrome →セッション切れ（４択問題が出ない）
facebookメッセンジャーに貼り付けたリンクをクリックした場合は、
テスト問題はちゃんと出ますが、正解を選んでも次のページで間違いと判定されます。
（これもセッション切れだと思います）
怪しいと思う箇所
ワードプレスのcocoonの入ったblogディレクトリを設置してからセッション切れするようになったので、
blogディレクトリの中のファイルのどれかがセッション切れを引き起こしているのかなと考えています。
特に怪しいのは、.htaccess です。
一応、コード内容を下記に記しておきます。
# BEGIN SAKURA Internet Inc. <IfModule mod_deflate.c> SetOutputFilter DEFLATE AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/x-javascript application/javascript application/ecmascript </IfModule> <IfModule mod_expires.c> ExpiresActive On <FilesMatch "\.(css|js)$"> ExpiresDefault "access plus 1 week" </FilesMatch> <FilesMatch "\.(gif|jpe?g|png)$"> ExpiresDefault "access plus 1 month" </FilesMatch> </IfModule> # END SAKURA Internet Inc. # BEGIN WordPress # "BEGIN WordPress" から "END WordPress" までのディレクティブ (行) は # 動的に生成され、WordPress フィルターによってのみ修正が可能です。 # これらのマーカー間にあるディレクティブへのいかなる変更も上書きされてしまいます。 <IfModule mod_rewrite.c> RewriteEngine On RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] RewriteBase /blog/ RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /blog/index.php [L] </IfModule> # END WordPress #BEGIN COCOON HTACCESS # ETags(Configure entity tags) を無視する設定 <ifModule mod_headers.c> Header unset ETag </ifModule> FileETag None # Enable Keep-Alive を設定 <IfModule mod_headers.c> Header set Connection keep-alive </IfModule> # MIME Type 追加 <IfModule mime_module> AddType text/cache-manifest .appcache AddType image/x-icon .ico AddType image/svg+xml .svg AddType application/x-font-ttf .ttf AddType application/x-font-woff .woff AddType application/x-font-woff2 .woff2 AddType application/x-font-opentype .otf AddType application/vnd.ms-fontobject .eot </IfModule> # プロクシキャッシュの設定（画像とフォントをキャッシュ） <IfModule mod_headers.c> #1年キャッシュ（CSS・JavaScriptなどは、クエリーをつけているからOK） <FilesMatch "\.(css|js|ico|jpe?g|png|gif|svg|swf|pdf|ttf|woff|woff2|otf|eot)$"> Header set Cache-Control "max-age=31536000, public" </FilesMatch> # プロキシサーバーが間違ったコンテンツを配布しないようにする Header append Vary Accept-Encoding env=!dont-vary </IfModule> # ブラウザキャッシュの設定 <IfModule mod_headers.c> <ifModule mod_expires.c> ExpiresActive On # キャッシュ初期化（1秒に設定） ExpiresDefault "access plus 1 seconds" # MIME Type ごとの設定 ExpiresByType text/css "access plus 1 year" ExpiresByType text/js "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/svg+xml "access plus 1 year" ExpiresByType application/pdf "access plus 1 year" ExpiresByType application/javascript "access plus 1 year" ExpiresByType application/x-javascript "access plus 1 year" ExpiresByType application/x-shockwave-flash "access plus 1 year" ExpiresByType application/x-font-ttf "access plus 1 year" ExpiresByType application/x-font-woff "access plus 1 year" ExpiresByType application/x-font-woff2 "access plus 1 year" ExpiresByType application/x-font-opentype "access plus 1 year" ExpiresByType application/vnd.ms-fontobject "access plus 1 year" </IfModule> </IfModule> # Gzip圧縮の設定 <IfModule mod_deflate.c> SetOutputFilter DEFLATE # 古いブラウザでは無効 BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch \bMSIE\s(7|8) !no-gzip !gzip-only-text/html # 画像など圧縮済みのコンテンツは再圧縮しない SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico|eot|woff|woff2)$ no-gzip dont-vary AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/js AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/atom_xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/x-httpd-php AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-font-opentype </IfModule> #END COCOON HTACCESS
ワードプレス（cocoon）のテーマ情報
---------------------------------------------- サイト名：Jumpei Blog サイトURL：https://tigerwebstudy-japan.com/blog ホームURL：https://tigerwebstudy-japan.com/blog コンテンツURL：/wp-content インクルードURL：/wp-includes/ テンプレートURL：/wp-content/themes/cocoon-master スタイルシートURL：/wp-content/themes/cocoon-child-master 親テーマスタイル：/wp-content/themes/cocoon-master/style.css 子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css スキン：/wp-content/themes/cocoon-master/skins/simple-blue/style.css WordPressバージョン：6.1.1 PHPバージョン：7.4.33 ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 言語：ja,en-US;q=0.9,en;q=0.8,km;q=0.7,ne;q=0.6 ---------------------------------------------- テーマ名：Cocoon バージョン：2.5.7.11 カテゴリー数：5 タグ数：0 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.3 style.cssサイズ：1328バイト functions.phpサイズ：203バイト ---------------------------------------------- Gutenberg：1 AMP：0 PWA：0 Font Awesome：5 Auto Post Thumbnail：0 Retina：0 ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化：1 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：1 ---------------------------------------------- 利用中のプラグイン： TranslatePress - Business 1.2.5 TranslatePress - Multilingual 2.4.9 ---------------------------------------------- 不具合報告の際には以下の情報を添えてもらうと助かります。 ---------------------------------------------- サイト名：Jumpei Blog サイトURL：https://tigerwebstudy-japan.com/blog ホームURL：https://tigerwebstudy-japan.com/blog コンテンツURL：/wp-content インクルードURL：/wp-includes/ テンプレートURL：/wp-content/themes/cocoon-master スタイルシートURL：/wp-content/themes/cocoon-child-master 親テーマスタイル：/wp-content/themes/cocoon-master/style.css 子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css スキン：/wp-content/themes/cocoon-master/skins/simple-blue/style.css WordPressバージョン：6.1.1 PHPバージョン：7.4.33 ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 言語：ja,en-US;q=0.9,en;q=0.8,km;q=0.7,ne;q=0.6 ---------------------------------------------- テーマ名：Cocoon バージョン：2.5.7.11 カテゴリー数：5 タグ数：0 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.3 style.cssサイズ：1328バイト functions.phpサイズ：203バイト ---------------------------------------------- Gutenberg：1 AMP：0 PWA：0 Font Awesome：5 Auto Post Thumbnail：0 Retina：0 ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化：1 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：1 ---------------------------------------------- 利用中のプラグイン： TranslatePress - Business 1.2.5 TranslatePress - Multilingual 2.4.9 ----------------------------------------------
なぜgoogle chromeだけセッション切れするのか、
セッション切れを引き起こしている原因は何なのか。
どうか、解決の糸口になるアドバイスをよろしくお願いいたします。
あなたの回答
tips
プレビュー
