wordpressカスタムメニューのdiv class menu-main-navi-containerが邪魔

公開日: : 最終更新日:2013/07/25 wordpress


久々のWPネタ。wordpressの標準のメニューを画像に置き換えたいとき、
日本語を綺麗な長さにするならばやっぱりメニューの長さがばらばらになる
それを整理するには非常にめんどくさいソースになるが、
カスタムメニューの有効化をする。

CSS初心者の私がCSSを書くと、どうしてもここにdivがあっては困る場面が出てくる。
それが<div class=”menu-main-navi-container”>でした。

ちなみにカスタムメニュー有効化の方法は、
テンプレート内のfunctions.php
/* カスタムメニュー */
add_theme_support( ‘menus’ );
と書くだけで、ダッシュボード>概観の所にメニューと言う項目が出てくる。

<?php wp_nav_menu( array(‘menu’ => ‘main-navi’)); ?>
これをセットすれば使えるわけだが、
<div class=”menu-main-navi-container”>が邪魔でデザインが崩れる。

根本のデータ変更が必要かと40分ほど悩むと、引数で消す方法を見つけました。
WordPress 3.x, wp_nav_menu コードを追ってみた
先人の知恵はありがたいです。

<?php wp_nav_menu( array(‘menu’ => ‘main-navi’,'container’ => ” )); ?>
こうすれば邪魔者は消えました。
IEでは表示されたけど、operaやgoogle choromeで表示がくずれたんですよね。

久しぶりにホームページを作らせてもらっています。デザイナーだった頃からもう9年は経過しているのでデザインはギリギリだとしても、CSSが9年前の技術で、9年前の技術で最新のwordpressに組み込もうと思って2日使ってしまいました。
wordpressに組み込んでしまうと、後の簡単な修正や更新は自分でやってもらえますからね。でもやっつけ仕事過ぎて完成するか不安になってきました。

ホームページをワードプレス化する一番の利点は、携帯電話、iphone対応だと思います。今の時代ホームページのhtmlも簡単だし、だれでも更新できるんですが、やっかいなのは利用者の多い携帯電話対応です。ワードプレスにしてしまえば、プラグインいれてハイ終わり!と言おうと思う自分がいるのです^-^

関連記事

no image

twitterとwordpressを連携させてみた

アクセスアップのためにtwitterアカウントつくりました。 ツ

no image

AllinOneSEO-wordpressを導入しました

いいだしっぺのサイトも記事数が200に近づいてまいりました。 今後検索

no image

ブログを翻訳したページを検索エンジンにキャッシュさせる方法ないかな?

検索エンジンにキャッシュされるブログの翻訳システムを以前から探して

no image

カテゴリーのページをタイトル一覧表示に変更する方法。perpage.phpを使わない

Custom Query String 2.9を使えば、perpage

stinger便利すぎる!

stinger便利すぎる!広告のスマホ表示しない設定とトップページのみ表示

stinger便利すぎます! 標準でスマートフォン最適化設定にもなっ

no image

楽天アフィリエイトをクリックするとポップアップブロックされてしまう間違った対処方法

ちょっとさっき気づいたこと。ワードプレスの投稿に楽天アフィリエイトタグ

stinger便利すぎる!

STINGERで画像付き人気記事を簡単に表示する方法

ワードプレスユーザーなら、STINGERというテンプレートを使っている

Message

メールアドレスが公開されることはありません。

no image
節約とケチ(貧乏で悲惨)の違い

大阪のケチなおばはんの本、カンサイ式節約術をちょとだけ読

SKE48の松村香織さんが握手会の汗臭いクレーム問題
腐った魚の臭いがするSKE48オタクのおっさんは病気かもしれない

SKE48の松村香織さんが握手会の汗臭いクレーム問題につ

no image
子供ユーチューバー賛成の理由

昔は子だくさんだった理由 昔は子供は労働力だった。

no image
子供は炎天下の車の中に3時間いるだけで死ぬ

真夏、炎天下の車内は60度にも70度にもなります。 車

no image
大人の階段って何?学生食堂でバイトしてた話

20代後半から仕事がバリバリできるようになりストレス耐性

→もっと見る

  • いいだしっぺ(これでいいだ)
    ブログのもくじ 私のプロフィール
    現代の幸福論に挑戦しています。
    ウクレレブログ好き。

PAGE TOP ↑