【Cocoon】フッターモバイルメニューの設定でエラーになる時の対処法（ConoHa WING）

私はCocoonのテーマをカスタマイズしてこのブログを制作しています。

先日、フッターモバイルメニューを設定しようとしたところエラーが出てしまい、試行錯誤の末に無事解決できました！
同じようなエラーが出てお困りの方に役立てて欲しいなと思い、今回は状況とその対処法について解説します。

エラー時の状況

使用テーマ：Cocoon
サーバー：ConoHa WING

「外観」→「メニュー」からフッターモバイルメニューにあたるメニューを選択。
カスタムリンクからモバイルコマンドを入力し、独自ボタンの生成を試みる。

フッターモバイルボタンの設定方法

スマホ画面のフッターに表示されるスライドインメニューボタンのカスタマイズ方法の解説です。

wp-cocoon.com

メニューに追加 or メニューを保存でエラーが発生。（たまに保存できるときもある）

表示されたエラー画面↓

閲覧できません (Forbidden access)

指定したウェブページを表示することができません。
入力したURLや値が正しくない可能性がございますのでご確認ください。

The server refuse to browse the page.
The URL or value may not be correct. Please confirm the value.

しらたま

全くできないわけではなく、稀に保存できるのがまた謎でした…

解決までにしたこと

まずは色々と調べてたどり着いたのは以下の記事でした。

【メニュー】フッターモバイルボタンに#topを追加すると403エラーとなる

質問失礼いたします。cocoonを使用して頑張ろうとしているところです。 フッターモバイルボタンメニューに#topを追加し保存すると403エラーとなります。 その他の#home、#menuなどは問題ありませんでした。 数日前...

wp-cocoon.com

私が使用しているサーバーは、この質問者さんとは異なり
ロリポップではなくConoHa WINGなので、以下の手順でWAFをオフにしました。

• 管理画面にログイン
• サイト管理→サイトセキュリティ→WAFをOFFに
• フッターモバイルメニューの設定が終わったら再度ONに戻す

しらたま

WAFとはなんぞや？？という方は下記の記事も参考にしてみてください。

WAFとは？仕組みやセキュリティの基本をわかりやすく解説

WAFとは「Web Application Firewall」の略であり、Webアプリケーションへの不正なサイバー攻撃を防ぐために開発された専用防御ツールのことです。この記事ではWAFの種類や仕組み、ファイアウォールとの違いやメリットを、初...

it-trend.jp

WAFをONにするのは忘れない方がよさそうです！
なので設定が終わり次第、また元に戻すことをおすすめします。

おわりに

ブログを運営しているといろんなエラーや壁にぶちあたることがありますが、
こんな風にひとつひとつ解決して成長できている感じもまたたまりません！

ブログ初心者の方や、最近Cocoonを使い始めたという方の参考になれば幸いです。

しらたま

もしこの記事がお役に立ちましたら、この下のいいねボタンや参加ランキングのバナーをぽちっとしていただけると励みになります♡⍨♡

favorite1いいね

送信中です

×

※コメントは最大500文字、5回まで送信できます

送信

送信中です送信しました！