Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

google mapが表示されない。
 
共有:
通知
すべてクリア

[解決済] google mapが表示されない。

20 投稿
6 ユーザー
5 Reactions
6,475 表示
(@kamichiki)
Active Member Registered
結合: 7年前
投稿: 11
トピックスターター  

お世話にあなります。

simplecity2よりcocoonに切り替えました。一通りの動作は問題なく引き継げとても気にいているのですが、「MapPress Easy Google Maps」プラグインで表示していた地図が表示されなくなりました。白枠表示になってしまいます。
 
他の全プラグイン停止、キャッシュのクリア等やっても表示されませんでした。試しにテーマをsimplecity2に戻すと普通に表示されました。同じ症状のような方いらっしゃいますか?
 
また、解決方法やがありましたらご教授願いたいです。


   
(@jamkun)
Estimable Member Registered
結合: 7年前
投稿: 158
 

高速化設定内にある、JavaScript最小化が原因ではないでしょうか。

 

JavaScript最小化のチェックを外すことでkamichikiさんの環境でも正常な動作をしてくれるようであれば、MapPress Easy Google MapsのJavaScriptが起因しているプラグインの問題です。

JavaScriptファイルを除外設定してあげるか、CocoonでJavaScriptの最小化を使うのを完全に諦めるか、Google Mapsは面倒ですが都度プラグインを使わず埋め込み設定してあげる必要があるでしょう。

 

本来ならばどのJavaScriptファイルを除外すればいいのか特定までしてあげられればよかったのですが、すぐの特定には至らなかったので、とりあえずの対処ですが、参考になれば。


   
わいひら reacted
(@kamichiki)
Active Member Registered
結合: 7年前
投稿: 11
トピックスターター  

ジャム君さん

ありがとうございます。cocoonにある高速化設定は現在なにも設定していません。それでも症状は変わらないようです。

もう少し調査した結果ですが、過去に投稿(たぶんsimplecity)した時の記事は普通にマップが表示されているようですが、cocoonのテーマで新規に投稿した際は表示されていないように感じられます。(古い記事は地図は表示されているが新しい記事程表示されていない)

それとMapPressは投稿編集画面でも地図の確認はできるのですが、そちらは正常に表示されています。

投稿すると白枠表示になってしまう・・・。のか?

個人ブログなのでそれ程急いでないのでもう少し検証してみようと思います。

 

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

よろしければ、実際のページのURLを書き込んでいただいて、実物を見せていただけないでしょうか。

ただ、プラグインとの競合問題のようなので、必ず原因がわかるとは限らないのですが。


   
(@kamichiki)
Active Member Registered
結合: 7年前
投稿: 11
トピックスターター  

わいひら様

お世話になります。ありがとうございます。
表示される記事と、されない記事のリンクになります。

【地図が表示される】・・・最近の記事
https://40papa.com/dairy/gourmet/22275/

【地図が表示されない】・・・過去記事
https://40papa.com/dairy/gourmet/21383/

【地図が表示されない】・・・過去記事に最近地図を追加してみた
https://40papa.com/dairy/gourmet/21438/

 

----------------------------------------------
サイト名:40papa
サイトURL: https://40papa.com
ホームURL: https://40papa.com
コンテンツURL: https://40papa.com/wp-content
インクルードURL: https://40papa.com/wp-includes/
テンプレートURL: https://40papa.com/wp-content/themes/cocoon-master
スタイルシートURL: https://40papa.com/wp-content/themes/cocoon-child-master
Wordpressバージョン:4.9.6
PHPバージョン:7.0.18
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:0.6.5
カテゴリ数:13
タグ数:46
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.3
----------------------------------------------
利用中のプラグイン:
001 Prime Strategy Translate Accelerator 1.1.1
Advanced Random Posts Widget 2.1.1
Akismet Anti-Spam 4.0.7
AmazonJS 0.8
BackWPup 3.5.1
Batch Cat 0.3
Better Delete Revision 1.6.1
Broken Link Checker 1.11.5
Category Order 1.0.3
CFiltering 1.5.0
Clear Floats Button 1.1.4
Duplicate Post 3.2.2
EWWW Image Optimizer 4.2.1
Font Awesome 4 Menus 4.7.0
Google XML Sitemaps 4.0.9
Jetpack by WordPress.com 6.1.1
MapPress Easy Google Maps 2.48.6
Master Post Advert 1.0.2
NextScripts: Social Networks Auto-Poster 4.2.4
No Self Pings 1.1.2
Preserve Editor Scroll Position 0.2
PS Auto Sitemap 1.1.9
PuSHPress 0.1.9
Resize Image After Upload 1.8.4
Simple Tags 2.4.7
SiteGuard WP Plugin 1.4.2
SNS Count Cache 0.11.1
TinyMCE Advanced 4.7.11
WordPress Ping Optimizer 2.35.0.1.3
WordPress Popular Posts 4.1.0
WP Multibyte Patch 2.8.1
WP Retina 2x 5.2.3
WP User Avatar 2.1.0
----------------------------------------------

よろしくおねがいします。

キャッシュクリアして「W3 Total Cache」は停止しています。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

>@kamichikiさん
そのうまくいっているGoogleマップも、うまくいっていないGoogleマップも双方
「MapPress Easy Google Maps」というプラグインでマップを挿入されているのでしょうか。


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こんにちわ。

仮説ではありますが、地図真下にブログカードがあるページだけ、地図が出ていないように思えます。

ブログカードの前後は、1行空けてますでしょうか?

 

あとプラグインには、scriptをフッターに書くかどうかの設定があるみたいです。これが競合しているような気もしますが、まずはブログカードの前後をチェックいただければと思います。


   
わいひら reacted
(@kamichiki)
Active Member Registered
結合: 7年前
投稿: 11
トピックスターター  

わいひらさん、たなかまさん>

ブログカードとの並びを変えたら表示されました。
「MapPress Easy Google Maps」はショートコードの挿入になるのですが、ブログカードの上に書くと表示されなくなりました。

scriptをフッターに指定するチェックボックスもありますが、してもしなくても症状は変わりませんでした。

【表示される】
<p> http://www.innocent-oniwa.com</p>
<p>[mappress mapid="125"]</p>

【表示されない】
<p>[mappress mapid="125"]</p>
<p> http://www.innocent-oniwa.com</p>

こちらもダメ
<p>[mappress mapid="125"]</p>
<p></p>
<p> http://www.innocent-oniwa.com</p>

暫定として、マップのコードを最下位に書き表示させました。
できれば記事下の方が見栄えがよいので、解決法がありましたら嬉しいです。

特に急いではいませんのでお時間のある時で大丈夫です。


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こんにちわ。

私のテスト環境でプラグインを入れてやってみましたが、一応うまく表示されているようです。

サイト特有(カスタマイズとかプラグイン)の問題なのかもしれません。

親テーマのみにしたり、プラグインを個別に解除したりして、原因を探るしかないかもです。

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

僕の環境でも不具合は再現できませんでした(添付画像)。

ただ、怪しい部分はあったので一応修正してみました。

https://github.com/yhira/cocoon/archive/master.zip

よろしければ、試してみていただければ幸いです。


   
(@kamichiki)
Active Member Registered
結合: 7年前
投稿: 11
トピックスターター  

わいひらさん、たなかまさん

ありがとうございます。

わいひらさん提供いただいたテーマを適用しましたが事象は改善されませんでした。
しかし、親テーマにすると、わいひらさん修正いただいた物と、最新リリースのテーマはちゃんと表示されました。

子テーマにすると両方とも表示されなくなりました。
子テーマはバージョン:0.0.3です。


   
(@kamichiki)
Active Member Registered
結合: 7年前
投稿: 11
トピックスターター  

わいひらさん、たなかまさん!

子テーマをバージョンアップしたら表示されました!
子テーマがバージョンアップしていたのを気づかず古いままでした。
ver.0.0.5にアップしたら表示されました。

真っ先に行わなくてはいけない事でした。すみませんでした。
色々考察ありがとうございました。


   
(@kamichiki)
Active Member Registered
結合: 7年前
投稿: 11
トピックスターター  

ごめんなさい。

やっぱ子テーマだとだめみたいでした。
おやテーマなら表示されます。


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こんばんは。

私の環境だと子テーマでも問題ないようですね。

プラグインやカスタマイズ時に何か競合したり、不備があるのかもしれません。

開発ツールを使いながら、エラーを見ていくしかないかもです。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

子テーマだからエラーが出るということはちょっと考えにくいです。
僕も子テーマを使用していますが、特に問題ないです。

子テーマとの違いがあるとしたら、テーマ設定状態の違いかと思います。
子テーマと親テーマでテーマ設定(Cocoon設定)は違ったものが保存されます。
子テーマと親テーマのテーマ設定の違いを比べてみて、設定の違いがあったら親テーマの設定にしてみて不具合が解消されるかみてみる必要があるかもしれません。それでなかったら、やはりプラグインとの競合も考えられます。

あと、子テーマはバージョンアップしても、アップデートしなくて良いと思います。
子テーマは、アップデートしないことが前提であるものなので。


   
(@kamichiki)
Active Member Registered
結合: 7年前
投稿: 11
トピックスターター  

わいひらさん、たなかまさん

色々、ありがとうございました。
子テーマでも表示されてるということで、やはり私の環境の問題が強いようですね。プラグインの競合をもう少し調べていきたいと思います。
 
ちょっと時間がかかるかと思いますが、解決したらご報告いたします。


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

わいひらさんがおっしゃっていることを試しても解決しない時は、 mod_pagespeed が悪さをしているかもしれません。

サーバーの設定より mod_pagespeed を無効にすることも、試してみる価値はあるような気がします。


   
わいひら reacted
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
 

横から失礼します。

いつもお世話になっております。

 

このトピックに関係してるかどうか分かりませんが、CoCoonバージョン:2.7.0 にアップデートしたら、/cocoon-master/js/custom-map.js が存在せず、404エラーが発生するようになりました。

エラーを解消したいです。

https://jewelry-craft.online/

 

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

もともとCocoonのjsフォルダにはcustom-map.jsというファイルは存在していません。
https://github.com/xserver-inc/cocoon/tree/master/js
jsフォルダの変更履歴を見てもそれっぽいものはないように思います。
https://github.com/xserver-inc/cocoon/commits/master/js
custom-map.jsファイルは自前のカスタマイズ等で置いていたという可能性はないのでしょうか。


   
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
 

たいへん、失礼しました。

カスタマイズで置いたファイルでした。

申し訳ございません!


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました