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カスタマイズ依頼

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

トップへ戻るボタンがうまく機能しない
 
共有:
通知
すべてクリア

[解決済] トップへ戻るボタンがうまく機能しない

12 投稿
5 ユーザー
12 Likes
948 表示
もも
 もも
(@もも)
New Member
結合: 1年前
投稿: 3
Topic starter  

対象のページのURL: https://eng-polaris.com/

相談内容:トップへ戻るボタンが表示されない

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

Cocoon設定のボタンで、「トップへ戻るボタンを表示する」にチェックをいれていますが、PCでは、TOPページとお問い合わせページのみにしか表示されません。

そして、お問い合わせページでは、Recapchaにかぶさってクリックできません。

スマホでも、トップページではフッターモバイルボタンのトップへ戻るが機能しますが、その他のページでは、表示はされているのに、ボタンを押しても反応がない状況です。

あまり詳しくなく、何か単純な設定ミスかもしれませんが、解決法があればご教示お願いいたします。

環境情報:

----------------------------------------------
サイト名:Polaris English
サイトURL: https://eng-polaris.com
ホームURL: https://eng-polaris.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon
スタイルシートURL:/wp-content/themes/cocoon-child
親テーマスタイル:/wp-content/themes/cocoon/style.css
子テーマスタイル:/wp-content/themes/cocoon-child/style.css
WordPressバージョン:5.7.2
PHPバージョン:7.4.14
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.4.5
カテゴリ数:7
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:1442バイト
functions.phpサイズ:578バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
AMP 2.1.2
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.4.1
Easy Table of Contents 2.0.17
Invisible reCaptcha 1.2.3
Post Type Switcher 3.2.1
PS Auto Sitemap 1.1.9
SiteGuard WP Plugin 1.6.0
TypeSquare Webfonts for ConoHa 2.0.2
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------


   
はる
(@haruinoue)
Noble Member Moderator
結合: 2年前
投稿: 939
 

トップに戻るボタンが機能しないページはAMPのページのようです。

Cocoonの機能でAMPにしているのであればトップに戻るボタンが表示されるはずですが、プラグイン「AMP」を利用してAMPページを表示しているため機能しないようです。


Recapchaと被る件は、どちらも同じ位置に表示しようとしている以上仕方がないので、

  • Recapchaが表示されないようにする
  • どちらかのボタンの位置をCSSでずらす

とかになるかなと思います。


押しても反応しない件は確かめていません。


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

前略、ももさん

ご質問の内容とは別件ですが、ConoHa WING で提供されている(されていた?)Cocoonのテーマのフォルダ名が、標準のフォルダ名と異なっていることが原因で、Cocoonの親テーマをアップデートできない方が多くいらっしゃるようで、もも さんも、そのお一人のようです。

 

Cocoonのデフォルトのフォルダ名は、

 

親テーマ→ cocoon-master

子テーマ→ cocoon-child-master

 

なのですが、ももさんの場合は、

 

親テーマ→ cocoon

子テーマ→ cocoon-child

 

となっているようです。

 

以下の過去のトピックで、わいひらさんが解決方法をご案内くださっていますので、お読みになってみてください。

 

※[解決済] 親テーマ更新後、2つの親テーマがあります。

https://wp-cocoon.com/community/postid/40603/

 

上記のわいひらさんのご案内の方法とは別に、一旦、WordPress同梱のデフォルトテーマである、「twentytwentyone」などのテーマに切り替えてから、ConoHa WING からインストールした親テーマ、子テーマ両方とも削除して、このCocoonのサイトから、親テーマと子テーマをダウンロードしてインストールし、「twentytwentyone」などのテーマから新たにインストールしたCocoonの親テーマ・子テーマに切り替える、という方法もあります。

 

後者のやり方の場合は、子テーマのCocoon設定等をバックアップしておく必要があります。

 

いずれにしても、重要な作業なので、データベースやファイル、また、Cocoon設定や、ご自身でカスタマイズしている部分や、各種設定したコード等もバックアップしておいた方が無難かと思います。


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

ももさん

Cocoon設定のバックアップ関連のリンクを貼っておきます。

 

テーマ設定のバックアップ方法

https://wp-cocoon.com/how-to-theme-settings-backup/

 

テーマ設定の復元(レストア)方法

https://wp-cocoon.com/how-to-theme-settings-restore/


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

ももさん

説明が前後してしまいましたが、Cocoonの親テーマの現在のバージョンは、「2.3.1」のようですので、ももさんが現在お使いの「2.2.4.5」は、だいぶ古いバージョン、ということです。

This post was modified 1年前 by リフィトリー

   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

ももさん

モバイルフッターボタンのトップへ戻る動作については、Cocoonのテーマのフォルダ名の件を解決して、Cocoonを最新バージョンにしてから、もう一度検証してみる、という順番の方が良いような気がします。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4445
 

ももさん

スマホでも、トップページではフッターモバイルボタンのトップへ戻るが機能しますが、その他のページでは、表示はされているのに、ボタンを押しても反応がない状況です

この件も、はるさん仰っているプラグイン「AMP」の影響かと思います。
お問い合わせページでも、モバイルのトップへ戻るボタンは有効です。

 

ただし、リフィトリーさんの仰っている通り、テーマにConoHa特有の問題が生じていますから、まずはそちらを綺麗してから。。。が、私も良いと思います。


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

ももさん

reCAPTCHA を画面右したに表示せずに機能させるには、プラグインの「Invisible reCAPTCHA for WordPress」でググってみると良いかもしれません。

 

考えてみたら、私も使っていました・・「Invisible reCAPTCHA for WordPress」


   
わいひら reacted
Yamachan11
(@yamachan11)
Reputable Member Registered
結合: 3年前
投稿: 297
 

お問い合わせページでは、Recapchaにかぶさってクリックできません。

は、Invisible reCaptcha > Invisible reCaptcha Settings

  • Badge Positionは、プルダウンからInlineを選択してセットしてください。

  .Inline以外を選択すると、reCaptchaが、左端や右端の他のメニューに被さってしまうことがあります。

This post was modified 1年前 by Yamachan11

   
わいひら reacted
もも
 もも
(@もも)
New Member
結合: 1年前
投稿: 3
Topic starter  

皆さん、ありがとうございます。

まずフォルダ名とテーマの更新から対応しております。

テーマの更新をして、現在、Cocoonの親テーマが2つ表示されている状態です。

ただし、テーマエディタで確認すると、古いテーマのStylesheetが

/*
Theme Name: Cocoon
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Text Domain: cocoon
Version: 2.2.4.5
Requires at least: 5.3.0
Requires PHP: 5.6.0
Tags: two-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

新しいものが

/*
Theme Name: Cocoon
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Text Domain: cocoon
Version: 2.3.1
Requires at least: 5.5.0
Requires PHP: 5.6.0
Tags: two-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

子テーマにmasterを加えてみました。

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template: cocoon-master
Version: 1.1.2
*/

が、まだ2.2.4.5バージョンの親テーマが適用されています。

新しい親ファイルの名前のどこかに、「master」を入れる必要があるのでしょうか?

それとも、リフィトリーさんのおっしゃる通り、一度別テーマにしてから再度インストールしたほうが良いのでしょうか。

 

 


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

ももさん

ちょっと判断が分かれるところかもしれませんが、私は、一旦、WordPressのデフォルトテーマである、「twentytwentyone」に切り替えて、今インストールしてあるCocoonは親テーマ、子テーマとも削除してしまった方が確実なような気がしています。

 

ただ、子テーマに設定した情報が失われてしまうので、Cocoon設定等のバックアップは必須です。

 

「twentytwentyone」を有効化すると、デザインがガラッと変わってしまいますが、そこは気にせず、ひとつずつ丁寧に作業をしていけば、切り替えられるような気がします。

 

ただ、保証はできかねますので、ご自身でご判断なさってくださいませ。

 

※Cocoonのテーマは、このサイトからダウンロードしたものをインストールなさってください。

This post was modified 1年前 2回 by リフィトリー

   
わいひら reacted
もも
 もも
(@もも)
New Member
結合: 1年前
投稿: 3
Topic starter  

リフィトリーさん、はるさん、mk2さん

ありがとうございます。無事に新Cocoonへの移行ができました。

また、ご指摘いただきましたAMPのプラグインも無効化し、Cocoon設定から有効化したら、問題なくボタンが表示されました。

そして、Invisible reCaptchaはインストール済みでした。

Yamachan11さんに教えていただいた通りインラインに設定したところ、表示がかぶってもボタンが押せるようになっていました。

皆様、本当に助かりました。ありがとうございました!

 


共有:

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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