WordPress O2 ビジネステーマのグローバルメニューのサブメニュー幅が足りないときの対処方法

この記事を書いた背景

WordPress のテーマ機能を使うと様々なテーマが利用できますが、
有名どころの一つに O2 ビジネステーマがあります。

参考：O2ビジネステーマ

しかし、ここのテーマの中には、グローバルメニューのサブメニュー部分が表示されたとき、幅が足りないことがあります。

その対処方法についてのメモ。

原因

CSS で幅が固定されているのが原因です。

対処方法

CSS を変更してしまいましょう。

私の場合は、Jetpack プラグインの機能を使いました。
「外観｜CSS 編集」メニューを開き、下記の CSS を追加してお終いです。

nav#mainNav ul li li {
    width: 280px;
}

対象のメニュー幅の「width」属性を固定値でピクセル指定しました。

メニュー幅なので、本来は動的にするなどが必要かとは思いますが、まずは見えることを前提にすれば上記のような方法でも問題は少ないでしょう。

まとめ

WordPress のデザインはどのようなこともできますが、その分作り手のスキルにとても依存しやすいと言えます。

WordPress を使えば SEO 対策がバッチリとか言うのはかなり表現としては微妙なので、鵜呑みにしないでくださいね。

正しく設定すれば が条件です。

10年集客し続けられるサイトを、ワードプレスで自作する9つのポイントプレゼント

【最後まで読んでくれたあなたに】

あなたは、24時間365日、自分の代わりに集客し続けてくれるWebサイトを作りたい！と思ったことはありませんか？

私はこれまで500以上のWebサイトの構築と運営のご相談に乗ってきましたが、Webサイトを作ってもうまく集客できない人には、ある一つの特徴があります。

それは、「先を見越してサイトを構築していないこと」です。
Webサイトで集客するためには、構築ではなく「どう運用するか」が重要です。

しかし、重要なポイントを知らずにサイトを自分で構築したり、業者に頼んで作ってもらってしまうと、あとから全く集客に向いていないサイトになっていたということがよく起こります。

そこで今回、期間限定で
『10年集客し続けられるサイトをワードプレスで自作する9つのポイント』
について、過去に相談に乗ってきた具体的な失敗事例と成功事例を元にしてお伝えします。

・ワードプレスを使いこなせるコツを知りたい！
・自分にピッタリのサーバーを撰びたい！
・無料ブログとの違いを知りたい！
・あとで悔しくならない初期設定をしておきたい！
・プラグイン選びの方法を知っておきたい！
・SEO対策をワードプレスで行うポイントを知りたい！
・自分でデザインできる方法を知りたい！

という方は今すぐ無料でダウンロードしてください。

期間限定で、無料公開しています。

※登録後に表示される利用条件に沿ってご利用ください

クリックしてメールアドレスを登録！