「メイド・イン・ヘブン」スキン適用中

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

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

AMPページで以前のような固定のフッタ...
 
共有:
通知
すべてクリア

[解決済] AMPページで以前のような固定のフッターモバイルボタンを表示させたいです

4 投稿
3 ユーザー
2 Likes
1,311 表示
 hat
(@hat)
New Member
結合: 5年前
投稿: 4
Topic starter  

わいひらさま、いつもお世話になっております。

すみませんが表題の件についてです。

AMPページでモバイルボタンが廃止されたことは存じ上げており、わいひらさまのおっしゃる廃止の理由↓

AMPでモバイルボタンを表示しないように変更

以下の理由で、AMPページでモバイルボタンを表示しないようにしました。

  • AMPの場合最初に隠れていたスライドインエリアの画像は表示されない場合がある
  • ボタンの分だけでも可読エリアが広い方が良いと思ったから
  • そもそもAMPページにそこまでの機能を持たせるし必要がないのではと思ったから
  • モバイルボタンを完全にAMPにまで対応させるとなると開発コストが高い

AMPページでも、やろうと思えば同様の動作にはできるとは思います。けれど、AMPページでそこまでする必要があるのか?といった感じ(現在も今後どうするかは検討中)。

についても納得できるものでした。

ただ、当ブログでは以下の理由から、できればAMPページでもフッターモバイルボタンを表示させたいと思っております。

①Twitterからのリンクで記事へアクセスすると必ずAMPページが表示される
②Twitterから記事を見に来てくれる人がそれなりの人数いらっしゃる
③フッターモバイルボタンの「メニュー」「ホーム」「シェア」「目次へ」「サイドバー」が使えないと不便に感じる
④個人的にフッターモバイルボタンがAMPページでも表示されるところがすごく気に入っていた

今後、AMPページにモバイルボタンを対応させていくのは開発コストがかかるということ、理解できます。

なので、バージョン1.8.5以前のCocoonでは、どのようにしてAMPページにフッターモバイルボタンを表示させていたのか教えていただけましたら、自己責任にて対応したいと考えています。

Cocoonテーマのフッターモバイルボタンが、シンプルにおしゃれかつ便利でとても気に入っていたので、AMPページのみではありますが表示されなくなり悲しんでいます。

ブログ全体をAMP対応しないようにすればモバイルボタンは戻ってきますが、今後のことも考え、Cocoonテーマ側でもせっかく対応してくださっているのでAMP対応は外したくはありません。

phpやcssで制御できるのであれば自分で管理いたしますので、AMPページでもフッターモバイルボタンを表示する方法を教えていただきたく思います。

(ちなみにフッターモバイルボタンは固定で常に表示、ヘッダーモバイルボタンは表示させる予定はありません)

長々と恐れ入りますが、ご検討のほどどうぞよろしくお願いいたします。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

phpやcssで制御できるのであれば自分で管理いたしますので、AMPページでもフッターモバイルボタンを表示する方法を教えていただきたく思います。

変更の履歴でしたら、以下をさかのぼればチェックできると思います。

https://github.com/yhira/cocoon/commits/master

 

https://wp-cocoon.com/1-8-5/#toc7

たぶん分岐されてるんだと思います。ってことでチェックしてみたページです。

https://github.com/yhira/cocoon/blob/master/tmp/mobile-footer-menu-buttons.php

This post was modified 5年前 by かうたっく

   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16458
 

ここなどの、「!is_amp() && 」を削除すれば表示はされると思います。
https://github.com/yhira/cocoon/blob/b2f9185e0dbf6d8a1b212eef8d1986b102b27cfe/tmp/mobile-footer-menu-buttons.php#L10
ただし、ボタンはAMPページに対応していないものもあると思うので、動作保証はできないです。


   
 hat
(@hat)
New Member
結合: 5年前
投稿: 4
Topic starter  

わいひらさま、かうたっくさま、返信いただきありがとうございます。

おふたりが教えてくださったmobile-footer-menu-buttons.phpの該当箇所「!is_amp() && 」を消してみたところ、以前と同じようにAMPページでもフッターモバイルボタンが表示されるようになりました。

当ブログで使っているボタンの機能は、AMPページですべて問題なく動作いたしました。とてもうれしいです、ありがとうございます。

無理を言って表示させてもらいましたので、今後AMPページのフッターモバイルボタンでなにか問題が起きたとしても自分で対処したいと思います。

どうもありがとうございました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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