質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.52%

  • PHP

    20326questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • WordPress

    7201questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

wordplessのカテゴリにマウスオーバーすると出てくるtitle属性の中身が消えない

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 633

suizya2

score 17

前提・実現したいこと

Wordpressのカスタムメニューでナビゲーションをつくっているのですが
設定したナビゲーションラベルがタイトル属性として表示され、マウスオーバーするたびにマウス横に表示されてしまうので
それを消すべく奮闘しています。
ネットで見つけた下記コードをfunctions.phpに追記する方法を試しているのですが効果ありません。
どうしたら消えるのでしょうか。
wp-includesはバージョンアップのことも考えいじりたくはありません。
なんとかfunctions.phpをいじって乗り切りたいのですが・・・

該当のソースコード

add_filter('wp_list_categories', 'remove_category_link_prefix');
function remove_category_link_prefix($output) {
return preg_replace( '/title=\"(.*?)\"/' , ' ' , $output );
}

補足情報(言語/FW/ツール等のバージョンなど)

wordpress 4.7.2
PHP 7

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • miz

    2017/02/17 15:54

    `function.php`ではなく、`functions.php`ですが、コードを書くファイル名はあっていますか?

    キャンセル

  • suizya2

    2017/02/17 15:56

    失礼しました、ご指摘感謝します。うっかり打ち間違えてfunction.phpと書いてしまいましたがfunctions.phpに書き込んでいます。

    キャンセル

回答 1

checkベストアンサー

+2

「設定しているタイトルが表示」ということは、
設定している場所を消してしまえばいいと思うのですが、
そのタイトルはどこから設定しているものなのでしょうか。

「管理画面>外観>メニュー」の画面の、下記の設定を変えることで消えませんか?

管理画面>外観>メニューの一部

追記

とりあえずaタグのtitle属性を消すのであれば、下記のコードで実現できるはずです。

function my_nav_menu_link_attributes( $atts, $item, $args, $depth ) {

    $atts['title'] = '';

    return $atts;
}
add_filter('nav_menu_link_attributes', 'my_nav_menu_link_attributes', 99, 4);
// 注:WordPress 4.7.2では引数は4、WordPress 4.1.0で$depthが追加になって引数の個数が変わっている

追記2

文章が長くなりましたが、簡潔に説明ができない説明下手な人間ということで勘弁してください。
説明してほしかった点とずれているという場合には遠慮なくツッコミを入れてください。

エラー解消法がわかった経緯

「Warning: Missing argument 4 for my_nav_menu_link_attributes(), called in ○○/○○ on line 298 and defined in ●●/●● on line 15」は、簡単にいえば、「引数の数があいませんよ」というエラー(この場合はwarningですが)です。

この場合は、my_nav_menu_link_attributes関数の持つ引数の個数と、フィルターnav_menu_link_attributesが持つ引数の個数があわないという意味になります。
(WordPressにおけるフィルターに関する基本的な知識はここでは割愛しますので、ググってみてください。様々なサイトで解説されています)

私がmy_nav_menu_link_attributes関数を書いたとき、WordPressのコアwp-includes\class-walker-nav-menu.phpstart_el関数を見て、「nav_menu_link_attributesフィルターの引数は4つだな」と思って、最初に提示したコードを書きました。

しかし、上記のエラーが出たということで、「あれ?」と思い、ソースに付記されたnav_menu_link_attributesフィルターの説明を読むと、$depthパラメータが最近(WP Ver.4.1.0で)追加されたことがわかりました。

ですから、「もしかして、WordPressのバージョンが違うのかなあ」と思い、バージョンを尋ねるコメントを書きました。
ただよく見ると質問文にWP Ver.4.7.2と書かれていたので、「あれ、引数の個数があわないはずないんだけどな」と思いつつ、念のため、$depthを消して、引数を4から3に変更してみてもらおうと思ってコメントを書いた次第です。

カスタムメニューを生成する際に、aタグの属性(attributes)をフィルターするフィルターです。
wp-includes\class-walker-nav-menu.phpstart_el関数でapply_filterされています。

my_nav_menu_link_attributes関数内で、var_dump($atts);すると、aタグに適用されるclasstitleなどが渡されていることがわかります。

今回はそのうち、$atts['title']に空文字列を代入して、title属性を強制的に出力させないようにしています。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/02/17 16:27

    そこは盲点でした、今チェックしてみました。
    しかし・・・なぜか
    タイトル属性が空欄でもナビゲーションラベルの内容がtitleとして出力されてしまっています。
    どこかチェックすべき場所はありますか??
    オリジナルでテーマを1から作ろうとしているのですがタイトルを記述するような
    ものはかいた記憶がなく・・・途方にくれています。

    キャンセル

  • 2017/02/17 16:34

    関係するかわかりませんが・・・下記のコードをfunctions.phpに記述し
    カスタムメニューを拡張して説明文に入れた文章が表示されるようにしています。

    add_filter('walker_nav_menu_start_el','nav_menu_with_description',10,4);
    function nav_menu_with_description($item_output, $item) {
    return preg_replace('/(<a.*?>[^<]*?)</', '$1' . "<br><span class=menu2>{$item->description}</span><", $item_output);
    }

    キャンセル

  • 2017/02/17 16:36

    質問で書かれているソースにはcategoryってなっていますが……。カテゴリーとかなら、その説明が出ているのではないでしょうか。

    キャンセル

  • 2017/02/17 16:54

    これはwp_list_categoriesで出力されたリンクの場合の書き方ですね・・・・ほんと自分がいやになります。
    超初心者なのですが、メニューカテゴリにタイトル属性が自動で付くのはどこが働いているのでしょうか・・・どうしたらどこかわかるのでしょうか・・・
    基礎から勉強しますが目の前のことを解決するのにかなり時間がかかりそうです、、、

    キャンセル

  • 2017/02/17 17:03

    aタグにtitleをつけているのがどこかはわからないのですが、
    ひとまずaタグのtitle属性を消したいのであれば、回答に追記したコードでなんとかなるかと思います。
    どういう経緯でくっついているtitle属性なのかわからない、というのは少々気持ち悪いですが。

    キャンセル

  • 2017/02/17 17:41

    ありがとうございます。追記頂いたコード、コピペしてためしてみました。
    なぜか4番目の引数が足りないとなってしまいます,
    「Warning: Missing argument 4 for my_nav_menu_link_attributes(), called in ○○/○○ on line 298 and defined in ●●/●● on line 15」○や●はphpのファイルの場所です。
    自分で調べてみたのですが、
    nav_menu_link_attriibutesがフィルターフックにできないことが原因???
    nav_menu_link_attriibutesに関して日本語Codexに記事がなく良く分からず
    また手詰まってしまいました・・・
    皆さま謎の属性が付いてしまった場合はどのように調査していますか??(そんなことあまりないと思いますが・・・泣)

    キャンセル

  • 2017/02/17 18:05

    WordPressのバージョンはいくつですか?

    キャンセル

  • 2017/02/17 18:06 編集

    あ、すみません。質問文に書かれていましたね。失礼しました。

    my_nav_menu_link_attributesの$depthを消して、add_filterの三つ目の引数を4から3に変えればいいかも。

    キャンセル

  • 2017/02/17 18:18

    で、できました!!!
    なぜですか??なんで上記で直るのわかりました??
    またnav_menu_link_attributesに関しても教えていただけませんか?
    解決方法の考え方参考にしたいです。

    キャンセル

  • 2017/02/17 21:19

    まとまりがありませんが、問題解決の経緯を回答本文に記載しました。
    用語の使い方とか間違っているかもしれませんので、話半分に読んでください。

    キャンセル

  • 2017/02/18 14:17

    ご丁寧な回答ありがとうございました!
    本当にたすかりました。
    考え方も学ぶ機会ないので
    大変勉強になりました
    もっと勉強して問題解消できるようがんばります。
    ありがとうございました!!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.52%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • PHP

    20326questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • WordPress

    7201questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。