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

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

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

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

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

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

前略、ももさん

ご質問の内容とは別件ですが、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設定や、ご自身でカスタマイズしている部分や、各種設定したコード等もバックアップしておいた方が無難かと思います。

ももさん

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

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

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

テーマ設定の復元（レストア）方法

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

ももさん

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

ももさん

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

ももさん

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

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

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

ももさん

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

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

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

は、Invisible reCaptcha　＞　Invisible reCaptcha Settingsで

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

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

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

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

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

ただし、テーマエディタで確認すると、古いテーマの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」を入れる必要があるのでしょうか？

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

ももさん

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

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

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

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

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

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

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

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

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

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

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