お問い合わせはコチラから

Cocoonモバイルフッターボタンに目次ボタンが表示されない理由

サイト運営

Cocoonのモバイルフッターボタンがカスタマイズできることは知っていました。

このサイトでは初期状態のモバイルフッターボタンで特に不便を感じなかったので今までいじったことはなかったのです。

ある時、フッターボタンに目次を表示するボタンを追加したいと思い、カスタマイズの方法を検討し始めました。いざ実装しようかな?と思ったときに、Cocoonの機能としてモバイルボタンに目次ボタンがあることを知って、これは表示させなければと思った時の記録です。

スマホ表示だと目次を見たいときに簡単に見れないのがすごい不便だと思っていました。

Cocoonのフッターモバイルボタンに追加できるボタン

Cocoonでは、URLコマンドというのが用意されていて、カスタムメニューのURL欄に入力することでフッターモバイルボタンにアイコン付きでボタンを表示させることができます。

初期状態で表示されているボタン以外にも表示できるボタンが結構多いので、是非確認してみてください。

URLコマンドリンク文字列例ボタンの役割
#menuメニューグローバルメニューをスライドインで表示
#homeホームフロントページへのリンクボタン
#shareシェアシェアボタンを表示
#followフォローフォローボタンを表示
#search検索検索フォームを表示
#toc目次へ目次に移動
#topトップページトップに移動
#prev前へ現在表示中の投稿ページの前のページを表示
#next次へ現在表示中の投稿ページの次のページを表示
#commentsコメントコメント欄へ移動
#sidebarサイドバーサイドバー項目をスライドインで表示
#logoサイト名入力
※短縮形推奨
横幅広めのサイトロゴが表示されるボタンを表示

初期状態のモバイルフッターボタンから変更するには?

新規にメニューを作って、モバイルフッターボタン位置にメニューをアサインすればよいです。

この時、初期状態のモバイルフッターボタンのメニューがあるわけではないので、初期状態のモバイルフッターメニューを修正するのではなく、自分で同じようにメニューを作る必要があります。

今回は目次を追加したいので、初期状態と同じモバイルフッターメニューを作成して、さらに#tocというURLコマンドを追加したカスタムリンクを追加しました。

これが結構メンドクサイ

目次に移動は、目次があるページしか表示されない

実際に、変更したモバイルフッターボタンが表示されるかスマホで確認してみました。

ところが目次ボタンが表示されませんでした。

しばらく悩んだのですが、投稿ページに行くと目次ボタンが表示されたので、どうもTOPページでは目次ボタンが表示されない現象が起きていることに気が付きました。

よくよく考えてみると、目次が無いページでは目次ボタンが表示されても飛び先が無い、だから、目次が無いページでは、目次ボタンが表示されないという当たり前というかとても賢い仕様になっていました。

まとめ

無料テーマでユーザーが好き勝手に機能追加のリクエストができるテーマというのは結構少なく、Cocoonが多くのユーザーに支持されて成功しているのはその影響も大きいと思います。

今回のように、カスタマイズしようかな?と思ったときに既に機能があったりするのもCocoonの魅力じゃないでしょうか。

この記事が気に入ったら フォローしよう
最新情報をお届けします。
この記事を書いた人
ブーン

はるばる日本よりオランダ王国へやってまいりました。
自分の経験が少しでも参考になれば嬉しいです。
お問い合わせは、『こちら』からお願い致します。

\ブーンをフォロー/
スポンサーリンク
サイト運営
\シェアお願いします!/
\ブーンをフォロー/

失敗しないレンタルサーバーランキング

mixhost

不正アクセスに強くて使いやすいおススメサーバー
\本サイトで利用中/
メリット①:自動ウィルス駆除対応
メリット②:サイトの表示速度が速い!
メリット③:転送量の上限が多い!
メリット④:自由にプラン変更ができ、アクセス増にも対応できる!
メリット⑤:バックアップデータが無料で復元できる!
メリット⑥:Wordpressが簡単にインストールできる!
メリット⑦:どのプランでも初期費用が無料!
メリット⑧:10日間の無料お試し期間と30日の返金保証!

Conoha Wing

国内Wordpress最速の最強サーバー
メリット①:圧倒的な表示速度
メリット②:レンタルサーバーと独自ドメインがセットでお得◎
メリット③:プラン変更はすべてのプランで自由自在
メリット④:一か月の利用転送量の制限が緩い(9TB~)
メリット⑤:WordPresサイトの移行が簡単

エックスサーバー

国内シェアNo1の安定性と実績が魅力。ALL SSDで死角なしの万能サーバー。
メリット①:サイトの表示速度が安定して速い!
メリット②:アクセス負荷に強くて安定性が高い!
メリット③:24時間365日の充実サポートで安心!電話サポートもあり!
メリット④:転送量が多い!
メリット⑤:自動バックアップ機能付き!
メリット⑥:WordPressが簡単にインストールできる!
メリット⑦:10日の無料お試し期間がある!

オランダで生きていく
タイトルとURLをコピーしました