サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2024年7月19日 14:30
お世話になっております。
トピック一覧を検索したのですが、該当内容がヒットしなかったためお問い合わせさせていただきます。
お時間いただき大変恐縮ですが、ご教示いただけますと幸いです。
不具合・カスタマイズ対象ページのURL: https://www.mr-spot.jp/
相談内容:固定ページのテンプレートを変更したらGoogleアナリティクスの計測ができなくなった
不具合の発生手順:
ページデザインを変更するために固定ページのテンプレートを新規作成したところ、Googleアナリティクスの計測ができていなかった。
HTML内を確認すると、Google Tag Manager,Google Search Consoleなど他のページは読み込まれている部分が読み込まれていない。
解決のために試したこと:
・テンプレートをデフォルトテンプレートに変更してHTMLを確認。
(Google Tag Manager,Google Search Consoleなどのタグが読み込まれていた)
・WP-Staging内でCocoonのバージョンを最新(2.7.5.1)にしたが変化がなかった。
環境情報:
----------------------------------------------
サイト名:Mr.スポット
サイトURL: https://www.mr-spot.jp/1718776146877
ホームURL: https://www.mr-spot.jp/1718776146877
コンテンツ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
サーバー:2400:4052:9b40:900:4109:4c86:3d9d:fd0a
WordPressバージョン:6.4.4
PHPバージョン:8.0.30
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br, zstd
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.7.2.3
カテゴリー数:2
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:1592 バイト
functions.phpサイズ:203 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2024/05/ogp.png
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
AddToAny Share Buttons 1.8.10
Contact Form 7 5.9.6
Copy & Delete Posts 1.4.6
Flamingo 2.5
Limit Login Attempts Reloaded 2.26.9
WP STAGING WordPress Backup Plugin - Backup Duplicator & Migration 3.7.1
----------------------------------------------
2024年7月19日 19:05
不具合・カスタマイズ対象ページのURL: https://www.mr-spot.jp/
相談内容:固定ページのテンプレートを変更したらGoogleアナリティクスの計測ができなくなった
アナリティクス計測ができなくなったのは、上記URLのフロントページだけでしょうか?
他の固定ページでもなるのでしょうか。
Topic starter
2024年7月22日 09:11
Topic starter
2024年7月22日 09:41
ご確認いただきありがとうございます。
返答遅れて申し訳ございません。
私の知識不足で大変恐縮なのですが、添付の画面で固定ページのテンプレートを新規作成した場合も新規でテンプレート用のphpを作成する必要があるのでしょうか。
もしそうなのであれば今回phpを新規作成していないので、ご教示いただいた「header.php(get_header()」の記述がないことが原因であるかと思います。
2024年7月22日 20:04
mmmさん
ご提示の方法は、FSEに対応したブロックテーマで可能な方法だと思います。(私はこの方法をしたことがないです)
※FSE:Full Site Editing(フルサイト編集)
ノーコードで全部できるということは、本来PHP等のコードで書いていたものが、ブロックやテンプレートパーツで提供されているか、ご自分で作成しないと、できないと思います
テンプレートやテンプレートパーツは、以下のようなサイトエディタというもので、本来は作成します
mmmさんが添付してくださった画像は、それを直接固定ページの編集画面から開いたものではないかと思います。
(WordPressも、クラシックテーマとブロックテーマの方法が混在する過渡期で、複雑化していますが)
手順は幾つかのサイトで紹介されていますが、とりあえず以下をリンクしておきます。
フルサイト編集(FSE)の基本的な使い方
https://motoki-design.co.jp/wordpress/how-to-fse/
https://motoki-design.co.jp/wordpress/how-to-fse/
ただ、Cocoonはクラシックテーマですから、メニューからこのテンプレートの編集画面は開くことができません。
WordPress.orgのフォーラムに、以下のようなものもありました。
FSE theme and get_header function
https://wordpress.org/support/topic/fse-theme-and-get_header-function/
https://wordpress.org/support/topic/fse-theme-and-get_header-function/
ノーコードで、get_headerの部分を作るには、簡単に言えば、テーマ側でその役割をするブロックかテンプレートパーツが提供されているか、ご自分でそれを作成するかが必要なのだと思います。
(Cocoonのheader.phpの一部分または全部の役割のもの)
(Cocoonのheader.phpの一部分または全部の役割のもの)
残念ながら、CocoonはFSEには未対応ですので、当該ブロック・テンプレートパーツは現時点では提供されていないです。
Cocoonは、クラシックテーマですので、従来のような手順でテンプレートを作成する必要があるように思います。
検索すると、いくつも解説サイトがあると思います。
例として、いくつかリンクしておきます。
WordPressの固定ページにカスタムテンプレートを追加する方法
https://tcd-theme.com/2023/12/wp-page-template.html
https://tcd-theme.com/2023/12/wp-page-template.html
WordPress固定ページのテンプレートの作り方と利用方法を初心者に解説!投稿ページとの違いや学び方も紹介
https://www.rbbtoday.com/media/sidebusiness/wordpress/wpfixedpage/
https://www.rbbtoday.com/media/sidebusiness/wordpress/wpfixedpage/
わいひら reacted
2024年7月22日 20:10
もしそうなのであれば今回phpを新規作成していないので、ご教示いただいた「header.php(get_header()」の記述がないことが原因であるかと思います。
今回のケースでは、どのようにテンプレートを作成されたのでしょうか?
2024年7月22日 20:13
確認して書き込んでいるうちにmk2さんさんの返信が先に。。
mk2さんさんが書かれた方法でテンプレートを作成されたのでしょうか。
2024年7月22日 20:26
作成している場面をGIFには容量的に収められませんので・・・
mmmさんご提示の方法で、私が作成したテンプレートをGIFにしました。
テンプレートは、以下のFSE用のブロックでできています。
- サイトのタイトル
- サイトのキャッチフレーズ
- タイトル
- コンテンツ
- 案内ボックス
実験的に、コンテンツの下に、Cocoonの案内ボックスも入れてしまいました。
そして、固定ページに作成したテンプレートを適用します。
固定ページの本文には、以下のように「確認用」という文字があるだけの状態です。
(タイトル入れ忘れました)
これをプレビューすると、以下のようになります。
そして、このHTMLを表示させると、以下です。
(mmmさんご提示とほぼ同じかと)
(mmmさんご提示とほぼ同じかと)
Cocoonのheader.phpで行っている処理が、このテンプレートにはないということだと思います。
以下のブロックは、WordPress標準のものですので、Cocoonの処理は含まれていないと思います。
- サイトのタイトル
- サイトのキャッチフレーズ
- タイトル
Cocoonの用のサイトのタイトルや、もしくはCocoonのheader.phpの全部、または一部分のブロックやテンプレートパーツがない限りは、難しいのかなと思います。
もしくは、FSEの方法をリンクさせていただきましたけれど。
templateフォルダを作って、index.htmlを作る方がも必要なのかも・・・。
(これはやったことがないもので、実際にどうすれば良いのかは、ちょっと私も分かっていません)
わいひら reacted
2024年7月23日 05:09
ちなみに、私は先に提示した方法で、「abcdefg」という名前のテンプレートを作成しました。
(FSE機能を使った、ノーコードで作る方法)
そう考えると、chu-yaさんご指摘の「page-template-lp」は、同様に「lp」というテンプレートを作ったのかもしれないです。
こちらからは、mmmさんがどのように作成なさったか等は窺い知ることができません。
お問い合わせいただく際には、
- こういうことがしたい
- こういう方法で実装した
それらのことが第三者に伝わるようにしていただけますと助かります。
このトピックをご覧いただけますとお分かりいただけると思うのですけれど。
どういう風に実装したのかを推測するだけで、時間を要している状態です。
回答側の負荷軽減にご協力いただけますと幸いです。
更にちなみにですけれど。
フォーラムガイドラインについては、事前にご一読ください。
初めての方は必ずお読みください
https://wp-cocoon.com/read-me-for-using-fourm/#toc9
基本的には、上記に記載のある以下に該当するのではないかと思われます。
- 自前で行ったカスタマイズによる不具合
- PHPとJavaScript(jQuery)のカスタマイズはサポート外
但しサポート対象外の場合でも、ご回答くださる方もいらっしゃいますので、それを妨げるものではありません。
(現に皆様ご協力くださっているかと)
わいひら reacted
Topic starter
2024年7月23日 09:54
各位
ご返答いただきありがとうございます。
作成方法ですが、mk2様がご提示下さった方法(サイトエディターを用い、ノーコードで作成)で対応しておりました。
CocoonがFSEに未対応という認識がありませんでした。申し訳ありません。
外部よりログインしてページ作成をしておりまして、PHPを直接修正できない環境下だった為、このような状況になっておりました。
Cocoonは、クラシックテーマですので、従来のような手順でテンプレートを作成する必要があるように思います。
上記コメントでご教示いただいた従来のテンプレート追加方法か、デフォルトテンプレートを使用して再現する方法で対応してみようと思います。
フォーラムガイドラインに反している部分についても、ちゃんと認識できておらずご迷惑をおかけし大変申し訳ございませんでした。
そのような中で親切にご対応いただき誠に感謝いたします。
改めてご確認いただきありがとうございました。
わいひら reacted
Topic starter
2024年7月26日 19:32
お世話になっております。
本件について解決いたしましたので、結果を書き込みに参りました。
Cocoonは、クラシックテーマですので、従来のような手順でテンプレートを作成する必要があるように思います。検索すると、いくつも解説サイトがあると思います。例として、いくつかリンクしておきます。WordPressの固定ページにカスタムテンプレートを追加する方法
https://tcd-theme.com/2023/12/wp-page-template.htmlWordPress固定ページのテンプレートの作り方と利用方法を初心者に解説!投稿ページとの違いや学び方も紹介
https://www.rbbtoday.com/media/sidebusiness/wordpress/wpfixedpage/
上記でご紹介いただいた従来の手順でデザインを再現しようとしたところ、私の知識の範囲だとCocoon親テーマの方のPHPを修正することになりそうだったのでこの方法は断念いたしました。
別手段としてデフォルトテンプレートを使用してCSSでデザインを修正する方法に変更し、結果として、元々のデザインを再現しながらGoogleアナリティクスの計測ができる状態になりました。
以上が結果報告となります。
改めてサポート対象外の案件であるにも関わらず、ご親切にご対応いただきありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。