0

自分の WordPress ブログに、Graph Paper Pressの「Mansion」(無料版)というテーマをインストールしました。すべてがスムーズに実行されていますが、ALT および TITLE ツールチップをユーザー側に表示しないようにするか、無効にするか、削除したいと考えています。

フィールドを空白のままにすると、WordPress は画像をアップロードするときにファイル名から TITLE 属性を自動的に生成します。さらに、このテーマでは、TITLE と ALT の両方が「Get the Image」(Justin Tadlock) と呼ばれるスクリプトによって自動的に生成されます。実行するテーマ)。

さまざまな jQuery スクリプトを試して、属性を非表示にしたり削除したりしてまったく無駄になりましたが、それはテーマ自体に関連する癖である可能性があると考え始めています。誰にもアイデアはありますか?私のブログはhttp://www.ikukawachi.com/cvj341/wordpress/にあります。

4

2 に答える 2

3

JavaScript は必要ありません:

add_filter( 'wp_get_attachment_image_attributes', 'remove_image_text'); 
function remove_image_text( $attr ) {
    unset($attr['alt']);
    unset($attr['title']);
    return $attr;
}
于 2012-03-10T14:02:51.943 に答える
2

jQueryを利用できる限り、次のことを試すことができます。

$('img[title], img[alt]').removeAttr('title').removeAttr('alt');

これは、Ubuntu10.10のChromium10のコンソールで機能します。


@Ikuによるコメントに応じて編集:

こんにちは、助けてくれてありがとう。残念ながら、組み込みのjQueryライブラリをエンキューし、提案したコードを追加したことを確認しましたが、それでも機能していないようです。(サイトを見たい場合は、ソースにあります。)これはばかげた質問のように思えるかもしれませんが、コードを機能させるには、ページの特定の場所にコードを配置する必要がありますか?もしそうなら、どこ?

上記のjQueryは、次のいずれかの内部に配置する必要があります。

$(document).ready(
    function(){
        $('img[title], img[alt]').removeAttr('title').removeAttr('alt');
    });

または:

$(window).load(
    function(){
        $('img[title], img[alt]').removeAttr('title').removeAttr('alt');
    });

2つの違いは$(document).ready()、DOMがロードされ、準備ができたときに発生することです。一方、要素$(window).load()など、ページにリンクされているリソースimgが読み込まれると発生します。

ブラウザをテストするには、JavaScriptコンソール(Chrome / Chromium / Safariでは++)を開き、ctrl以下をコンソールに貼り付けますshifti

var s = document.createElement('script'); s.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'; document.getElementsByTagName('head')[0].appendChild(s);

を押しenterて、以下を貼り付けます。

$('img[title], img[alt]').removeAttr('title').removeAttr('alt');

この後、任意のimg要素にカーソルを合わせるとnoが表示さtitleれ、欠落している画像の代わりにaltが表示されないようにする必要があります。

参照:

于 2011-04-15T01:24:08.717 に答える