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も簡単だし、だれでも更新できるんですが、やっかいなのは利用者の多い携帯電話対応です。ワードプレスにしてしまえば、プラグインいれてハイ終わり!と言おうと思う自分がいるのです^-^

関連記事

パックマンのイメージ

早くパクるブログ=まとめサイトの記事作りがいいみたい

イケダハヤトの言う、誰よりも速くパクる(DHP)という技術はブログの記

no image

amazonAPIでコミック発売日リストをphpで作る(まだ途中

あるコミック(漫画)情報サイトで記事一覧にアマゾンアフィリエイトを使っ

stinger便利すぎる!

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

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

wordpressを携帯対応にしgoogleのモバイルAdSense

wordpressを携帯対応にしgoogleのモバイルAdSenseを入れ込む+モバイル検索エンジン登録

wordpressを携帯で見れるようにしました。googleのモ

no image

twitterとwordpressを連携させてみた

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

no image

特定のカテゴリの記事を表示しないプラグインを導入

advanced-category-excluder 使い方は、インス

stinger便利すぎる!

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

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

Message

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

no image
マニュアルがないと「ないからできない」あると「おまえがやれ」

頭を打つ仕事の仕方をしてたら誰にも追いつかれなくなった

ミキハウスシューズモニターのルール
ミキハウスのモニターが必ず買える!奈良県のお店はここ!

奈良県のキャンディーベアという子供服店に行ってきた。

ノンカフェインコーヒーが200円でランチにつけれる
奈良でデカフェがランチで飲める王寺のカフェ ガーデン・プレイスに行ってきた

王寺駅(りそな銀行ATM方面)をバスターミナル(さと、ヤ

no image
母より父がインフルエンザを子供に移す。朝起きてすぐ歯磨きが効果あり

インフルエンザを子供に移すのは父 インフルエンザを

no image
ニタニタして気持ち悪いの意味

今では通用しなくなった言葉「ニタニタして気持ち悪い」は昔

→もっと見る

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

PAGE TOP ↑